:root{color-scheme:dark;--bg:#0b1520;--panel:#10222d;--line:#29404a;--text:#ecf2e8;--muted:#91a6ac;--lime:#d4f36a;--aqua:#7fcac7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:0 40px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:23px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-icon{font-size:34px;line-height:30px;color:var(--lime)}.brand-icon span{color:var(--aqua)}.edition,.eyebrow,.intro-note>span,.mini,.room,.number{font:11px/1.5 ui-monospace,monospace;letter-spacing:2px}.edition{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:58px 0 40px}.eyebrow{color:var(--lime);margin:0 0 20px}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font-size:clamp(56px,8vw,94px);line-height:.99;font-weight:600;letter-spacing:-5px;margin:0}h1 em{color:var(--lime);font-style:normal}.lead{color:var(--muted);margin:24px 0 0;font-size:16px}.intro-note{padding-bottom:8px;color:var(--muted)}.intro-note p{color:var(--text);font-size:19px;margin:12px 0 0}.arena{border:1px solid #385159;border-radius:14px;overflow:hidden;background:var(--panel)}.arena-top,.arena-bottom{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font-size:12px}.arena-top{border-bottom:1px solid var(--line)}#status{display:flex;align-items:center;gap:9px}#status:before{content:'';width:6px;height:6px;background:var(--aqua);border-radius:50%}.room{color:var(--muted);font-size:10px;letter-spacing:1px}.court{position:relative;background:#112c33;aspect-ratio:900/540}canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#112c33ed}.overlay[hidden]{display:none}.mini{color:var(--aqua)}h2{font-size:clamp(25px,4vw,43px);font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:20px 0 10px}.overlay p{font-size:13px;color:var(--muted);margin:0 12px 25px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}.overlay button{background:var(--lime);color:#172514;padding:14px 23px;border-radius:7px;font-size:14px;font-weight:650;min-width:210px}.overlay button span{margin-left:18px}.overlay button:hover{background:#e3ff88}button[hidden]{display:none}.arena-bottom{border-top:1px solid var(--line);color:var(--muted);font:11px ui-monospace,monospace}.arena-bottom b{color:var(--text)}.text-button{background:none;color:var(--lime);font:inherit;padding:10px 0}.text-button:disabled{color:var(--muted);cursor:default}.under-court{display:flex;gap:24px;justify-content:space-between;margin:15px 0 54px;color:var(--muted);font-size:11px}.under-court p{margin:0;max-width:650px}.under-court a{white-space:nowrap;color:var(--lime)}.how{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:28px 0 47px;gap:30px}.number{color:var(--aqua)}h3{font-size:15px;font-weight:500;margin:13px 0 8px}.how p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--lime);color:#172514;padding:12px 20px;border-radius:7px;font-size:13px;max-width:90vw}@media(max-width:650px){header,main,footer{padding-left:20px;padding-right:20px}header{height:76px}.edition{font-size:8px;letter-spacing:1px}.intro{padding-top:36px}.intro-note{display:none}h1{letter-spacing:-3px}.lead{font-size:13px}.court{aspect-ratio:1.25}.arena-top,.arena-bottom{padding:0 12px;height:49px;font-size:10px}.room{font-size:8px}.overlay p{font-size:11px;margin-bottom:15px}h2{margin:12px 0}.overlay button{padding:11px 16px;min-width:170px;font-size:12px}.how{gap:20px;grid-template-columns:1fr}.how article{display:grid;grid-template-columns:28px 1fr;column-gap:10px}.how h3{margin:0}.how p{grid-column:2}.under-court{margin-bottom:30px}footer{flex-wrap:wrap}footer span:last-child{display:none}}