:root{--bg:#0e2a3d;--panel:#163a52;--panel-2:#1d4966;--text:#eaf3f8;--muted:#9fbccd;--accent:#ffb347;--accent-text:#1b1300;--team-a:#ff8a5c;--team-b:#5cc8ff;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit;color:inherit}button{background:var(--panel-2);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:1px solid #2b6488;border-radius:10px;padding:10px 14px}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000;font-weight:700}button:disabled{opacity:.5}input{background:#0a2232;border:1px solid #2b6488;border-radius:10px;width:100%;padding:10px 12px}.screen{max-width:720px;padding:16px;padding-top:max(16px, env(safe-area-inset-top));margin:0 auto}h1{letter-spacing:.02em;margin:24px 0 4px;font-size:2.6rem}.tagline{color:var(--muted);margin:0 0 24px}label{color:var(--muted);margin-bottom:12px;display:block}.row{gap:8px;margin:8px 0;display:flex}.row.join input{text-transform:uppercase;letter-spacing:.2em;max-width:140px}.hint,.small{color:var(--muted);font-size:.85rem}.lobby-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.label{color:var(--muted);text-transform:uppercase;font-size:.8rem}.code{letter-spacing:.15em;font-size:2.4rem;font-weight:800}#qr{background:#fff;border-radius:8px;width:132px;height:132px}.teams{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 8px;display:grid}.team{background:var(--panel);border-top:4px solid var(--team-a);border-radius:12px;padding:10px}.team[data-team=B]{border-top-color:var(--team-b)}.team ul{min-height:3em;margin:8px 0;padding:0;list-style:none}.team li.offline{opacity:.5}.team li.me{font-weight:700}.team .pick{width:100%}.team-name{padding:6px 8px;font-weight:700}.spectators{color:var(--muted);margin-bottom:10px;font-size:.9rem}.small-btn{padding:4px 10px;font-size:.85rem}.hand{background:var(--panel);border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.hand:empty{display:none}.hand h3{margin:0 0 6px;font-size:1rem}.hand ol{margin:0;padding-left:1.2em}#start{width:100%;padding:14px;font-size:1.1rem}.rules{color:var(--muted);margin-top:16px}#game{max-width:none;height:100dvh;padding:6px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.hud{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:2px 4px 6px;font-size:.95rem;display:flex}#clock{font-size:1.2rem;font-weight:800}.race{flex-basis:100%;gap:3px;display:grid}.race .bar{background:#0a2232;border-radius:7px;height:14px;font-size:.7rem;line-height:14px;position:relative;overflow:hidden}.race .fill{background:var(--team-a);opacity:.85;position:absolute;inset:0 auto 0 0}.race .bar.B .fill{background:var(--team-b)}.race .bar span{color:#fff;text-shadow:0 1px 2px #000;padding-left:6px;font-weight:700;position:relative}.boards{flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex}.boards canvas{touch-action:none;max-width:100%;max-height:100%}body.spectating .boards{flex-wrap:wrap}body.spectating .controls{display:none}.countdown{pointer-events:none;text-shadow:0 4px 20px #000;place-items:center;font-size:6rem;font-weight:900;display:grid;position:fixed;inset:0}.controls{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding-top:6px;display:grid}.pad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:3px;display:grid}.pad button{padding:0;font-size:1.2rem}.pad [data-dir="0"]{grid-area:1/2}.pad [data-dir="3"]{grid-area:2/1}.pad [data-dir="1"]{grid-area:2/3}.pad [data-dir="2"]{grid-area:3/2}.pad button.on,.acts button.on{background:var(--accent);color:var(--accent-text)}.tool-panel{text-align:center;min-width:0}.tool-name{font-size:1.05rem;font-weight:800}.pings{justify-content:center;gap:6px;margin-top:6px;display:flex}.pings button{padding:6px 10px;font-size:.85rem}.acts{gap:8px;display:grid}.acts .act{background:var(--accent);width:92px;height:92px;color:var(--accent-text);border-radius:50%;font-weight:800}.overlay{background:#04121bcc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--panel);border-radius:16px;width:min(480px,100%);max-height:90dvh;padding:18px;overflow:auto}.card h2{margin-top:0}.card table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:.9rem}.card td{border-bottom:1px solid #24577a;padding:3px 4px}#again{width:100%}.toast{background:var(--danger);color:#1b0000;border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (orientation:landscape) and (max-height:520px){#game{grid-template-rows:auto 1fr;grid-template-columns:1fr auto;display:grid}.hud{grid-column:1/-1}.controls{grid-template-columns:1fr;grid-auto-flow:row}}