:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-void:oklch(17% .038 282);--color-paper:oklch(21% .045 282);--color-paper-2:oklch(26% .052 282);--color-paper-3:oklch(35% .055 282);--color-ink:oklch(96% .016 86);--color-ink-2:oklch(75% .039 286);--color-accent:oklch(88% .14 155);--color-accent-ink:oklch(22% .045 282);--color-focus:oklch(87% .11 207);--color-x:oklch(72% .17 25);--color-o:oklch(76% .12 232);--color-ok:var(--color-accent);--color-bad:oklch(73% .16 20);--color-felt:oklch(37% .06 169);--color-panel-edge:oklch(36% .05 282);--color-purple:oklch(74% .135 294);--color-purple-deep:oklch(45% .09 288);--color-yellow:oklch(88% .15 87);--color-red:var(--color-x);--color-blue:var(--color-o);--color-green:oklch(78% .13 165);--color-white:oklch(97% .014 90);--color-dark:oklch(19% .035 280);--color-pink:oklch(81% .1 355);--color-shadow:oklch(12% .028 280/.55);--color-backdrop:oklch(12% .028 280/.86);--color-panel:var(--color-paper-2);--color-well:var(--color-void);--color-muted:var(--color-ink-2);--color-rule:var(--color-panel-edge);--font-display:"Jersey 10", ui-monospace, monospace;--font-body:"Manrope", ui-sans-serif, sans-serif;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.125rem;--text-lg:1.375rem;--text-display-s:clamp(1.75rem, 1.5rem + 1vw, 2.25rem);--text-display:clamp(3.5rem, 4.8vw + 1rem, 5rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--rule:1px;--rule-board:3px;--shadow-step:3px;--radius:5px;--radius-panel:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-press:.1s;--dur-short:.16s}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}body{background-color:var(--color-paper);background-image:repeating-linear-gradient(to bottom, transparent 0 3px, color-mix(in oklch, var(--color-void) 35%, transparent) 3px 4px);min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);font-size-adjust:.62;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.35;display:flex}#app{display:contents}h1,h2,h3{text-wrap:balance;margin:0;font-style:normal}p{margin:0}a{color:inherit}img,canvas{max-width:100%;display:block}canvas.art,.board,.table canvas{image-rendering:pixelated}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.site-head,main,.site-foot{width:min(100% - 2 * var(--space-sm), 72rem);margin-inline:auto}.site-head{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule) solid var(--color-paper-2);flex-wrap:wrap;display:flex}.wordmark{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-accent);text-shadow:3px 3px 0 var(--color-void);white-space:nowrap;text-decoration:none}.wordmark span{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink-2);text-shadow:none;margin-left:var(--space-3xs)}.site-head nav{align-items:center;gap:var(--space-2xs) var(--space-md);flex-wrap:wrap;display:flex}.site-head nav a{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;padding-block:var(--space-3xs);border-bottom:var(--rule) solid transparent;font-weight:600;text-decoration:none}.site-head nav a:hover{color:var(--color-ink)}.site-head nav a[aria-current=page]{color:var(--color-ink);border-bottom-color:var(--color-accent)}main{padding-block:var(--space-lg) var(--space-2xl);flex:1}.site-foot{justify-content:space-between;gap:var(--space-2xs) var(--space-md);padding-block:var(--space-md);border-top:var(--rule) solid var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.btn{font:600 var(--text-sm) / 1.2 var(--font-body);padding:var(--space-xs) var(--space-md);min-height:2.75rem;color:var(--color-accent-ink);background:var(--color-accent);border:var(--rule) solid var(--color-void);border-radius:var(--radius);box-shadow:var(--shadow-step) var(--shadow-step) 0 var(--color-void);cursor:pointer;white-space:nowrap;transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out)}.btn:hover{box-shadow:calc(var(--shadow-step) + 1px) calc(var(--shadow-step) + 1px) 0 var(--color-void);transform:translate(-1px,-1px)}.btn:active{transform:translate(var(--shadow-step), var(--shadow-step));box-shadow:0 0 0 var(--color-void)}.btn:disabled{cursor:not-allowed;box-shadow:none;color:var(--color-ink-2);background:var(--color-paper-2);transform:none}.btn[hidden]{display:none}.btn--quiet{color:var(--color-ink);background:var(--color-paper-3)}.btn--chip{min-height:2.25rem;padding:var(--space-3xs) var(--space-xs);font-size:var(--text-xs);color:var(--color-ink);background:var(--color-paper);box-shadow:2px 2px 0 var(--color-void)}.btn--chip:hover{box-shadow:3px 3px 0 var(--color-void)}.btn--chip:active{box-shadow:none;transform:translate(2px,2px)}.hero{align-items:center;gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.hero h1{font-family:var(--font-display);font-size:var(--text-display);text-shadow:4px 4px 0 var(--color-void);overflow-wrap:anywhere;min-width:0;line-height:1.3}.hero h1 span{color:var(--color-accent)}.lead{margin-top:var(--space-md);max-width:40ch;font-size:var(--text-lg);color:var(--color-ink-2)}.steps{gap:var(--space-2xs) var(--space-md);margin:var(--space-lg) 0 0;flex-wrap:wrap;padding:0;font-weight:600;list-style:none;display:flex}.steps li{align-items:center;gap:var(--space-2xs);display:flex}.steps li:not(:last-child):after{content:"→";color:var(--color-ink-2);margin-left:var(--space-2xs)}.steps b{width:1.75rem;height:1.75rem;font:400 var(--text-2xs) var(--font-display);color:var(--color-accent-ink);background:var(--color-accent);border:2px solid var(--color-void);place-items:center;display:grid}.hero-art .art{width:100%;height:auto}.games h2{font-family:var(--font-display);font-size:var(--text-display-s);margin-bottom:var(--space-md)}.shelf{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.cabinet{background:var(--color-paper-2);border:var(--rule) solid var(--color-void);box-shadow:6px 6px 0 var(--color-void);scroll-margin-top:var(--space-lg);grid-template-rows:auto 1fr;display:grid}.cabinet-screen{background:var(--color-void);border-bottom:var(--rule) solid var(--color-void);padding:var(--space-sm)}.cabinet-screen .art{width:100%;height:auto}.cabinet-body{align-items:flex-start;gap:var(--space-2xs);padding:var(--space-md);flex-direction:column;display:flex}.cabinet-body h3{font-family:var(--font-display);font-size:var(--text-display-s);line-height:1.4}.cabinet-body .meta{color:var(--color-accent);font-weight:600}.cabinet-body p:not(.meta){color:var(--color-ink-2);max-width:36ch}.cabinet-body .btn{margin-top:var(--space-sm)}.cabinet-body .act-buttons .btn{min-width:0;margin-top:0}.room-head{align-items:baseline;gap:var(--space-2xs) var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.room-head h1{font-family:var(--font-display);font-size:var(--text-display-s);line-height:1.4}.back{color:var(--color-ink-2);white-space:nowrap;font-weight:600;text-decoration:none}.back:hover{color:var(--color-ink)}.chip{padding:var(--space-3xs) var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-2);background:var(--color-void);border:2px solid var(--color-paper-2);white-space:nowrap;margin-left:auto}.room{gap:var(--space-md) var(--space-xl);grid-template:"status side""stage side""stage invite""stage."1fr/minmax(0,1fr) minmax(0,21rem);align-items:start;display:grid}.room:has(.invite[data-size=large]){grid-template-areas:"status invite""stage side""stage.""stage."}.status{grid-area:status}.stage{grid-area:stage;min-width:0}.side{gap:var(--space-md);flex-direction:column;grid-area:side;display:flex}.invite{grid-area:invite}.status{padding:var(--space-sm) var(--space-md);background:var(--color-paper-2);border:var(--rule) solid var(--color-void);border-left-width:8px}.status-main{font-family:var(--font-display);font-size:var(--text-display-s);line-height:1.5}.status-detail{color:var(--color-ink-2);min-height:1.5em}.status[data-tone=go]{background:var(--color-accent);color:var(--color-accent-ink)}.status[data-tone=end]{border-left-color:var(--color-ok)}.status[data-tone=off]{border-left-color:var(--color-bad)}.status.shake{animation:shake .24s var(--ease-out)}.status{align-items:center;gap:var(--space-2xs) var(--space-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.clock{align-items:center;gap:var(--space-xs);display:flex}.clock[hidden]{display:none}.clock-bar{background:var(--color-void);border:2px solid var(--color-void);width:7rem;height:12px}.clock-bar i{background:var(--color-ok);transform-origin:0;height:100%;display:block}.clock-s{font-family:var(--font-display);font-size:var(--text-2xs);text-align:right;min-width:3ch}.clock.is-urgent .clock-bar i{background:var(--color-bad)}@media (width<=30rem){.status{grid-template-columns:minmax(0,1fr)}.clock-bar{flex:1}}.sound{font:600 var(--text-sm) var(--font-body);color:var(--color-ink-2);padding:var(--space-3xs) 0;cursor:pointer;white-space:nowrap;background:0 0;border:0}.sound:before{content:"♪ ";color:var(--color-accent)}.sound[aria-pressed=false]{text-decoration:line-through}.sound[aria-pressed=false]:before{color:var(--color-ink-2)}.sound:hover{color:var(--color-ink)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.panel{gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper-2);border:var(--rule) solid var(--color-void);box-shadow:6px 6px 0 var(--color-void);flex-direction:column;display:flex}.panel-title{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:700}.fine{color:var(--color-ink-2);font-size:var(--text-xs)}.hint{color:var(--color-ink-2)}.invite{gap:var(--space-2xs);flex-direction:column;display:flex}.invite-label{font-weight:600}.invite-row{gap:var(--space-xs);display:flex}.invite input,.field{min-width:0;min-height:2.75rem;padding:var(--space-2xs) var(--space-xs);font:inherit;color:var(--color-ink);background:var(--color-void);border:var(--rule) solid var(--color-paper-3);border-radius:var(--radius);flex:1}.field:hover{border-color:var(--color-ink-2)}.invite[data-size=large]{padding:var(--space-md);background:var(--color-panel-edge);border:var(--rule) dashed var(--color-accent)}.invite[data-size=large] .invite-label{font-family:var(--font-display);font-size:var(--text-2xs);color:var(--color-accent);line-height:1.7}.invite[data-size=small] .invite-label,.invite[data-size=small] .invite-help,.invite[data-size=small] input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.invite[data-size=small] .btn{color:var(--color-ink);background:var(--color-paper-3)}.board-frame{width:min(100%,528px);margin-inline:auto;position:relative}.board{touch-action:manipulation;width:100%;height:auto}.cell-keys{pointer-events:none;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3.03%;padding:3.03%;display:grid;position:absolute;inset:0}.board-frame--checkers{width:min(100%,512px)}.cell-keys--8{grid-template:repeat(8,1fr)/repeat(8,1fr);gap:0;padding:0}.player-red .player-mark{color:var(--color-x)}.player-white .player-mark{color:var(--color-ink)}.cell-key{opacity:0;background:0 0;border:0;padding:0}.cell-key:focus-visible{opacity:1;outline:4px solid var(--color-focus);outline-offset:-4px}.players{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.player{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);background:var(--color-paper);border:2px solid var(--color-void);grid-template-columns:auto auto 1fr auto;display:grid}.player.is-turn{border-color:var(--color-accent)}picture{display:contents}picture source{display:none}.avatar{image-rendering:pixelated;background:var(--color-void);flex:none}.avatar.is-empty{visibility:hidden}.me{width:32px;height:32px;image-rendering:pixelated;background:var(--color-paper-2);border:2px solid var(--color-void)}.player-mark{font-family:var(--font-display);font-size:var(--text-2xs)}.player-X .player-mark{color:var(--color-x)}.player-O .player-mark{color:var(--color-o)}.presence{font-size:var(--text-xs);color:var(--color-ink-2)}.presence:before{content:"";width:.5rem;height:.5rem;margin-right:var(--space-3xs);background:var(--color-bad);display:inline-block}.presence.is-on:before{background:var(--color-ok)}.score{gap:var(--space-3xs) var(--space-2xs);grid-template-columns:repeat(3,auto 1fr);align-items:baseline;margin:0;display:grid}.score dt{color:var(--color-ink-2);font-size:var(--text-xs)}.score dd{font-family:var(--font-display);font-size:var(--text-2xs);margin:0}.arena-frame{border:var(--rule) solid var(--color-void);width:min(100%,48rem);box-shadow:6px 6px 0 var(--color-void);margin-inline:auto}.arena{touch-action:none;cursor:crosshair}.arena-frame{position:relative}.arena-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.arena-label{font:600 var(--text-xs) / 1 var(--font-body);color:var(--color-ink);text-shadow:2px 2px 0 var(--color-void);white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.arena-label[hidden]{display:none}.arena-controls{width:min(100%,48rem);margin:var(--space-md) auto 0}.arena-controls .btn{flex:1}.leaderboard .player{grid-template-columns:auto 3ch 1fr}.leaderboard .presence{display:none}.sudoku{background:var(--color-void);border:var(--rule) solid var(--color-void);width:min(100%,32rem);box-shadow:6px 6px 0 var(--color-void);grid-template-columns:repeat(9,1fr);gap:1px;margin-inline:auto;display:grid}.sd-cell{aspect-ratio:1;min-width:0;font:400 clamp(.8125rem, 3.4vw, 1.125rem) var(--font-display);color:var(--color-o);background:var(--color-paper-2);cursor:pointer;touch-action:manipulation;border:0;padding:0}.sd-cell:nth-child(9n+3),.sd-cell:nth-child(9n+6){margin-right:2px}.sd-cell:nth-child(n+19):nth-child(-n+27),.sd-cell:nth-child(n+46):nth-child(-n+54){margin-bottom:2px}.sd-cell.is-given{color:var(--color-ink)}.sd-cell.is-same{background:var(--color-paper-3)}.sd-cell.is-bad{color:var(--color-x);-webkit-text-decoration:underline 3px var(--color-bad);text-decoration:underline 3px var(--color-bad);text-underline-offset:4px}.sd-cell.is-selected{outline:3px solid var(--color-accent);outline-offset:-3px}.sd-cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.keypad{gap:var(--space-2xs);width:min(100%,32rem);margin:var(--space-md) auto 0;grid-template-columns:repeat(5,1fr);display:grid}.keypad[hidden]{display:none}.keypad-notes{grid-column:span 5}.keypad-notes[aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent)}.sd-notes{width:100%;height:100%;font:500 clamp(.5rem, 1.6vw, .75rem) / 1 var(--font-body);color:var(--color-ink-2);grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;padding:6%;display:grid}.sd-notes .is-same{color:var(--color-accent)}.sd-time{font-family:var(--font-display);font-size:var(--text-md);margin-block:var(--space-xs)}.sd-setup{gap:var(--space-2xs);justify-items:start;display:grid}.sd-setup[hidden]{display:none}.levels{gap:var(--space-2xs);display:flex}.levels [aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent)}.table{width:min(100%,max(20rem,120dvh - 28.8rem));margin-inline:auto;padding:5% 1% 7%;position:relative}.felt{position:relative}.felt canvas{width:100%;height:auto;image-rendering:pixelated}.felt-overlay{pointer-events:none;position:absolute;inset:0;container-type:inline-size}.pod{flex-direction:column;align-items:center;width:19cqw;display:flex;position:absolute;transform:translate(-50%,-50%)}.pod .avatar{background:var(--color-paper-2);border:max(2px, .5cqw) solid var(--color-void);width:10cqw;height:10cqw}.plate{background:var(--color-void);border:max(2px, .45cqw) solid var(--color-paper-3);flex-direction:column;align-items:center;width:100%;margin-top:-1cqw;padding:.3cqw 1cqw;font-size:clamp(.6875rem,2.5cqw,.9375rem);line-height:1.25;display:flex}.pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.pod-stack{color:var(--color-accent);font-weight:600}.pod-tag{color:var(--color-ink);background:var(--color-paper-3);border:max(1px, .35cqw) solid var(--color-void);white-space:nowrap;padding:0 1cqw;font-size:clamp(.625rem,2.1cqw,.8125rem);font-weight:700;position:absolute;top:-1.2cqw}.pod-tag.is-fold{color:var(--color-ink-2);background:var(--color-paper-2)}.pod-tag.is-win{color:var(--color-accent-ink);background:var(--color-ok)}.pod-tag.is-hand{animation:pop .32s var(--ease-out);z-index:2;padding:.2cqw 1.4cqw;font-size:clamp(.75rem,2.8cqw,1.0625rem);top:-3cqw}.pod-emote{animation:pop .26s var(--ease-out);z-index:3;font-size:clamp(1.25rem,6cqw,2.5rem);line-height:1;position:absolute;top:-2cqw;left:0}@keyframes pop{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.fx{pointer-events:none;position:absolute;inset:0;overflow:visible;container-type:inline-size}.confetti{width:1.2cqw;height:.8cqw;animation:1.6s linear forwards confetti;position:absolute}@keyframes confetti{0%{transform:translate(0)rotate(0)}35%{transform:translate(calc(var(--dx) * .7), var(--up)) rotate(calc(var(--r) * .4));animation-timing-function:ease-in}to{transform:translate(var(--dx), 30cqw) rotate(var(--r));opacity:0}}.dealer{width:4cqw;height:4cqw;font:400 clamp(.5rem, 1.8cqw, .75rem) var(--font-display);color:var(--color-accent-ink);background:var(--color-accent);border:max(1px, .4cqw) solid var(--color-void);place-items:center;display:grid;position:absolute;top:1cqw;right:1.5cqw}.pod-timer{background:var(--color-void);width:100%;height:max(4px,1cqw)}.pod-timer i{background:var(--color-ok);transform-origin:0;height:100%;animation:linear forwards drain;display:block}@keyframes drain{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}.pod-away{color:var(--color-x);font-size:clamp(.625rem,2cqw,.8125rem)}.pod.is-you .plate{border-color:var(--color-o)}.pod.is-turn .plate,.pod.is-turn .avatar{border-color:var(--color-accent)}.pod.is-win .plate{border-color:var(--color-ok)}.pod.is-out{opacity:.5}.pod.is-away .avatar{filter:grayscale()}.bet,.pot{font:400 clamp(.75rem, 3cqw, 1.125rem) / 1 var(--font-display);color:var(--color-ink);--o:clamp(1px, .3cqw, 2px);-webkit-text-stroke:calc(var(--o) * 2) var(--color-void);paint-order:stroke fill;text-shadow:0 var(--o) 0 var(--color-void);white-space:nowrap;align-items:center;gap:.6cqw;display:flex;position:absolute;transform:translate(-50%,-50%)}.pot{color:var(--color-accent);font-size:clamp(.875rem,3.6cqw,1.375rem)}.bet.is-flying{z-index:4}.chip-stack{height:auto;image-rendering:pixelated;display:block}.pot.is-empty{font-family:var(--font-body);color:var(--color-ink-2);text-shadow:none}.actions{justify-content:flex-end;align-items:flex-end;gap:var(--space-sm) var(--space-lg);padding:var(--space-md);background:var(--color-paper-2);border:var(--rule) solid var(--color-void);box-shadow:6px 6px 0 var(--color-void);flex-wrap:wrap;display:flex}.act-buttons{gap:var(--space-sm);display:flex}.act-buttons .btn{min-width:8.5rem}.act-buttons [aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent)}.taunts[hidden],.vote[hidden]{display:none}.kick{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.sheet{width:min(100% - 2 * var(--space-md), 40rem);max-height:calc(100dvh - 2 * var(--space-md));color:var(--color-ink);background:var(--color-paper);border:var(--rule) solid var(--color-void);box-shadow:6px 6px 0 var(--color-void);padding:0}.sheet-top{z-index:5;padding:var(--space-sm) var(--space-md);background:var(--color-paper-2);border-bottom:var(--rule) solid var(--color-void);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sheet-body{padding:var(--space-md)}.history-list{gap:var(--space-lg);flex-direction:column;list-style:none;display:flex}.history-round{gap:var(--space-3xs);flex-direction:column;display:flex}.history-head{font-family:var(--font-display);font-size:var(--text-lg)}.table.still{width:100%}.still-felt{width:100%;image-rendering:pixelated;display:block}.still-card{image-rendering:pixelated;position:absolute;translate:-50% -50%}.still-card.is-dim{opacity:.45}.vote{align-items:center;gap:var(--space-2xs) var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-void);border:var(--rule) solid var(--color-x);flex-wrap:wrap;display:flex}.vote-head{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-x)}.vote-tally{color:var(--color-ink-2)}.vote-buttons{gap:var(--space-2xs);margin-left:auto;display:flex}.taunts{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.taunts .btn{font-size:var(--text-md);min-width:2.75rem}.actions .hint{align-self:center;margin-right:auto}.sit{gap:var(--space-2xs);flex-direction:column;flex:1;display:flex}.field-label{font-weight:600}.field-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.field-row .field{flex:8rem}.raise{gap:var(--space-xs);flex-direction:column;flex:16rem;max-width:26rem;margin-right:auto;display:flex}.presets{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.raise-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:2rem;margin:0}.raise-range::-webkit-slider-runnable-track{background:var(--color-void);border:2px solid var(--color-paper-3);height:8px}.raise-range::-moz-range-track{background:var(--color-void);border:2px solid var(--color-paper-3);height:8px}.raise-range::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:var(--rule) solid var(--color-void);border-radius:0;width:18px;height:22px;margin-top:-9px}.raise-range::-moz-range-thumb{background:var(--color-accent);border:var(--rule) solid var(--color-void);border-radius:0;width:14px;height:18px}@media (width<=56rem){.hero{gap:var(--space-lg);padding-block:var(--space-md) var(--space-xl);grid-template-columns:minmax(0,1fr)}.hero-art{max-width:28rem}.room{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"status""stage""side""invite"}.room:has(.invite[data-size=large]){grid-template-areas:"status""invite""stage""side"}.chip{margin-left:0}}@media (width<=30rem){.wordmark span{display:none}.sound{font-size:0}.sound:before{font-size:var(--text-md)}.site-head nav{gap:var(--space-sm)}.act-buttons{width:100%}.act-buttons .btn{min-width:0;padding-inline:var(--space-2xs);flex:1}.raise{max-width:none}}@media (prefers-reduced-motion:reduce){.btn,.btn--chip{transition:none}.btn:hover{transform:none}.status.shake,.pod-tag.is-hand,.pod-emote{animation:none}}@font-face{font-family:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jersey-10-CE2xsXQF.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/manrope-regular-BEIO-tX3.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/manrope-semibold-DBphNC1-.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/manrope-bold-DbNN7f-K.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/manrope-extrabold-CNT0ON31.ttf)format("truetype")}html{scroll-behavior:smooth;overflow-x:visible}body{font-size-adjust:none;background-image:none;line-height:1.6;overflow-x:visible}body *{font-size-adjust:none!important}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-weight:400;line-height:1.1}svg{width:100%;height:auto;display:block}button,a,summary{touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}a,button{text-underline-offset:5px}button:disabled{opacity:.6}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}#main:focus{outline:none}.site-head,main,.site-foot{width:min(100% - 6rem,78rem)}main{padding-block:var(--space-lg) var(--space-xl)}.skip-link{top:-5rem;left:var(--space-sm);z-index:20;padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);position:fixed}.skip-link:not(:focus){clip-path:inset(50%)}.skip-link:focus{top:var(--space-sm)}.site-head{gap:var(--space-lg);border-color:var(--color-panel-edge);z-index:10;flex-wrap:nowrap;justify-content:flex-start;height:100px;padding-block:0;position:relative}.wordmark{color:var(--color-ink);letter-spacing:-2px;text-shadow:none;align-items:center;font-size:54px;line-height:1;display:inline-flex}.wordmark span{color:var(--color-accent);margin:8px 0 0 4px;font-size:26px;line-height:1}.arcade-link{font-size:var(--text-xs);white-space:nowrap;padding:var(--space-2xs) 0;border-bottom:2px solid #0000;text-decoration:none}.arcade-link[aria-current]{border-color:var(--color-accent)}.header-note{color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap;margin-left:auto}.header-tools{gap:var(--space-md);align-items:center;margin-left:auto;display:flex}.header-note+.header-tools{margin-left:0}.me{border:1px solid var(--color-panel-edge);border-radius:6px;width:36px;height:36px;padding:2px}.sound{font-size:var(--text-xs);min-height:44px;padding:var(--space-2xs)}.sound:before{font-size:18px}.game-menu{position:relative}.game-menu summary{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap;min-height:44px;list-style:none;display:flex}.game-menu summary::-webkit-details-marker{display:none}.game-menu summary:hover,.game-menu[open] summary{color:var(--color-ink)}.game-menu nav{padding:var(--space-xs);background:var(--color-paper-2);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);width:270px;box-shadow:0 12px 30px var(--color-shadow);gap:0;display:grid;position:absolute;top:calc(100% + 12px);left:-16px}.game-menu nav a{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs);border-radius:var(--radius);color:var(--color-ink);font-size:var(--text-xs);border:0;display:flex}.game-menu nav a span{color:var(--color-ink-2);font-size:var(--text-2xs);font-weight:400}.game-menu nav a:hover,.game-menu nav a[aria-current]{background:var(--color-void)}.site-foot{border-color:var(--color-panel-edge);padding-block:var(--space-md);align-items:center;font-size:.6875rem}.site-foot a{white-space:nowrap;text-decoration:none}.site-foot a:hover{color:var(--color-ink)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font:700 var(--text-xs)/1.3 var(--font-body);padding:var(--space-xs) var(--space-md);min-height:46px;box-shadow:none;border-radius:var(--radius);transition:transform var(--dur-press) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:hover,.btn--chip:hover{box-shadow:none;transform:translateY(-2px)}.btn:active,.btn--chip:active{box-shadow:none;transform:translateY(1px)}.btn:disabled{box-shadow:none;transform:none}.btn--quiet{background:var(--color-paper-3);color:var(--color-ink);border-color:var(--color-panel-edge)}.btn--chip{min-height:40px;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-2xs);background:var(--color-paper);color:var(--color-ink);border-color:var(--color-panel-edge);box-shadow:none}.field,.invite input{font:400 var(--text-xs)/1.5 var(--font-body);border:1px solid var(--color-panel-edge);border-radius:var(--radius);min-height:46px}.field-label{font-size:var(--text-xs);font-weight:600}.home{padding-top:0;padding-bottom:0}.hero{gap:var(--space-lg);grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);padding-block:28px 36px}.hero h1{font-size:var(--text-display);text-shadow:none;text-wrap:initial;line-height:.98}.lead{max-width:350px;margin-block:var(--space-md);font:400 var(--text-sm)/1.65 var(--font-body)}.hero-cta{box-shadow:3px 3px 0 var(--color-purple-deep);border-radius:0;justify-content:space-between;min-width:182px}.hero-cta:hover{box-shadow:3px 5px 0 var(--color-purple-deep)}.hero-note{font-size:var(--text-2xs);color:var(--color-ink-2);margin-top:var(--space-sm)}.hero-art{max-width:none;margin:0}.arcade-scene{shape-rendering:crispedges;max-height:380px}.hero-art figcaption{text-align:right;font-size:var(--text-2xs);color:var(--color-ink-2);padding-right:var(--space-lg)}.games{scroll-margin-top:var(--space-md)}.games-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.games h2{margin:0;font-size:32px}.games-heading p{color:var(--color-ink-2);font-size:var(--text-xs)}.shelf{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px}.cabinet{box-shadow:none;min-width:0;scroll-margin-top:var(--space-md);background:0 0;border:0;display:block}.cabinet-screen{aspect-ratio:1.48;border:1px solid var(--color-panel-edge);background:var(--color-paper-2);width:100%;color:var(--color-ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.cabinet-screen .game-art{width:110%;max-width:none;transition:transform var(--dur-short) var(--ease-out)}.cabinet-screen:hover .game-art{transform:translateY(-4px)}.cabinet--poker .cabinet-screen{background:var(--color-felt)}.cabinet--checkers .cabinet-screen{background:var(--color-purple-deep)}.cabinet--circccle .cabinet-screen{background:var(--color-void)}.cover-open{font-size:22px;position:absolute;bottom:6px;right:12px}.cabinet-body{align-items:stretch;gap:7px;padding:14px 0 0;display:flex}.cabinet-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);display:flex}.cabinet-body h3{white-space:nowrap;font-size:27px;line-height:1.1}.cabinet-body .meta{color:var(--color-ink-2);white-space:nowrap;font-size:.6875rem;font-weight:400}.cabinet-body .game-blurb{font-size:var(--text-2xs);min-height:2.9em;line-height:1.5}.cabinet-body .btn{margin-top:var(--space-2xs);align-self:flex-start}.btn--game{background:var(--color-paper-2);min-height:40px;color:var(--color-ink);border-color:var(--color-panel-edge);padding:9px 14px;font-size:.75rem}.btn--game:hover{border-color:var(--color-accent);color:var(--color-accent)}.cabinet-body .act-buttons{gap:var(--space-2xs);margin-top:var(--space-2xs);flex-wrap:wrap}.cabinet-body .act-buttons .btn{flex:0 auto;min-width:0;margin:0;padding-inline:10px;font-size:.6875rem}.cabinet--circccle .act-buttons .btn:first-child{background:var(--color-accent);color:var(--color-accent-ink);border-color:#0000}.home-invite{align-items:center;gap:var(--space-sm);border-top:1px solid var(--color-panel-edge);margin-top:var(--space-lg);padding-block:var(--space-md);display:flex}.invite-bot{flex:0 0 36px}.home-invite p{color:var(--color-ink-2);font-size:var(--text-xs)}.home-invite strong{color:var(--color-ink);font-weight:600}.home-invite-note{color:var(--color-ink-2);font-size:var(--text-2xs);white-space:nowrap;margin-left:auto}.room-head{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.room-head h1{font-size:40px;line-height:1.1}.back{font-size:var(--text-xs);font-weight:400}.chip{border:1px solid var(--color-panel-edge);border-radius:var(--radius);background:0 0;margin-left:auto;padding:5px 10px;font-size:.6875rem}.room,.room[data-variant=table]{gap:var(--space-md) 40px;grid-template:"surface side""surface invite""surface."1fr/minmax(0,1fr) 320px;align-items:start;max-width:none;display:grid}.room[data-variant=table]:has(.invite[data-size=large]){gap:var(--space-md) 40px;grid-template:"surface side""surface invite""surface."1fr/minmax(0,1fr) 320px;align-items:start;max-width:none;display:grid}.room:has(.invite[data-size=large]){grid-template-areas:"surface invite""surface side""surface."}.room[data-variant=table]:has(.invite[data-size=large]){grid-template-areas:"surface invite""surface side""surface."}.play-surface{background:var(--color-void);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);grid-area:surface;min-width:0;overflow:hidden}.status{gap:var(--space-sm);border:0;border-bottom:1px solid var(--color-panel-edge);background:var(--color-paper-2);min-height:94px;padding:20px 24px;display:flex}.status>[aria-live]{flex:1;min-width:0}.status:before{content:"";background:var(--color-purple);border-radius:50%;flex:0 0 9px;width:9px;height:9px}.status-main{font-size:30px;line-height:1.15}.status-detail{font-size:var(--text-2xs);margin-top:var(--space-3xs);line-height:1.6}.status[data-tone=go],.status[data-tone=end],.status[data-tone=off]{background:var(--color-paper-2);color:var(--color-ink)}.status[data-tone=go] .status-main,.status[data-tone=end] .status-main{color:var(--color-accent)}.status[data-tone=go]:before,.status[data-tone=end]:before{background:var(--color-accent)}.status[data-tone=go] .status-detail{color:var(--color-ink-2)}.status[data-tone=off]:before{background:var(--color-bad)}.status[data-tone=off] .status-main{color:var(--color-bad)}.clock{gap:var(--space-2xs)}.clock-bar{border:0;border-radius:3px;width:64px;height:5px;overflow:hidden}.clock-s{font-variant-numeric:tabular-nums;font-size:21px}.status[data-tone=go] .clock-bar i{background:var(--color-accent)}.status[data-tone=go] .clock.is-urgent .clock-bar i{background:var(--color-bad)}.stage{padding:var(--space-lg)}.side{gap:var(--space-md);min-width:0}.panel{border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);box-shadow:none;gap:var(--space-sm);padding:var(--space-md)}.panel-title{font-family:var(--font-display);color:var(--color-ink);font-size:28px;font-weight:400;line-height:1.1}.fine{font-size:var(--text-2xs);line-height:1.75}.hint{font-size:var(--text-xs);line-height:1.65}.player{border-radius:var(--radius);padding:var(--space-xs) var(--space-2xs);gap:var(--space-2xs);background:0 0;border:1px solid #0000;grid-template-columns:auto auto minmax(0,1fr) auto}.player.is-turn{background:var(--color-void);border-color:var(--color-accent)}.player-name{font-size:var(--text-xs);overflow-wrap:anywhere;min-width:0}.player-mark{font-size:24px}.player .avatar{background:0 0;border-radius:4px;width:34px;height:34px}.presence{font-size:.625rem}.presence:before{border-radius:50%;width:5px;height:5px}.score{border-top:1px solid var(--color-panel-edge);padding-top:var(--space-sm);margin-top:var(--space-2xs);text-align:center;grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:6px}.score dt{grid-row:1;font-size:.6875rem}.score dd{font-variant-numeric:tabular-nums;grid-row:2;font-size:30px;line-height:1}.score--two{grid-template-columns:repeat(2,minmax(0,1fr))}.invite{gap:var(--space-xs);min-width:0}.invite-label{font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1.1}.invite-help{color:var(--color-ink-2);font-size:var(--text-2xs);line-height:1.7}.invite[data-size=large]{background:var(--color-paper-2);padding:var(--space-md);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel)}.invite[data-size=large] .invite-label{color:var(--color-ink);font-size:28px;line-height:1.1}.invite-row{gap:var(--space-2xs);flex-wrap:wrap}.invite input{text-overflow:ellipsis;flex:100%;width:100%;font-size:.6875rem}.invite-row .btn{width:100%}.invite[data-size=small] .btn{background:var(--color-paper-2);border-color:var(--color-panel-edge)}.room[data-variant=table] .invite[data-size=small]{justify-self:stretch}.board-frame{width:min(100%,422px);margin-block:var(--space-xs)}.board-frame:not(.board-frame--checkers){background:var(--color-purple-deep);box-shadow:0 6px 0 var(--color-shadow)}.board-frame--checkers{border:4px solid var(--color-purple-deep);width:min(100%,512px);box-shadow:0 6px 0 var(--color-shadow);margin-block:0}.cell-key{min-height:0}.arena-frame{border:1px solid var(--color-panel-edge);box-shadow:none;border-radius:6px;overflow:hidden}.arena-label{text-shadow:1px 1px 0 var(--color-void), -1px -1px 0 var(--color-void);font-size:.6875rem;font-weight:700}.arena-controls{margin-top:var(--space-sm);gap:var(--space-xs)}.arena-controls .btn{min-width:0;padding-inline:var(--space-xs)}.leaderboard .player{padding:var(--space-2xs) 4px;grid-template-columns:28px 34px minmax(0,1fr)}.leaderboard .avatar{width:26px;height:26px}.leaderboard .player-mark{font:600 var(--text-xs) var(--font-body)}.leaderboard .player-name{font-size:var(--text-2xs)}.sd-time{font-variant-numeric:tabular-nums;color:var(--color-accent);margin:0;font-size:40px;line-height:1}.sudoku{border:3px solid var(--color-purple-deep);background:var(--color-panel-edge);box-shadow:0 6px 0 var(--color-shadow)}.sd-cell{font:400 clamp(20px, 3vw, 30px)/1 var(--font-display);background:var(--color-paper-2)}.sd-cell.is-peer{background:color-mix(in oklch, var(--color-paper-2) 82%, var(--color-purple))}.sd-cell.is-same{background:var(--color-purple-deep);color:var(--color-white)}.sd-cell.is-selected{background:var(--color-purple-deep);outline-color:var(--color-accent)}.sd-cell.is-bad{color:var(--color-x)}.sd-notes{font-size:clamp(8px,1.5vw,11px);line-height:1}.keypad{gap:var(--space-2xs)}.keypad .btn--chip{font:400 25px/1 var(--font-display);min-height:44px}.keypad .keypad-notes{font:600 var(--text-xs)/1.3 var(--font-body)}.levels{flex-wrap:wrap}.levels .btn{padding-inline:10px}.sd-setup{gap:var(--space-xs);border-top:1px solid var(--color-panel-edge);width:100%;padding-top:var(--space-sm)}.sd-setup>.btn{width:100%}.room[data-variant=table] .stage{padding:16px 20px 24px}.table{width:100%;padding:6% 3% 9%}.pod .avatar{border:2px solid var(--color-panel-edge);border-radius:4px}.plate{border:1px solid var(--color-panel-edge);border-radius:4px;margin-top:-.5cqw;padding:4px 6px;font-size:clamp(10px,2.1cqw,14px);line-height:1.35}.pod-tag{border:1px solid var(--color-panel-edge);border-radius:3px;padding:1px 5px;font-size:clamp(9px,1.7cqw,12px);top:-2cqw}.pod-tag.is-hand{font-size:clamp(10px,2cqw,15px);top:-4cqw}.pod-away{font-size:clamp(9px,1.8cqw,12px)}.pod-timer{height:3px}.dealer{border:1px solid var(--color-void);border-radius:50%;font-size:clamp(11px,2.5cqw,18px)}.bet{font-size:clamp(16px,4cqw,28px)}.pot{font-size:clamp(19px,4.5cqw,32px)}.pot.is-empty{-webkit-text-stroke:0;text-shadow:none;color:var(--color-ink);font-size:clamp(10px,2cqw,14px)}.actions{border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);box-shadow:none;padding:var(--space-md);align-items:stretch;gap:var(--space-sm);flex-direction:column;display:flex}.actions:empty{display:none}.actions .act-buttons{gap:var(--space-2xs);flex-wrap:wrap}.actions .act-buttons .btn{min-width:0;padding-inline:var(--space-xs);flex:1}.actions .hint{align-self:stretch;margin:0}.actions .raise{flex:0 auto;width:100%;min-width:0;margin:0}.actions .sit{flex:0 auto}.actions .field-row{gap:var(--space-xs);flex-direction:column}.actions .field-row .field{flex:0 auto;width:100%}.presets{gap:6px}.presets .btn{flex:1;padding-inline:8px;font-size:.6875rem}.taunts{gap:6px}.taunts .btn{min-width:40px;min-height:40px;padding:6px;font-size:20px}.side-tools{gap:var(--space-2xs);border-top:1px solid var(--color-panel-edge);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.side-tools .btn{flex:auto;min-height:40px}.kick{gap:var(--space-2xs)}.kick .field{flex:100%}.kick .btn{flex:1;min-height:40px}.sheet{border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);box-shadow:0 20px 80px var(--color-shadow)}.sheet::backdrop{background:var(--color-backdrop)}.sheet-top{border-color:var(--color-panel-edge)}.sheet-title{font-size:30px}.history-head{font-size:28px}.vote{border-radius:var(--radius);font-size:var(--text-xs)}.vote-head{font-size:25px}.vote-buttons{flex-wrap:wrap;margin-left:0}.vote-buttons .btn{padding-inline:12px}@media (width>=1600px){.hero{padding-block:var(--space-xl)}.arcade-scene{max-height:420px}}@media (width<=1150px){.site-head,main,.site-foot{width:calc(100% - 4rem)}.header-note{display:none}.header-note+.header-tools{margin-left:auto}.hero{gap:var(--space-sm)}.hero h1{font-size:66px}.shelf{gap:14px}.cabinet-heading{flex-direction:column;gap:3px}.cabinet-body h3{font-size:26px}.room,.room[data-variant=table]{column-gap:var(--space-md);grid-template-columns:minmax(0,1fr) 288px}.room[data-variant=table]:has(.invite[data-size=large]){column-gap:var(--space-md);grid-template-columns:minmax(0,1fr) 288px}.panel,.invite[data-size=large],.actions{padding:20px}.stage{padding:var(--space-md)}.home-invite-note{display:none}}@media (width<=900px){.site-head{gap:var(--space-md);height:84px}.wordmark{font-size:46px}.hero{padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:55px}.lead{font-size:var(--text-xs)}.hero-art figcaption{display:none}.shelf{gap:var(--space-lg) var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.cabinet-heading{flex-direction:row}.games-heading p{display:none}.room,.room[data-variant=table]{column-gap:var(--space-md);grid-template-columns:minmax(0,1fr) 248px}.room[data-variant=table]:has(.invite[data-size=large]){column-gap:var(--space-md);grid-template-columns:minmax(0,1fr) 248px}.room:has(.invite[data-size=large]){grid-template-areas:"surface invite""surface side""surface."}.room:not(:has(.invite[data-size=large])){grid-template-areas:"surface side""surface invite""surface."}.stage,.room[data-variant=table] .stage,.panel,.invite[data-size=large],.actions{padding:var(--space-sm)}.status{padding:var(--space-sm);flex-wrap:wrap;min-height:90px}.status-main{font-size:27px}.clock{margin-left:24px}.player{column-gap:6px;padding-inline:4px}.player .avatar{width:28px;height:28px}.presence{font-size:9px}.site-foot p:nth-child(2){display:none}.board-frame--checkers{border-width:3px}.arena-controls{flex-wrap:wrap}.arena-controls .btn{font-size:11px}.presets .btn{padding-inline:6px;font-size:10px}}@media (width<=700px){.site-head,main,.site-foot{width:calc(100% - 2rem)}.site-head{gap:var(--space-md);height:76px}.header-tools{gap:var(--space-xs)}.sound{padding-inline:4px;font-size:0}.sound:before{font-size:23px}.game-menu summary{font-size:var(--text-2xs);gap:var(--space-2xs)}.game-menu nav{width:min(270px,100vw - 32px);left:auto;right:-32px}.wordmark{font-size:44px}.wordmark span{font-size:22px;display:inline}.arcade-link{font-size:var(--text-2xs)}.hero{padding-top:var(--space-lg);padding-bottom:var(--space-md);grid-template-columns:minmax(0,1fr);gap:0}.hero h1{font-size:clamp(54px,10vw + 20px,72px);line-height:.98}.lead{max-width:350px;margin-block:20px;font-size:14px}.hero-note{margin-top:var(--space-xs);font-size:11px}.hero-art{width:100%;max-width:480px;margin:var(--space-xs) auto 0}.arcade-scene{max-height:250px}.games h2{font-size:30px}.games-heading{margin-bottom:var(--space-sm)}.shelf{gap:var(--space-lg) 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-heading{flex-direction:column;gap:5px}.cabinet-screen{aspect-ratio:1.35}.cabinet-body{padding-top:var(--space-xs);gap:7px}.cabinet-body h3{font-size:28px}.cabinet-body .meta{font-size:11px}.cabinet-body .game-blurb{min-height:3em;font-size:12px}.cabinet-body .btn--game{min-height:44px}.cabinet-body .act-buttons{align-items:stretch;gap:var(--space-2xs);flex-direction:column}.cabinet-body .act-buttons .btn{align-self:stretch;min-height:44px;font-size:12px}.home-invite{padding-block:var(--space-md);gap:var(--space-xs);align-items:flex-start}.home-invite p{font-size:12px}.home-invite strong{margin-bottom:4px;display:block}.site-foot{padding-block:var(--space-md);font-size:10px}.room-page{padding-block:var(--space-md) var(--space-lg)}.room-head{gap:var(--space-sm);margin-bottom:var(--space-md)}.room-head h1{font-size:32px}.back{font-size:12px}.chip{padding:5px 8px;font-size:10px}.room-code-label{display:none}.room,.room[data-variant=table]{gap:var(--space-md);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"status""stage""side""invite"}.room[data-variant=table]:has(.invite[data-size=large]){gap:var(--space-md);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"status""stage""side""invite"}.room:not(:has(.invite[data-size=large])){gap:var(--space-md);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"status""stage""side""invite"}.room:has(.invite[data-size=large]){grid-template-areas:"status""invite""stage""side"}.room[data-variant=table]:has(.invite[data-size=large]){grid-template-areas:"status""invite""stage""side"}.play-surface{display:contents}.status{padding:var(--space-sm);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);flex-wrap:nowrap;grid-area:status;min-height:88px}.status-main{font-size:28px}.status-detail{font-size:11px}.clock{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:40px;margin-left:0}.clock-bar{flex:auto;width:38px}.clock-s{font-size:20px}.stage,.room[data-variant=table] .stage{background:var(--color-void);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);grid-area:stage;padding:20px}.room[data-variant=table] .stage{padding:12px 4px}.panel,.invite[data-size=large]{padding:var(--space-md)}.invite[data-size=large]{gap:var(--space-2xs)}.invite[data-size=large] .invite-label{font-size:25px}.invite[data-size=large] .invite-help{font-size:11px}.invite-row{flex-wrap:nowrap}.invite input{flex:1;width:auto}.invite-row .btn{width:auto;padding-inline:var(--space-sm);flex:none}.invite[data-size=small] .btn{width:100%}.board-frame{margin-block:0}.board-frame--checkers{border-width:2px}.side{gap:var(--space-md)}.player .avatar{width:36px;height:36px}.player{gap:var(--space-xs);padding:var(--space-xs)}.player-name{font-size:14px}.presence{font-size:11px}.actions{padding:var(--space-md)}.actions .field-row{flex-direction:row}.actions .field-row .field{flex:140px;width:auto}.actions .field-row .btn{flex:1}.presets .btn{min-height:44px;font-size:12px}.taunts .btn{min-width:44px;min-height:44px}.table{padding:5% 2% 9%}.plate{padding:2px 3px;font-size:clamp(9px,2.5cqw,12px)}.pod{width:21cqw}.pot{font-size:clamp(18px,4.7cqw,24px)}.bet{font-size:clamp(15px,4cqw,22px)}.pot.is-empty{font-size:10px}.sd-cell{font-size:clamp(20px,6vw,30px)}.sd-notes{font-size:clamp(8px,2vw,10px)}.sd-setup .levels{gap:var(--space-2xs)}.keypad{gap:6px}.keypad .btn{padding-inline:4px}.arena-controls .btn{min-height:44px;font-size:12px}.leaderboard .player{grid-template-columns:32px 40px minmax(0,1fr)}.leaderboard .avatar{width:30px;height:30px}.leaderboard .player-name{font-size:13px}}@media (width<=380px){.site-head{gap:16px}.arcade-link{display:none}.game-menu{margin-right:auto}.game-menu nav{left:-64px;right:auto}.header-tools{margin-left:0}.hero h1{font-size:58px}.hero-cta{min-height:46px}.hero-art{margin-top:var(--space-sm)}.cabinet-body h3{font-size:26px}.room-head{gap:var(--space-xs)}.room-head h1{font-size:29px}.chip{font-size:9px}.stage{padding:14px}.status{gap:10px}.status-main{font-size:26px}.panel,.invite[data-size=large],.actions{padding:18px}.invite input{font-size:10px}.invite-row .btn{padding-inline:12px;font-size:12px}.sheet-top{padding:var(--space-sm)}}:is(.room[data-variant=table]:not(:has(.invite[data-size=large])),.room[data-variant=table]:has(.invite[data-size=large])){gap:0 var(--space-lg);grid-template:"stage status""stage side""stage invite""stage."1fr/minmax(0,1fr) 320px}.room[data-variant=table]:has(.invite[data-size=large]){grid-template-areas:"stage invite""stage status""stage side""stage."}.room[data-variant=table] .play-surface{display:contents}.room[data-variant=table] .stage{align-content:center;align-self:stretch;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-void);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel);grid-area:stage;display:grid}.room[data-variant=table] .table{width:min(100%,max(20rem,118dvh - 20.06rem));padding:5% 2% 4%}.room[data-variant=table] .status{gap:var(--space-2xs) var(--space-sm);min-height:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-panel-edge);border-radius:var(--radius-panel) var(--radius-panel) 0 0;flex-wrap:wrap;grid-area:status}.room[data-variant=table] .status:before{align-self:flex-start;margin-top:13px}.room[data-variant=table] .status>[aria-live]{flex:1 1 0}.room[data-variant=table] .clock{max-width:none;margin-left:calc(9px + var(--space-sm));flex-wrap:nowrap;flex:100%;justify-content:flex-start}.room[data-variant=table] .clock-bar{flex:1;width:auto}.room[data-variant=table] .side{gap:0}.room[data-variant=table] .invite[data-size=large]{margin-bottom:var(--space-md)}.room[data-variant=table] .invite[data-size=small]{margin-top:var(--space-2xs)}.room[data-variant=table]:not(:has(.console>:not([hidden],:empty))) .status{border-radius:var(--radius-panel)}.console{gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper);border:1px solid var(--color-panel-edge);border-radius:0 0 var(--radius-panel) var(--radius-panel);flex-direction:column;display:flex}.console:not(:has(>:not([hidden],:empty))){display:none}.console .btn{white-space:nowrap}.console .actions{gap:var(--space-sm);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.felt-hud{pointer-events:none;position:absolute;inset:0;container-type:inline-size}.peek{aspect-ratio:1;pointer-events:auto;width:max(30px,6cqw);color:var(--color-ink-2);background:var(--color-void);border:1px solid var(--color-panel-edge);border-radius:var(--radius);cursor:pointer;transition:transform var(--dur-press) var(--ease-out), color var(--dur-short) var(--ease-out);place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.peek svg{width:70%}.peek[hidden]{display:none}.peek:hover{color:var(--color-ink);border-color:var(--color-ink-2);transform:translate(-50%,calc(-50% - 2px))}.peek:active{transform:translate(-50%,calc(1px - 50%))}.peek[aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-void)}.pod-hand{font:400 clamp(.875rem, 3.2cqw, 1.375rem)/1 var(--font-display);color:var(--color-accent);white-space:nowrap;margin-top:.8cqw}.console .act-buttons{gap:var(--space-2xs);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.console .act-buttons .btn{padding-inline:var(--space-2xs)}.console .taunts{gap:var(--space-3xs);padding-top:var(--space-sm);border-top:1px solid var(--color-panel-edge);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.console .taunts .btn{min-width:0;min-height:40px;padding:0;font-size:18px}.room[data-variant=table] .side-tools{margin-top:var(--space-xs);gap:0 var(--space-xs);border-top:0;padding-top:0}.room[data-variant=table] .side-tools .btn{min-height:40px;padding:0 var(--space-2xs);color:var(--color-ink-2);white-space:nowrap;background:0 0;border-color:#0000;flex:none;font-weight:600}.room[data-variant=table] .side-tools .btn:hover{color:var(--color-ink);text-decoration:underline;transform:none}.room[data-variant=table] .side-tools .btn:active{transform:translateY(1px)}@media (width<=1150px){:is(.room[data-variant=table]:not(:has(.invite[data-size=large])),.room[data-variant=table]:has(.invite[data-size=large])){column-gap:var(--space-md);grid-template-columns:minmax(0,1fr) 288px}.console{padding:20px}.console .act-buttons:has(>:nth-child(3)){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row}.console .act-buttons>:nth-child(3){grid-column:1/-1}}@media (width<=900px){:is(.room[data-variant=table]:not(:has(.invite[data-size=large])),.room[data-variant=table]:has(.invite[data-size=large])){grid-template-columns:minmax(0,1fr) 248px}.room[data-variant=table] .stage{padding:var(--space-2xs)}.room[data-variant=table] .status{padding:var(--space-sm)}.room[data-variant=table] .status-main{font-size:26px}.console{padding:var(--space-sm)}}@media (width<=700px){:is(.room[data-variant=table]:not(:has(.invite[data-size=large])),.room[data-variant=table]:has(.invite[data-size=large])){grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""status""side""invite";gap:0}.room[data-variant=table]:has(.invite[data-size=large]){grid-template-areas:"invite""stage""status""side"}.room[data-variant=table] .stage{margin-bottom:var(--space-sm);padding:var(--space-2xs) 0}.room[data-variant=table] .table{width:100%}.room[data-variant=table] .side-tools{justify-content:center}.room[data-variant=table] .invite[data-size=small]{margin-top:var(--space-3xs)}.console .taunts .btn{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.cabinet-screen .game-art{transition:none}.btn:hover,.cabinet-screen:hover .game-art{transform:none}.peek{transition:none}.peek:hover{transform:translate(-50%,-50%)}.confetti,.pod-emote,.pod-tag.is-hand,.status.shake{animation:none}.confetti{display:none}}
