:root{--ink: #f4ecdf;--muted: #c9b89a;--brass: #e6cc8e;--danger: #f0b2a4;--dark: #3d6a4c;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: "Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;color:var(--ink);background:radial-gradient(ellipse at 50% 18%,rgb(228 186 96 / 16%),transparent 36%),radial-gradient(ellipse at 50% 120%,rgb(0 0 0 / 55%),transparent 46%),#100e0c;font-family:var(--serif);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button,svg{font:inherit}svg{display:block;width:100%;height:100%;pointer-events:none}main{height:100dvh;max-width:720px;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 8px max(88px,calc(env(safe-area-inset-bottom) + 68px));display:grid;grid-template-rows:68px 26px 18px minmax(0,1fr) 44px 16px;gap:6px}.players{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:68px}.seat{min-width:0;height:68px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:14px 22px 16px;column-gap:8px;align-content:center;padding:8px 10px;border-radius:16px;background:#fff6e60a;box-shadow:inset 0 0 0 1px #e6cc8e2e}.seat.black{grid-template-columns:minmax(0,1fr) 34px}.pip{grid-row:1 / span 3;grid-column:1;align-self:center;width:34px;height:34px}.seat.black .pip{grid-column:2}.side,.name,.caps{grid-column:2;min-width:0}.seat.black .side,.seat.black .name,.seat.black .caps{grid-column:1;text-align:right}.side{grid-row:1;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:14px;color:var(--muted)}.name{grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px}.caps{grid-row:3;height:16px;display:flex;gap:1px;overflow:hidden}.seat.black .caps{justify-content:flex-end}.caps svg{width:14px;height:14px;flex:none}.seat.turn{background:#e6cc8e17;box-shadow:inset 0 0 0 1px var(--brass)}.seat.winner{background:#f3e7d01a;box-shadow:inset 0 0 0 1px #f4e7d0}.status,.last,.note{margin:0;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.status{font-size:18px;line-height:28px}.last{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:20px;color:var(--brass)}.table{min-height:0;display:grid}.stage{position:relative;width:100%;height:100%;min-height:0}#board{width:100%;height:100%;display:block;touch-action:none}.promo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a08068c;border-radius:18px}.promo[hidden]{display:none!important}.promo-card{width:min(88%,300px);padding:14px 14px 12px;border-radius:16px;background:#1b1511;box-shadow:0 18px 40px #00000073,inset 0 0 0 1px #e6cc8e66;text-align:center}.promo-card p{margin:0 0 10px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}.promo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promo-piece{aspect-ratio:1;padding:7%;border:0;border-radius:12px;background:var(--dark);touch-action:manipulation}.promo-piece:active{transform:scale(.96)}.actions{height:44px;display:grid;place-items:center}.turn-actions{grid-area:1 / 1;display:flex;gap:8px;justify-content:center;pointer-events:none}.action,.turn-actions{grid-area:1 / 1}.action{height:44px;min-width:148px;padding:0 18px;border-radius:999px;font-family:var(--sans);font-size:14px;font-weight:650;letter-spacing:.04em;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;touch-action:manipulation}.turn-actions .action{min-width:0}.action.shown{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .16s ease,transform .16s ease}.action:active{transform:scale(.98)}.primary{border:0;background:var(--brass);color:#1a120c}.quiet{border:1px solid rgb(230 204 142 / 35%);background:transparent;color:var(--muted)}.note{font-family:var(--sans);font-size:12px;line-height:18px;color:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}