:root{--bg: #0b0d14;--panel: #151926;--text: #f2f3f7;--muted: #8b91a3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}#app{height:100vh}.lobby{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:6vh 6vw;gap:4vw}.lobby h1{font-size:5vw;margin:0 0 1vh;letter-spacing:-.02em}.lobby .code{font-size:9vw;font-weight:900;letter-spacing:.15em;line-height:1}.lobby .url{color:var(--muted);font-size:1.6vw;margin-top:1vh;word-break:break-all}.lobby .build{position:fixed;right:1.5vw;bottom:1.2vh;color:var(--muted);font-size:.9vw;opacity:.6}.lobby .hint{color:var(--muted);font-size:1.4vw;margin-top:3vh}.lobby .qr{background:#fff;padding:1.5vw;border-radius:1.5vw;width:22vw;height:22vw}.lobby .qr canvas{width:100%!important;height:100%!important}.lobby .right{display:flex;flex-direction:column;gap:3vh;align-items:center}.players{display:flex;flex-wrap:wrap;gap:1vw;justify-content:center}.player-chip{padding:.8vw 1.4vw;border-radius:999px;background:var(--panel);font-size:1.6vw;font-weight:700;display:flex;align-items:center;gap:.6vw}.player-chip .dot{width:1vw;height:1vw;border-radius:50%}.player-chip.off{opacity:.4}.lobby .error{color:#ff5c5c;font-size:2vw}.race{height:100%;display:grid;grid-template-columns:1fr 24vw;padding:4vh 3vw;gap:2vw}.race h2{margin:0;font-size:2.4vw}.race .sub{color:var(--muted);font-size:1.5vw;min-height:2vw}.track{margin-top:3vh;display:grid;grid-template-columns:repeat(17,1fr);gap:.3vw;align-items:end}.cell{background:var(--panel);border-radius:.5vw;min-height:22vh;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;padding:.5vw .2vw;gap:.3vw;position:relative}.cell .n{position:absolute;top:.4vw;color:var(--muted);font-size:1vw}.cell.finish{background:repeating-linear-gradient(45deg,#222 0,#222 .6vw,#444 .6vw,#444 1.2vw)}.runner{width:3vw;height:3vw;border-radius:50%;border:.3vw solid rgba(255,255,255,.25);transition:transform .3s;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2vw;color:#000}.runner.rolled{opacity:.45}.panel{background:var(--panel);border-radius:1vw;padding:1.2vw;display:flex;flex-direction:column;gap:1vw}.panel h3{margin:0;color:var(--muted);font-size:1.1vw;text-transform:uppercase;letter-spacing:.08em}.prow{display:flex;justify-content:space-between;font-size:1.5vw;font-weight:700;padding:.4vw .6vw;border-radius:.6vw}.prow.turn{background:#ffffff14}.prow .coins{font-variant-numeric:tabular-nums}.tickets{display:flex;gap:.5vw;flex-wrap:wrap}.ticket{padding:.3vw .7vw;border-radius:.5vw;font-weight:800;font-size:1.2vw;color:#000}.log{font-size:1.2vw;color:var(--muted);display:flex;flex-direction:column;gap:.3vw;max-height:22vh;overflow:hidden}.log div:first-child{color:var(--text)}.hud{position:absolute;top:2vh;left:2vw;right:2vw;display:flex;justify-content:space-between;font-size:1.6vw;font-weight:700;pointer-events:none}.hud .players{gap:1.5vw}.hud .p{display:flex;align-items:center;gap:.5vw}.hud .bar{width:8vw;height:.8vw;background:#222;border-radius:.4vw;overflow:hidden}.hud .bar i{display:block;height:100%}.center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;pointer-events:none}.center h1{font-size:6vw;margin:0}.center p{font-size:2vw;color:var(--muted);margin:0}.relay-banner{position:fixed;top:2vh;left:50%;transform:translate(-50%);z-index:50;padding:.8vh 1.4vw;border-radius:999px;background:#ff5c5c;color:#fff;font-weight:800;font-size:1.2vw}.relay-banner[hidden]{display:none}.ready-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding:6vh 8vw;text-align:center}.ready-screen .up-next{color:var(--muted);font-size:1.4vw;font-weight:800;letter-spacing:.3em;text-transform:uppercase}.ready-screen h1{margin:0;font-size:6vw;letter-spacing:-.02em}.ready-screen .tagline{margin:0;color:var(--muted);font-size:1.6vw}.ready-screen .how{margin:1vh 0;padding:2vh 3vw 2vh 5vw;max-width:60vw;text-align:left;border-radius:1.2vw;background:var(--panel);font-size:1.6vw;line-height:1.5}.ready-screen .players{display:flex;flex-wrap:wrap;justify-content:center;gap:1vw}.ready-screen .player-chip b{margin-left:.6vw;color:var(--muted);font-weight:700}.ready-screen .player-chip.ready b{color:#52d273}.ready-screen .hint{color:var(--muted);font-size:1.3vw}.lobby .tips{color:var(--muted);font-size:1.1vw;margin-top:2vh;opacity:.75}.start-hint{position:fixed;bottom:4vh;left:50%;transform:translate(-50%);z-index:40;padding:1vh 1.6vw;border-radius:999px;background:#ffffff1f;color:#fff;font-size:1.3vw;pointer-events:none}.tv-toast{position:fixed;top:2vh;left:50%;transform:translate(-50%);z-index:50;padding:.8vh 1.4vw;border-radius:999px;background:#ffd23f;color:#111;font-size:1.2vw;font-weight:600}.debug-overlay{position:fixed;top:1vh;right:1vw;z-index:60;padding:8px 10px;border-radius:8px;background:#000000b8;color:#e8ecf5;font:12px/1.4 ui-monospace,Menlo,monospace;pointer-events:none}.debug-overlay table{border-collapse:collapse;margin-top:4px}.debug-overlay th,.debug-overlay td{padding:0 6px;text-align:right}.debug-overlay td:first-child{text-align:left;max-width:10em;overflow:hidden;text-overflow:ellipsis}.debug-overlay tr.off{opacity:.4}.lobby .another-tv{color:var(--muted);font-size:1.1vw;margin-top:1.2vh}.screens-bar{position:fixed;left:1.5vw;bottom:1.2vh;z-index:30;display:flex;gap:1.5vw;align-items:center;color:var(--muted);font-size:.9vw}.screens-bar .screens-count:empty{display:none}.screens-bar .watch[hidden]{display:none}.screens-bar input{width:5em;font:inherit;letter-spacing:.15em;text-transform:uppercase;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:inherit;padding:2px 6px}.screens-bar button{font:inherit;background:#ffffff1f;border:0;border-radius:6px;color:#fff;padding:3px 10px;cursor:pointer}.leave-screen{position:fixed;left:1.5vw;bottom:1.2vh;z-index:30;color:var(--muted);font-size:.9vw}.home{height:100%;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;align-content:center;max-width:64rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom))}.home header{grid-column:1 / -1;text-align:center;margin-bottom:.5rem}.home h1{font-size:clamp(2.2rem,7vw,3.6rem);margin:0;letter-spacing:-.02em}.home header p{color:var(--muted);margin:.4rem 0 0}.home .choice{background:var(--panel);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.home .choice h2{margin:0;font-size:1.3rem}.home .choice p{margin:0;color:var(--muted);font-size:.95rem;flex:1}.home form{display:flex;gap:.5rem}.home input{flex:1;min-width:0;font:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;text-align:center;padding:.6rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text)}.home button{font:inherit;font-weight:700;padding:.7rem 1.2rem;border:0;border-radius:.6rem;background:#52d273;color:#0b0d14;cursor:pointer}.home .create button{font-size:1.1rem}.home .watch button{background:#ffffff24;color:var(--text)}