.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%}.bars__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.bars__who{display:grid;place-items:center;font-size:clamp(20px,2.4vw,36px)}.bars__track{height:clamp(20px,2.6vw,40px);background:var(--surface, #1a1a21);border-radius:0;border:3px solid var(--line, #33333f);border-image:var(--pixel-frame, none) 3 / 6px;background-clip:padding-box;image-rendering:pixelated;overflow:hidden}.bars__fill{display:block;height:100%;border-radius:0;transition:width .12s linear}.bars__score{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;font-size:clamp(14px,1.5vw,24px)}.tap-pad{width:100%;height:100%;min-height:180px;border:none;border-radius:0;background:var(--accent, #0070f3);color:var(--text, #f2f2f7);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:filter 60ms linear}.tap-pad--pulse{filter:brightness(1.25)}.tap-pad__label{font-size:clamp(24px,8vw,44px);font-weight:700;letter-spacing:.05em}.tap-pad__count{font-size:clamp(36px,14vw,72px);font-weight:700;font-variant-numeric:tabular-nums}.grid-pad{flex:1;min-height:0;width:100%;height:100%;display:grid;place-items:center}.grid-pad__cells{display:grid}.grid-pad__cell{display:grid;place-items:center;padding:0;border:3px solid var(--line, #33333f);border-image:var(--pixel-frame, none) 3 / 6px;border-radius:0;background:var(--surface, #1a1a21);background-clip:padding-box;image-rendering:pixelated;color:var(--text, #f2f2f7);font:inherit;font-size:28px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.grid-pad__cell--on{background:var(--accent, #0070f3)}.grid-pad--off .grid-pad__cell{background:#060608;border-color:transparent;border-image:none;cursor:default}.grid-pad--off .grid-pad__cell--on{box-shadow:inset 0 0 0 3px var(--accent, #0070f3)}.choice-grid{display:grid;grid-auto-flow:row;gap:10px;width:100%;height:100%;padding:10px}.choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:3px solid var(--line, #33333f);border-radius:14px;background:var(--surface, #1a1a21);color:var(--text, #f2f2f7);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background 80ms linear}.choice-grid .choice{border-radius:0;border-image:var(--pixel-frame, none) 3 / 6px;background-clip:padding-box;image-rendering:pixelated}.choice--on{outline:3px solid var(--accent, #0070f3);outline-offset:2px;background:var(--surface-raised, #24242e)}.choice:disabled{opacity:.45;cursor:default}.choice__label{font-size:clamp(20px,7vw,34px);font-weight:700}.choice__hint{font-size:clamp(11px,3vw,14px);color:var(--muted, #9b9baa)}.drag-field{position:relative;flex:1;width:100%;height:100%;min-height:0;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.drag-field__room{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;display:grid;place-items:center}.drag-field__box{width:min(100cqw,100cqh * var(--drag-aspect, 1));aspect-ratio:var(--drag-aspect, 1)}.timing-pad{width:100%;height:100%;min-height:180px;border:none;border-radius:0;background:var(--surface, #1a1a21);color:var(--text, #f2f2f7);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .14s linear,box-shadow .14s linear}.timing-pad--held{background:var(--surface-raised, #24242e);box-shadow:inset 0 0 0 4px var(--accent, #0070f3)}.timing-pad--tap{touch-action:manipulation;transition:none}.text-entry{display:flex;flex-direction:column;gap:10px;width:100%}.text-entry__row{display:flex;gap:8px}.text-entry__field{flex:1;min-width:0;min-height:56px;padding:0 12px;border:3px solid var(--line, #33333f);border-image:var(--pixel-frame, none) 3 / 6px;border-radius:0;background:var(--surface, #1a1a21);background-clip:padding-box;image-rendering:pixelated;color:var(--text, #f2f2f7);font:inherit;font-size:20px;touch-action:manipulation}.text-entry__field:focus{outline:3px solid var(--accent, #0070f3);outline-offset:2px}.text-entry__send{min-width:76px;min-height:56px;border:none;border-radius:0;background:var(--accent, #0070f3);color:var(--text, #f2f2f7);font:inherit;font-size:17px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.text-entry__send:disabled{opacity:.4;cursor:default}.text-entry__hint{margin:0;color:var(--muted, #9b9baa);font-size:14px}.text-entry__bank{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.text-entry__chip{max-width:100%;padding:4px 12px;border-radius:999px;background:var(--surface-raised, #24242e);color:var(--text, #f2f2f7);font-size:16px;font-weight:700;overflow-wrap:anywhere}.text-entry--off .text-entry__field{opacity:.45}.player-pick{display:grid;grid-template-columns:repeat(var(--pick-cols, 2),1fr);gap:8px;width:100%;height:100%;padding:8px}.pick-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:6px;border:3px solid var(--line, #33333f);border-image:var(--pixel-frame, none) 3 / 6px;border-radius:0;background:var(--surface, #1a1a21);background-clip:padding-box;image-rendering:pixelated;color:var(--text, #f2f2f7);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pick-seat--wide{grid-column:span var(--pick-cols, 2)}.pick-seat{border-color:var(--seat, var(--line, #33333f))}.pick-seat--on{outline:3px solid var(--accent, #0070f3);outline-offset:2px;background:var(--surface-raised, #24242e)}.pick-seat:disabled{opacity:.3;cursor:default;border-color:var(--line, #33333f);filter:grayscale(1)}.pick-seat__face{font-size:clamp(24px,7vw,44px);line-height:1;display:grid;place-items:center}.pick-seat__label{max-width:100%;padding:1px 6px;border-radius:999px;background:var(--surface-raised, #24242e);color:var(--text, #f2f2f7);font-size:clamp(11px,3vw,15px);font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-pad{position:relative;width:100%}.draw-pad__surface{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.draw-pad__ground{fill:var(--surface, #1a1a21);stroke:var(--line, #33333f);stroke-width:2}.draw-pad__line{fill:none;stroke:var(--draw-ink, var(--accent, #0070f3));stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.draw-pad--off .draw-pad__surface{cursor:default}.draw-pad--off .draw-pad__ground{opacity:.4}.draw-pad__full{position:absolute;left:0;right:0;bottom:8px;margin:0;text-align:center;color:var(--muted, #9b9baa);font-size:13px;pointer-events:none}.number-pad{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-height:0;gap:.4em;color:var(--text, #f2f2f7);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.number-pad__value{text-align:center;line-height:1;font-size:clamp(24px,12vw,60px);font-weight:700;font-variant-numeric:tabular-nums}.number-pad__track{flex:1;min-height:0;display:flex;align-items:center}.number-pad__slider{width:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:visible}.number-pad__slider::-webkit-slider-runnable-track{height:.5em;border-radius:999px;background:var(--surface-raised, #24242e)}.number-pad__slider::-moz-range-track{height:.5em;border-radius:999px;background:var(--surface-raised, #24242e)}.number-pad__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.7em;height:1.7em;margin-top:-.6em;border-radius:999px;border:2px solid var(--surface, #1a1a21);background:var(--accent, #0070f3)}.number-pad__slider::-moz-range-thumb{width:1.7em;height:1.7em;border-radius:999px;border:2px solid var(--surface, #1a1a21);background:var(--accent, #0070f3)}.number-pad__steps{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5em}.number-pad__step{padding:.45em 0;border:3px solid var(--line, #33333f);border-radius:12px;background:var(--surface, #1a1a21);color:var(--text, #f2f2f7);font:inherit;font-size:clamp(16px,4.6vw,22px);font-weight:700;line-height:1.2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.number-pad__step:disabled{opacity:.4;cursor:default}.number-pad__ends{color:var(--muted, #9b9baa);font-size:clamp(11px,3vw,14px);font-variant-numeric:tabular-nums}.number-pad--off{opacity:.5}.number-pad--off .number-pad__slider{cursor:default}:root{--bg: #101014;--surface: #1a1a21;--surface-raised: #24242e;--line: #33333f;--text: #f2f2f7;--muted: #9b9baa;--accent: #0070f3;--ready: #2f9e44;--warn: #f08c00;--gold-light: #f7e7a0;--gold: #d3be5a;--gold-ink: #6b5a20;--font: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-display: "Pixelify Sans", var(--font);--pixel-frame: url(/sprites/box-dt-v1.png);--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-latin-v1.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.seat,.turn,.score__row,.podium__row,.results__row,.field{border:var(--frame, 12px) solid transparent;border-image:var(--pixel-frame) 3;border-radius:0;background-clip:padding-box;image-rendering:pixelated}.portrait{display:inline-block;vertical-align:middle;background-repeat:no-repeat;image-rendering:pixelated}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.screen--notice,.screen:not(.screen--lobby){justify-content:center;text-align:center}.screen h1{margin:0;font-size:26px}.screen__hint{margin:0;color:var(--muted);font-size:15px}.screen__warning{margin:0;color:var(--warn);text-align:center}.screen__count{margin:0;font-size:min(48vw,220px);font-weight:700;line-height:1;color:var(--warn);font-variant-numeric:tabular-nums}.lobby__header{text-align:center}.field{--frame: 9px;width:100%;padding:8px;font:inherit;font-size:20px;color:var(--text);background:var(--surface)}.field:focus{outline:3px solid var(--accent);outline-offset:2px}.field--code{text-align:center;font-size:40px;letter-spacing:.3em;text-indent:.3em}.button{min-height:56px;padding:16px 20px;font:inherit;font-size:17px;font-weight:600;color:var(--text);background:var(--surface-raised);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.button:disabled{opacity:.4}.button--big{min-height:72px;font-size:20px}.button--on{background:var(--ready);border-color:var(--ready)}.button--start{background:var(--accent);border-color:var(--accent)}.picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1;align-content:start}.picker__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.picker__item:disabled{opacity:.3}.picker__emoji{font-size:30px;line-height:1}.picker__name{font-size:11px;color:var(--muted)}.rules__list,.rules__pays{margin:0;padding:0;list-style:none}.rules__list{display:flex;flex-direction:column;gap:10px;font-size:17px;line-height:1.35}.rules__pays{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.button--done:disabled{opacity:1}.screen--turn{justify-content:space-between}.screen__waiting{margin:auto 0;text-align:center;color:var(--muted);font-size:17px}.choice{display:flex;flex-direction:column;gap:12px;margin:auto 0}.star-offer__title{margin:0;text-align:center;font-size:19px;font-weight:700;color:var(--warn)}.button--buy{background:var(--warn);border-color:var(--warn);color:#1a1206;flex-direction:column;gap:4px}.button--roll{margin:auto 0;min-height:40vh;font-size:40px;background:var(--accent);border-color:var(--accent)}.screen--results{justify-content:center;text-align:center;gap:20px}.results-screen__head h1{margin:6px 0 0;font-size:34px}.results-screen__score{margin:0;font-size:22px;color:var(--muted);font-variant-numeric:tabular-nums}.button__clock{display:block;margin-top:6px;font-size:14px;opacity:.75;font-weight:400}.button--buy .button__clock{opacity:1;font-weight:600}.screen__clock,.turn__clock{color:var(--warn, #f08c00)}.clock__bar{--px: 3;display:inline-block;vertical-align:-.1em;margin-right:.4em;width:calc(15px * var(--px));height:calc(7px * var(--px));background-image:url(/sprites/bars-green-v1.png);background-repeat:no-repeat;background-size:calc(15px * var(--px)) calc(49px * var(--px));background-position:0 calc(-7px * var(--px) * var(--stage, 6));image-rendering:pixelated}.objective{margin:0;font-size:clamp(14px,1.3vw,20px);color:var(--warn);letter-spacing:.08em;text-transform:uppercase}.objective__clock{color:var(--muted)}.screen__objective{font-size:12px;letter-spacing:.1em}.screen__afford{color:var(--warn)}.die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:var(--die-size);height:var(--die-size);gap:8%;padding:calc(var(--die-size) * .12);background:var(--text);border-radius:22%;box-shadow:0 6px #0006}.die__pip{border-radius:50%;background:var(--bg)}.die__pip--off{background:transparent}.die--rolling{animation:die-tumble .3s ease-in-out infinite}@keyframes die-tumble{0%{transform:rotate(-15deg) translateY(0) scale(1)}50%{transform:rotate(14deg) translateY(-14%) scale(1.07)}to{transform:rotate(-15deg) translateY(0) scale(1)}}.die--phone{--die-size: min(44vw, 190px);margin:0 auto}.roll-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin:auto 0}@media (prefers-reduced-motion: reduce){.die--rolling{animation:none}}
