:root{--void:#05070f;--deep:#0a0f1e;--etch:#243157;--etch-soft:#141c33;--p1:#ffa63d;--p2:#3df2e0;--bone:#e9edf8;--dim:#78859f;--display:"Chakra Petch",system-ui,sans-serif;--data:"Space Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--void);height:100%;color:var(--bone);font-family:var(--data);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}body{touch-action:none;overscroll-behavior:none}canvas{display:block;position:absolute;inset:0}#hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 26px 0;display:flex;position:fixed;top:0;left:0;right:0}.side{flex-direction:column;gap:5px;min-width:110px;display:flex}.side.r{text-align:right;align-items:flex-end}.tag{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:700}.tag.p1{color:var(--p1)}.tag.p2{color:var(--p2)}.rounds{letter-spacing:.16em;color:var(--dim);font-size:10px}.mid{text-align:center;letter-spacing:.2em;color:var(--dim);padding-top:2px;font-size:9px}.mid b{font-family:var(--display);letter-spacing:.1em;color:var(--bone);font-size:24px;font-weight:700;display:block}#dock{z-index:6;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.icon{border:1px solid var(--etch);width:40px;height:40px;color:var(--dim);font-family:var(--data);cursor:pointer;background:#05070fbf;font-size:14px;transition:all .15s}.icon:hover{border-color:var(--p1);color:var(--p1)}.icon:focus-visible{outline:2px solid var(--p1);outline-offset:2px}.icon.off{color:#38406a}.hidden{display:none!important}#center{z-index:5;pointer-events:none;font-family:var(--display);text-transform:uppercase;text-align:center;flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex;position:fixed;inset:0}#center .big{letter-spacing:.05em;font-size:clamp(34px,10vw,88px)}#center .sub{letter-spacing:.34em;color:var(--dim);margin-top:10px;font-size:clamp(10px,2.4vw,14px)}.sheet{z-index:10;background:#05070ff5;justify-content:center;align-items:flex-start;padding:40px 22px;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet-inner{width:100%;max-width:580px;margin:auto;padding:8px 0}.eyebrow{letter-spacing:.32em;color:var(--dim);text-transform:uppercase;margin-bottom:12px;font-size:10px}h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(38px,8.5vw,70px);font-weight:700;line-height:.88}h1 em{color:var(--p1);font-style:normal}h1 .mo{color:var(--p2)}.lede{color:var(--dim);max-width:46ch;margin:14px 0 26px;font-size:13px;line-height:1.6}h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:19px;font-weight:700}.mlist{background:var(--etch-soft);border:1px solid var(--etch-soft);flex-direction:column;gap:1px;display:flex}.mode{background:var(--void);color:var(--bone);cursor:pointer;text-align:left;font-family:var(--data);border:0;border-left:2px solid #0000;align-items:baseline;gap:13px;width:100%;padding:15px 17px;transition:all .14s;display:flex}.mode:hover,.mode:focus-visible{background:var(--deep);border-left-color:var(--p1);outline:none}.mode .n{color:var(--dim);letter-spacing:.14em;min-width:22px;font-size:10px}.mode .t{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;font-size:16px;font-weight:700}.mode .d{color:var(--dim);margin-top:3px;font-size:11px;line-height:1.5}.mode .col{flex:1}.plab{color:var(--dim);letter-spacing:.04em;margin-bottom:3px;font-size:11px}.seg{background:var(--etch-soft);border:1px solid var(--etch-soft);flex-wrap:wrap;gap:1px;margin:4px 0 16px;display:flex}.seg button{background:var(--void);min-width:66px;color:var(--dim);cursor:pointer;font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;border:0;flex:1;padding:10px 4px;font-size:11px;transition:all .14s}.seg button[aria-pressed=true]{background:var(--p1);color:var(--void);font-weight:700}.seg.cy button[aria-pressed=true]{background:var(--p2)}.seg button:focus-visible{outline:2px solid var(--p2);outline-offset:-2px}.maps{background:var(--etch-soft);border:1px solid var(--etch-soft);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;margin:4px 0 8px;display:grid}.mapchip{background:var(--void);color:var(--dim);cursor:pointer;font-family:var(--data);text-align:left;border:0;align-items:center;gap:9px;padding:11px 12px;font-size:11px;transition:all .14s;display:flex}.mapchip .box{border:1px solid var(--etch);flex:none;width:13px;height:13px;position:relative}.mapchip[aria-pressed=true]{color:var(--bone)}.mapchip[aria-pressed=true] .box{border-color:var(--p1);background:var(--p1)}.mapchip .warn{color:#6a5a3a;letter-spacing:.08em;font-size:9px}.mapchip:focus-visible{outline:2px solid var(--p1);outline-offset:-2px}.prow{border-bottom:1px solid var(--etch-soft);grid-template-columns:1fr 80px;align-items:center;gap:12px;padding:8px 0;display:grid}.pval{font-family:var(--display);text-align:right;color:var(--p1);font-size:14px;font-weight:700}.prow .plab{margin:0}.prow input[type=range]{appearance:none;background:var(--etch);cursor:pointer;grid-column:1/-1;width:100%;height:2px;margin-top:4px}.prow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--p1);border-radius:50%;width:14px;height:14px}.prow input[type=range]::-moz-range-thumb{background:var(--p1);border:0;border-radius:50%;width:14px;height:14px}.prow input:focus-visible{outline:2px solid var(--p1);outline-offset:4px}.tog{border:0;border-bottom:1px solid var(--etch-soft);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:11px 0;display:flex}.tog span.l{font-family:var(--data);color:var(--dim);letter-spacing:.04em;padding-right:14px;font-size:11px;line-height:1.5}.sw{border:1px solid var(--etch);flex:none;width:36px;height:19px;transition:all .15s;position:relative}.sw i{background:var(--dim);width:13px;height:13px;transition:all .15s;position:absolute;top:2px;left:2px}.tog[aria-pressed=true] .sw{border-color:var(--p1)}.tog[aria-pressed=true] .sw i{background:var(--p1);left:19px}.tog:focus-visible{outline:2px solid var(--p1);outline-offset:3px}.acts{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn{border:1px solid var(--etch);min-width:128px;color:var(--bone);cursor:pointer;font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;background:0 0;flex:1;padding:13px;font-size:13px;font-weight:700;transition:all .14s}.btn:hover,.btn:focus-visible{border-color:var(--p1);color:var(--p1);outline:none}.btn.solid{background:var(--p1);border-color:var(--p1);color:var(--void)}.note{color:var(--dim);border-left:1px solid var(--etch);margin-top:16px;padding-left:13px;font-size:11px;line-height:1.6}.note b{color:var(--bone);font-weight:400}.winline{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,7.5vw,52px);font-weight:700;line-height:1}.stats{flex-wrap:wrap;gap:24px;margin-top:20px;display:flex}.stat b{font-family:var(--display);font-size:29px;font-weight:700;display:block}.stat span{letter-spacing:.18em;color:var(--dim);text-transform:uppercase;font-size:10px}.legend{color:var(--dim);margin-top:22px;font-size:11px;line-height:1.85}.legend b{color:var(--bone);font-weight:400}.k{border:1px solid var(--etch);color:var(--bone);margin-right:3px;padding:1px 6px;font-size:10px;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=520px){#hud{padding:14px 16px 0}.side{min-width:0}.mid b{font-size:19px}}
