*{box-sizing:border-box}body{margin:0;background:#090e17;color:#e8f2f5;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #39505c;background:#162832;border-radius:4px;padding:10px 14px}button:hover{background:#294350}button:focus-visible,a:focus-visible{outline:3px solid #bfff73;outline-offset:3px}header{max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid #24303b}header>a{color:#c4ff80;font-size:25px;font-weight:bold}header span{font-size:11px;letter-spacing:2px;margin-left:12px}nav{display:flex;gap:23px;align-items:center;font-size:12px;color:#9daeba}main{max-width:1500px;margin:auto;padding:28px 32px}.topline{display:flex;justify-content:space-between;color:#8195a2;font:10px monospace;letter-spacing:2px;padding-bottom:14px}#stage{position:relative;overflow:hidden;border:1px solid #34424c;background:#101b29;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%;touch-action:none}#panel{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:7%;background:linear-gradient(90deg,#080e18f5,#080e18bb 48%,#080e1820)}#panel[hidden],#hud[hidden]{display:none}.kicker{font:11px monospace;color:#baff7b;letter-spacing:3px}h1{font-size:clamp(36px,7vw,104px);letter-spacing:-5px;font-style:italic;margin:16px 0;line-height:.95}h1 span{color:#bdff7e}#brief{font-size:clamp(12px,1.5vw,19px);line-height:1.7;color:#adbfcc;max-width:540px}#actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#actions button:first-child{background:#c1ff80;color:#10201c;font-weight:bold;padding:15px 28px;border:0}.features{font:10px monospace;letter-spacing:2px;color:#94a7b7;margin-top:20px}i{padding:0 10px;color:#597060}#message{font-size:12px;color:#c0ff80;margin:0}#hud{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;pointer-events:none;font:12px monospace}#hud strong{color:#c2ff83;letter-spacing:2px}#hud p{color:#bac7cf}.status{display:flex;gap:16px;align-items:flex-start}.status span{padding:10px 0}.status button{pointer-events:auto;font-size:11px}.under{display:flex;justify-content:space-between;gap:15px;color:#718390;font:10px monospace;padding:20px 0}.under b{color:#becad2;margin-left:14px}footer{border-top:1px solid #26323c;display:flex;justify-content:space-between;color:#718390;font-size:11px;padding-top:18px}footer span{margin:0 10px;color:#baff7b}footer a{color:#c2ff80}#touch{display:none;position:absolute;bottom:12px;left:12px;right:12px;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:8px}#touch button{pointer-events:auto;touch-action:none;user-select:none;font-size:10px;min-height:48px;min-width:48px;background:#172d39c9}.fire{border-color:#baff7b!important;color:#baff7b}@media(pointer:coarse){#touch{display:flex}#hud{inset:10px;font-size:9px}.status{gap:8px}.status span{padding:7px 0}}@media(max-width:700px){header{padding:14px}header span{font-size:8px;letter-spacing:1px}nav{gap:10px}nav a{display:none}main{padding:16px 8px}.topline{font-size:8px;letter-spacing:0}#stage{aspect-ratio:4/3}h1{letter-spacing:-2px}.kicker{font-size:8px}.features{font-size:8px;letter-spacing:0;margin-top:4px}#actions{margin:6px 0}#actions button{padding:10px!important;font-size:11px}.under{display:none}footer{font-size:9px;gap:10px}footer p{max-width:65%;line-height:1.7}#brief{margin:5px 0}#touch button{min-width:38px;padding:7px;min-height:40px}#touch>div{gap:4px}#hud p{max-width:150px}.status{flex-wrap:wrap;justify-content:flex-end;max-width:180px}}