:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-void:oklch(17.4% .023 284);--color-paper:oklch(23.2% .031 278);--color-paper-2:oklch(36% .049 270);--color-paper-3:oklch(52.4% .049 253);--color-ink:oklch(96.5% .006 270);--color-ink-2:oklch(74.2% .04 236);--color-accent:oklch(87.4% .12 80);--color-accent-ink:var(--color-paper);--color-focus:oklch(88.4% .111 201);--color-x:oklch(71.1% .15 39);--color-o:oklch(70.3% .149 246);--color-ok:oklch(88% .177 133);--color-bad:oklch(53.1% .15 13);--color-felt:oklch(69.1% .163 151);--color-panel-edge:oklch(35.4% .099 271);--font-display:"Press Start 2P", ui-monospace, monospace;--font-body:"Pixelify Sans", ui-sans-serif, sans-serif;--text-2xs:.8125rem;--text-xs:.875rem;--text-sm:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-display-s:clamp(1rem, .8rem + 1vw, 1.375rem);--text-display:clamp(1.75rem, 1rem + 4vw, 3.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:3px;--shadow-step:4px;--radius:0;--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:80ms;--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);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.5;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}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::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-md);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)}.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=go] .status-detail{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)}.status[data-tone=go] .clock-bar i{background:var(--color-accent-ink)}.status[data-tone=go] .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] 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}.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}.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}.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)}.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(.5625rem, 2cqw, .8125rem) var(--font-display);color:var(--color-ink);background:var(--color-void);border:max(1px, .35cqw) solid var(--color-paper-2);white-space:nowrap;align-items:center;gap:.8cqw;padding:.3cqw 1.2cqw .3cqw .6cqw;display:flex;position:absolute;transform:translate(-50%,-50%)}.pot{color:var(--color-accent);font-size:clamp(.625rem,2.4cqw,.9375rem)}.pot.is-empty{font-family:var(--font-body);color:var(--color-ink-2);background:0 0;border:0;margin:0}.chip-icon{background:var(--color-accent);width:2.6cqw;height:2.6cqw;box-shadow:inset 0 0 0 max(1px, .5cqw) var(--color-x);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}:is(.room[data-variant=table],.room[data-variant=table]:has(.invite[data-size=large])){grid-template-rows:none;grid-template-columns:minmax(0,1fr);max-width:62rem;margin-inline:auto}.room[data-variant=table]{grid-template-areas:"status""stage""side""invite"}.room[data-variant=table]:has(.invite[data-size=large]){grid-template-areas:"status""invite""stage""side"}.room[data-variant=table] .invite[data-size=small]{justify-self:end}.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}.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}.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{animation:none}}