*{box-sizing:border-box}body{margin:0;background:#090d16;color:#eff6ff;font-family:Arial,"PingFang SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit;border:1px solid #303b4d;border-radius:8px;background:#1a2231;padding:10px 16px}button:hover{background:#29364a}button:focus-visible{outline:2px solid #bafa52}header{height:86px;border-bottom:1px solid #202936;display:flex;align-items:center;gap:25px;padding:0 5%}.brand{text-decoration:none;color:white;font-weight:900;letter-spacing:2px;font-size:21px}.brand i{font-style:normal;color:#bafa52;font-size:29px;vertical-align:middle}.brand small{font-size:12px;color:#8190a7;font-weight:400;letter-spacing:1px;margin-left:15px}.edition{margin-left:auto;color:#66758c;font-size:10px;letter-spacing:2px}header button{font-size:11px;background:transparent}main{max-width:1250px;margin:auto;padding:34px 30px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:11px;color:#a5b4c9;letter-spacing:2px}.eyebrow b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bafa52;margin-right:6px}h1{font-size:34px;letter-spacing:-1px;margin:14px 0 0}em{font-style:normal;color:#bafa52}.heading p{font-size:12px;line-height:1.9;color:#8c9ab0}.arcade{overflow:hidden;border:1px solid #2b3646;border-radius:16px;background:#101725;box-shadow:0 25px 80px #0004}.hud{height:85px;display:flex;gap:55px;align-items:center;padding:0 30px;border-bottom:1px solid #263144}.hud small{display:block;font-size:10px;color:#93a1b7;margin-bottom:7px;letter-spacing:1px}.hud strong{font-size:25px;font-family:monospace;letter-spacing:2px}.hud strong span{font-size:13px;color:#65728a}#time{color:#c2ff6e}.actions{margin-left:auto;display:flex;gap:8px}.actions button{font-size:12px}#viewport{height:min(59vw,570px);min-height:370px;position:relative;background:radial-gradient(ellipse at center,#1d2842,#0c1220 75%)}canvas{display:block;width:100%;height:100%}.corner,.arena-bottom{position:absolute;z-index:1;font-size:10px;letter-spacing:2px;color:#95a5bd;pointer-events:none}.corner{top:24px;left:26px}.corner span{display:block;font-size:8px;color:#50617e;margin-top:7px}.arena-bottom{bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:9px}.arena-bottom>span:first-child{color:#bafa52}#overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:2;background:#060d1855;backdrop-filter:blur(3px)}#overlay[hidden]{display:none}.card{text-align:center;padding:30px 42px;border:1px solid #64758b66;border-radius:18px;background:#0e192aed;box-shadow:0 24px 70px #0008}.card>span{font-size:9px;letter-spacing:3px;color:#bafa52}.card h2{font-size:27px;margin:18px 0 13px}.card p{font-size:12px;line-height:1.9;color:#a8b7cc}.card button{display:block;margin:22px auto 16px;width:100%;background:#bafa52;color:#152209;font-weight:bold;border:0;padding:15px}.card button:hover{background:#d6ff9d}.card button span{float:right}.card small{font-size:10px;color:#70839d}footer{padding:20px 26px;display:flex;align-items:center;gap:25px;border-top:1px solid #253045;font-size:10px;color:#9aa8bb}footer>div{display:flex;align-items:center;gap:4px}kbd{border:1px solid #39445a;background:#1c2637;border-bottom-width:3px;border-radius:4px;padding:5px 7px;font:10px monospace;color:#d3dce9}footer div span{margin-left:6px}footer p{margin-left:auto}footer b{color:#bafa52;font-weight:400}.bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;letter-spacing:1px;color:#657189}@media(max-width:650px){header{padding:0 20px;height:65px}.edition,.brand small{display:none}header button{margin-left:auto}main{padding:24px 12px}.heading{display:block}.heading p{display:none}h1{font-size:26px}.hud{padding:0 16px;gap:22px}.hud strong{font-size:20px}.actions{gap:4px}.actions button{padding:8px;font-size:10px}footer{gap:12px;flex-wrap:wrap;padding:14px}footer p{margin:0}.bottom{font-size:8px}.card{padding:25px}#viewport{min-height:400px}}

@media(max-width:650px){header{gap:8px}.brand{font-size:16px;letter-spacing:1px}header button{margin-left:0;padding:8px;font-size:10px}#sound{margin-left:auto}}