:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--night: #0b0f14;--panel: #161d26;--panel-hi: #212b36;--field: #151b23;--field-hi: #1d2530;--rim: #0e131a;--lattice: #6e8296;--point: #8496a8;--amber: #f0a63c;--teal: #3fbfc4;--torc-amber: #ffc46b;--torc-teal: #6fe0e4;--pick: #ffffff;--target: #c9a9ff;--flip: #ff7fac;--last: #ffd98a;--text: #e9eff5;--muted: #a5b4c2;--alarm: #ff9b76;--radius: 14px;--shake: 0px;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--night);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}.site-footer{flex-shrink:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--muted)}.site-footer a{color:var(--muted)}body.playing .site-footer{display:none!important}.screen{width:100%;max-width:720px;margin:0 auto;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.btn{appearance:none;border:1px solid var(--panel-hi);background:var(--panel);color:var(--text);font:inherit;font-weight:600;padding:13px 18px;min-height:46px;border-radius:11px;cursor:pointer;touch-action:manipulation}.btn:hover{background:var(--panel-hi)}.btn.primary{background:var(--amber);border-color:var(--amber);color:#23180a}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn:disabled{opacity:.55;cursor:default}.iconbtn{appearance:none;border:1px solid var(--panel-hi);background:var(--panel);color:var(--text);font:inherit;min-width:44px;min-height:44px;border-radius:11px;cursor:pointer;touch-action:manipulation}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{appearance:none;border:1px solid var(--panel-hi);background:var(--panel);color:var(--muted);font:inherit;font-weight:600;padding:10px 15px;min-height:44px;border-radius:999px;cursor:pointer;touch-action:manipulation}.chip.on{background:var(--panel-hi);border-color:var(--amber);color:var(--text)}.menu{gap:18px;padding-block:10px 20px}.brand h1{margin:8px 0 6px;font-size:clamp(38px,13vw,64px);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(100deg,var(--torc-amber),var(--torc-teal));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;color:var(--muted);font-size:15px;line-height:1.5;max-width:46ch}.picker h2{margin:0 0 8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.blurb{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.menu-actions{display:flex;flex-direction:column;gap:9px;width:100%;max-width:720px;margin:0 auto;padding:4px 0 10px}.record{color:var(--muted);font-size:14px;margin:0}.game{gap:8px}.hud{display:flex;align-items:center;gap:10px;min-height:46px}.hud-turn{display:flex;align-items:center;gap:8px;font-weight:700;flex:1 1 auto;min-width:0}.hud-mode{color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.rtok{width:13px;height:13px;border-radius:50%;background:var(--amber);flex:none}.rtok.p2{background:var(--teal);border-radius:3px;transform:rotate(45deg)}.fault-note{color:var(--alarm);font-weight:700}.score{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:11px;background:var(--panel);border:1px solid transparent;min-width:0}.sc.active{border-color:var(--panel-hi);background:var(--panel-hi)}.scname{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.scpips{display:flex;gap:3px;flex:none}.pip{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--muted)}.sc.amber .pip.on{background:var(--amber);border-color:var(--amber)}.sc.teal .pip.on{background:var(--teal);border-color:var(--teal)}.sctorcs{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:700;color:var(--muted);flex:none}.tico{width:11px;height:11px;border-radius:50%;border:2.5px solid var(--muted)}.sc.amber .tico{border-color:var(--torc-amber)}.sc.teal .tico{border-color:var(--torc-teal)}.clockbar{height:5px;border-radius:3px;background:var(--panel);overflow:hidden}.clockbar i{display:block;height:100%;background:var(--torc-amber);transition:width .24s linear}.clockbar.low i{background:var(--alarm)}.board-host{flex:1 1 auto;min-height:0;display:grid;place-items:center;position:relative;padding:4px 0}.board{position:relative;aspect-ratio:var(--aspect, 1);width:100%;max-width:min(100%,560px);max-height:100%;background:radial-gradient(circle at 50% 42%,var(--field-hi),var(--field) 74%);border:2px solid var(--rim);border-radius:22px;translate:0 0}.board.shaking{animation:shake .24s ease-out}@keyframes shake{0%,to{translate:0 0}25%{translate:var(--shake) calc(var(--shake) * -.6)}60%{translate:calc(var(--shake) * -.8) var(--shake)}}.lattice{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lattice line{stroke:var(--lattice);stroke-width:2px}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pt{position:absolute;left:0;top:0;width:var(--pitch);min-width:0;min-height:0;aspect-ratio:1;translate:-50% -50%;appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;border-radius:50%}.pt:disabled{cursor:default}.pt .dot{position:absolute;width:15%;aspect-ratio:1;border-radius:50%;background:var(--point)}.pt.stud .dot,.pt.torc .dot{display:none}.pt .pc{position:absolute;display:none}.pt.stud .pc{display:block;width:62%;aspect-ratio:1}.pt.stud.s0 .pc{background:var(--amber);border-radius:50%}.pt.stud.s1 .pc{background:var(--teal);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.pt.torc .pc{display:block;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,transparent 0 62%,var(--torc-amber) 65% 100%)}.pt.torc.s1 .pc{background:radial-gradient(closest-side,transparent 0 62%,var(--torc-teal) 65% 100%)}.pt.offer:not(:disabled) .pc{box-shadow:0 0 0 2px #ffffff38}.pt.picked .pc{box-shadow:0 0 0 3px var(--pick),0 0 14px #ffffff80}.pt.inrun:after{content:"";position:absolute;width:84%;aspect-ratio:1;border-radius:50%;border:2px dashed var(--last);opacity:.75}.pt.chosen:after{border-style:solid;border-width:3px;opacity:1}.pt.t-ride:before{content:"";position:absolute;width:52%;aspect-ratio:1;border-radius:50%;border:3px solid var(--target);animation:pulse 1.5s ease-in-out infinite}.pt.t-lift .pc{box-shadow:0 0 0 3px var(--pick),0 0 16px #ffffff8c}@keyframes pulse{0%,to{opacity:.72;scale:1}50%{opacity:1;scale:1.14}}.pt.trail-from:before,.pt.trail-to:before{content:"";position:absolute;width:96%;aspect-ratio:1;border-radius:50%;border:2px solid var(--last);opacity:.4}.pt.flipped .pc{animation:turnover .42s ease-out;box-shadow:0 0 0 2px var(--flip)}@keyframes turnover{0%{rotate:y 0deg;scale:1}50%{rotate:y 90deg;scale:1.25}to{rotate:y 0deg;scale:1}}.pt.nope{animation:nope .22s ease-out}@keyframes nope{0%,to{translate:-50% -50%}33%{translate:calc(-50% - 4px) -50%}66%{translate:calc(-50% + 4px) -50%}}.prompt{margin:0;min-height:22px;text-align:center;color:var(--muted);font-size:15px;line-height:1.4}.turn-actions{display:flex;gap:8px;justify-content:center;padding-bottom:4px}.turn-actions .btn{flex:1 1 0;max-width:200px}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(40px,15vw,84px);font-weight:800;letter-spacing:.04em;color:var(--torc-amber);text-shadow:0 4px 30px rgba(0,0,0,.7);pointer-events:none;z-index:5;text-align:center;padding:0 12px}.countdown.pop{animation:pop .5s ease-out}@keyframes pop{0%{scale:.6;opacity:0}30%{scale:1.12;opacity:1}to{scale:1;opacity:.9}}.pause-ov{position:absolute;inset:0;display:grid;place-items:center;background:#0b0f14d1;border-radius:22px;z-index:6}.pause-card{background:var(--panel);border:1px solid var(--panel-hi);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:9px;min-width:min(300px,84%)}.pause-card h2{margin:0}.pause-note{margin:0 0 4px;color:var(--muted);font-size:14px}.results-screen{gap:12px;padding-block:6px}.rhead{margin:4px 0 0;font-size:clamp(24px,7vw,34px)}.rnote{margin:0;color:var(--muted);font-size:14px}.finalboard{width:100%;max-width:300px;height:auto;align-self:center;border-radius:16px;border:1px solid var(--rim)}.rrows{display:flex;flex-direction:column;gap:10px}.rrow{background:var(--panel);border:1px solid transparent;border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:6px 12px}.rrow.won{border-color:var(--torc-amber)}.rrow.teal.won{border-color:var(--torc-teal)}.rname{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.rname b{overflow:hidden;text-overflow:ellipsis}.pip.p0{background:var(--amber);border-color:var(--amber)}.pip.p1{background:var(--teal);border-color:var(--teal);border-radius:3px}.tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--panel-hi);border-radius:999px;padding:2px 7px}.tag.warn{color:var(--alarm);border-color:var(--alarm)}.rscore{display:flex;align-items:baseline;gap:5px;grid-row:1;grid-column:2}.rscore b{font-size:26px}.rscore span{color:var(--muted);font-size:13px}.rstats{grid-column:1 / -1;margin:4px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:5px 12px}.rstats div{display:flex;justify-content:space-between;gap:8px;font-size:13px;border-bottom:1px solid var(--panel-hi);padding-bottom:3px}.rstats dt{color:var(--muted);min-width:0}.rstats dd{margin:0;font-weight:700}.tally{margin:0;color:var(--muted);font-size:14px;text-align:center}.waiting-note{margin:0;text-align:center;color:var(--muted);font-size:14px;min-height:18px}.overlay{position:fixed;inset:0;background:#06090cb8;display:grid;place-items:center;padding:16px;z-index:50}.sheet{background:var(--panel);border:1px solid var(--panel-hi);border-radius:18px;padding:20px;width:min(520px,100%);max-height:88dvh;overflow-y:auto;position:relative}.sheet h2{margin:0 44px 12px 0}.sheet h3{margin:16px 0 6px;font-size:15px}.sheet p{color:var(--muted);line-height:1.6;margin:0 0 10px}.sheet .sheet-close.iconbtn{position:absolute;top:12px;right:12px}.how{margin:0;padding-left:20px;color:var(--muted);line-height:1.6}.how li{margin-bottom:9px}.how b{color:var(--text)}.fineprint{font-size:13px;opacity:.85}.sheet-actions{margin-top:14px}.sheet-actions .btn{width:100%}.toast{position:fixed;left:50%;bottom:26px;translate:-50% 12px;background:var(--panel-hi);color:var(--text);padding:11px 18px;border-radius:999px;opacity:0;transition:opacity .2s,translate .2s;z-index:60}.toast.show{opacity:1;translate:-50% 0}.lobby-searching{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--muted);padding:24px 0}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--panel-hi);border-top-color:var(--torc-amber);animation:spin .9s linear infinite;flex:none}@keyframes spin{to{rotate:360deg}}.lobby-modes{display:flex;flex-wrap:wrap;gap:8px}.mode-blurb,.host-pick{width:100%;margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}@media(min-width:760px){.menu-actions{flex-direction:row;flex-wrap:wrap}.menu-actions .btn{flex:1 1 150px}.rstats{grid-template-columns:repeat(3,1fr)}}@media(min-width:700px)and (max-height:620px){.board{max-width:min(100%,420px)}.main-content{padding-top:4px}.score{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}