*{box-sizing:border-box}body{margin:0;background:#080c19;color:#e9edf5;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 50% 45%,#19274755,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f5ce69;outline-offset:4px}header{max-width:1160px;margin:auto;padding:26px 30px;border-bottom:1px solid #263044;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f2f3ed;font-size:15px;letter-spacing:2px;font-weight:800}.brand b{font-size:44px;color:#f5ce69;line-height:1}.brand small{display:block;font:9px monospace;color:#8897ae;letter-spacing:1.5px;margin-top:5px}.edition{font:11px monospace;color:#8e9bb1;letter-spacing:2px}#sound{border:1px solid #3d4a60;background:#111a2b;color:#bfcde0;padding:10px 12px;border-radius:7px;font-size:12px;min-height:42px}main{max-width:960px;margin:auto;padding:38px 28px 0}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#9aaac1}.eyebrow i,.signal{color:#71e0c9}.eyebrow i{display:inline-block;width:6px;height:6px;background:#71e0c9;border-radius:50%;margin-right:8px}h1{font-size:clamp(34px,5vw,58px);letter-spacing:-2.5px;line-height:1.04;margin:18px 0 0}em{font-style:normal;color:#f5ce69}.lead{font-size:13px;line-height:1.8;color:#9baac0;margin:0 0 5px}.cabinet{max-width:700px;margin:auto;border:1px solid #3d4b65;border-radius:15px;overflow:hidden;box-shadow:0 0 0 6px #131b2b,0 22px 100px #0008,0 0 50px #63bfff0a;background:#101a2b}.cabinet-top{display:flex;justify-content:space-between;align-items:center;padding:15px 21px;font:bold 12px monospace;letter-spacing:2px;border-bottom:1px solid #344056}.cabinet-top>span:first-child{color:#f5ce69}.signal{font-size:9px;letter-spacing:1px}.hud{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;background:#0d1423;font:9px monospace;letter-spacing:2px;color:#8f9fb8;gap:8px}.hud strong{display:block;font:22px monospace;color:#f7edd2;margin-top:5px;letter-spacing:2px}#lives{font-size:19px;color:#70e4d1}#pause{border:1px solid #38455e;border-radius:7px;background:#1a2538;color:#e6eaf3;width:42px;height:42px}#pause:disabled{opacity:.35}.arena{position:relative;aspect-ratio:6/7;background:#070d1b;max-height:none;margin:auto}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#080d1dcd,#10192de8);text-align:center;padding:22px}.overlay-inner{max-width:400px}.tag{font:9px monospace;color:#75e4d1;letter-spacing:2px}.bolt{font-size:72px;color:#f5ce69;text-shadow:0 0 50px #f5ce6966;line-height:1;margin:20px 0 8px}.overlay h2{font-size:clamp(28px,5vw,46px);line-height:1.08;letter-spacing:-1.5px;margin:12px 0 18px}.overlay p{color:#b0bed1;line-height:1.7;font-size:13px;max-width:330px;margin:0 auto 20px}.start{display:flex;justify-content:space-between;gap:30px;width:100%;padding:18px 23px;border-radius:6px;border:0;background:#f5ce69;color:#172032;font:bold 12px monospace;letter-spacing:1px;box-shadow:0 5px 0 #ac873d}.start:hover{background:#ffdf8c}.overlay .help{font:11px/1.7 monospace;color:#8597b3;margin:23px 0 0}#notice{position:absolute;top:46%;left:10%;right:10%;text-align:center;font:bold 24px monospace;color:#f5ce69;pointer-events:none;text-shadow:0 4px 14px #000}.cabinet-bottom{display:flex;justify-content:space-between;padding:15px 20px;gap:10px;font:8px monospace;letter-spacing:1px;color:#8e9db6;border-top:1px solid #344056}.cabinet-bottom i{display:inline-block;width:5px;height:5px;background:#71e0c9;border-radius:50%;margin-left:3px}.below{max-width:700px;margin:28px auto;font-size:12px;line-height:1.8;color:#889ab4}.below b{color:#c5cfdd;font-weight:400}.legend{display:flex;flex-wrap:wrap;gap:12px;font:9px monospace;margin-top:16px}.legend i{display:inline-block;width:7px;height:7px;background:var(--c);margin-right:5px;box-shadow:0 0 9px var(--c)}footer{max-width:1160px;margin:40px auto 0;padding:23px 30px;border-top:1px solid #253047;display:flex;justify-content:space-between;gap:16px;font:9px monospace;letter-spacing:1px;color:#687b96}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px}.edition,.lead{display:none}main{padding:24px 12px 0}.intro{padding:0 8px;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:37px;letter-spacing:-1.8px}.cabinet{border-radius:10px;box-shadow:0 0 0 3px #131b2b}.cabinet-top{padding:12px;font-size:10px;letter-spacing:1px}.signal{font-size:7px}.hud{padding:12px 15px}.hud strong{font-size:19px}.arena{max-height:none}.cabinet-bottom{font-size:6px;padding:12px 10px;letter-spacing:.5px}.overlay{padding:20px}.bolt{font-size:55px;margin:13px 0 6px}.overlay h2{font-size:33px;margin:12px 0}.overlay p{font-size:12px;margin-bottom:15px}.tag{font-size:8px;letter-spacing:1px}.overlay .help{font-size:10px;margin-top:18px}.below{padding:0 8px}footer{margin-top:25px;padding:20px;flex-direction:column;font-size:8px}}

header{padding:8px 12px;justify-content:flex-end;border:0}header .brand,header .edition,.intro,.below,footer{display:none}main{padding:6px 8px 10px}.cabinet{box-shadow:none}.arena{max-height:none}body{background:#080c19}