:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101820;color:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}header{height:48px;display:flex;align-items:center;gap:20px;padding:0 18px;background:#101820;border-bottom:1px solid #ffffff20}.brand{font-weight:900;letter-spacing:-1px;font-size:20px;color:#fff;text-decoration:none}.brand span{color:#55e6d1}.title{font-weight:900;font-size:12px;letter-spacing:1px}.title small{color:#ffd34d;margin-left:8px;font-size:10px}nav{margin-left:auto;display:flex;gap:8px}button{font:600 12px system-ui;color:#fff;background:#ffffff10;border:1px solid #ffffff30;border-radius:6px;padding:7px 12px;cursor:pointer}button:hover{background:#ffffff25}button:focus-visible,a:focus-visible{outline:3px solid #ffd34d;outline-offset:2px}main{height:calc(100% - 48px);position:relative}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 10%,#244b53,#101820 70%);text-align:center;padding:24px}.eyebrow{color:#55e6d1;font-size:11px;letter-spacing:4px;font-weight:800}h1{font-size:clamp(46px,10vw,90px);line-height:.85;letter-spacing:-5px;margin:26px 0 12px;font-weight:1000}h1 em{font-style:normal;color:#ffd34d}#loading p{color:#d4e3e5;font-size:14px}progress{appearance:none;width:min(340px,80vw);height:7px;margin-top:20px;border:0;border-radius:8px;overflow:hidden;background:#ffffff20}progress::-webkit-progress-bar{background:#ffffff20}progress::-webkit-progress-value{background:#ffd34d}dialog{width:min(440px,calc(100% - 32px));border:1px solid #ffffff30;border-radius:16px;padding:26px;background:#152630;color:white;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#000a}dialog h2{margin-top:0}dialog p{font-size:14px;line-height:1.6;color:#d5e4e8}.note{font-size:12px!important;color:#99b1b8!important}#close-help{background:#ffd34d;color:#152630;border:0;font-size:14px}main:fullscreen{height:100%;width:100%;background:#101820}@media(max-width:580px){header{padding:0 10px;gap:8px}.title{display:none}button{padding:7px 9px}}