@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#060914;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #9ceeff;outline-offset:3px}.game-shell{width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#070b1b}.game-shell:fullscreen,.game-shell:-webkit-full-screen{width:100%;height:100%;background:#070b1b}.arena{--deck-height:185px;position:relative;width:100%;height:100%;overflow:hidden;background:#070d22 url(/art/space-sector.png) center center/cover no-repeat}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}.arena-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#050917b5 0,#070b1c4d 105px,transparent 24%,transparent 54%,#070b1c7d 77%,#050713e8 100%),linear-gradient(90deg,#03061777,transparent 30%,transparent 70%,#03061744);box-shadow:inset 0 0 130px #02050b96}.hud{position:absolute;left:0;top:0;right:0;height:81px;display:flex;align-items:center;gap:22px;padding:0 clamp(18px,3vw,54px);z-index:7;background:linear-gradient(180deg,#060a18ed,#090e21ac);border-bottom:1px solid #ffffff2d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-brand{display:flex;align-items:center;gap:13px;min-width:223px}.brand-emblem{width:39px;height:39px;display:grid;place-items:center;color:#f3bf78;border:1px solid #f3bf7880;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-size:27px;text-shadow:0 0 16px #f0b56e}.hud-brand strong{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;white-space:nowrap}.hud-brand small{display:block;margin-top:4px;color:#94a8c7;font-size:8px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.hud-center{display:flex;justify-content:center;flex:1;align-self:stretch;gap:0}.hud-cell{min-width:124px;padding:14px 22px;border-left:1px solid #ffffff21;display:flex;flex-direction:column;justify-content:center;gap:2px}.hud-cell:last-child{border-right:1px solid #ffffff21}.hud-cell>span{color:#b6c6da;font-size:9px;letter-spacing:.16em;font-weight:800;white-space:nowrap}.hud-cell>strong{font-size:25px;line-height:1.08;font-weight:800;letter-spacing:-.03em}.hud-cell b{font:inherit}.hud-cell i{font-style:normal;color:#92aac1;font-size:12px;letter-spacing:0;margin-left:6px}.hud-actions{display:flex;gap:8px;align-items:center}.icon-button,.fullscreen-button{height:42px;color:#e6f6ff;border:1px solid #a5d5ec7a;background:#0c1c31a8;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.icon-button{width:42px;font-size:20px}.icon-button:disabled{opacity:.45;cursor:default}.icon-button:hover:not(:disabled),.fullscreen-button:hover{background:#1a4261c9;border-color:#9be7ff}.popout-button{width:auto;gap:8px;padding:0 13px;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.popout-button span:first-child{font-size:21px;line-height:1}.fullscreen-button{gap:9px;padding:0 15px;font-size:10px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.fullscreen-icon{font-size:21px;line-height:1}.mission-tag{position:absolute;top:100px;left:clamp(18px,3vw,54px);z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #c5d9ec52;background:#0710209c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:7px;color:#bed7eb;font-size:10px;font-weight:800;letter-spacing:.14em;box-shadow:0 8px 30px #0005}.mission-tag strong{color:#fff}.live-dot{width:7px;height:7px;background:#5ce9d2;border-radius:50%;box-shadow:0 0 12px #5ce9d2}.tag-divider{height:15px;width:1px;background:#ffffff4c}.ground-line{position:absolute;bottom:calc(var(--deck-height) + 24px);left:0;right:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,#91e4fa9c 10%,#dcf8ff 50%,#91e4fa9c 90%,transparent);box-shadow:0 0 19px #65d9ff,0 0 52px #3abaff77;pointer-events:none}.ground-line:before{content:"";position:absolute;inset:-21px 0 0;height:22px;background:linear-gradient(180deg,transparent,#5dc7fa16)}.ground-line span{position:absolute;right:clamp(16px,3vw,54px);top:-21px;color:#beeaf3;font-size:9px;font-weight:800;letter-spacing:.18em;text-shadow:0 1px 8px #000}.arena-message{position:absolute;bottom:calc(var(--deck-height) + 95px);left:50%;z-index:5;transform:translate(-50%);color:#ffd5a3;font-size:11px;font-weight:800;letter-spacing:.15em;text-shadow:0 2px 14px #000;white-space:nowrap;opacity:0;pointer-events:none}.arena-message.show{animation:message .7s ease-out}@keyframes message{0%{opacity:0;transform:translate(-50%,12px)}20%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)}}.arena-center{position:absolute;inset:81px 0 var(--deck-height);z-index:4;display:flex;align-items:center;justify-content:center;padding:26px 16px;background:linear-gradient(90deg,#050b1a55,#050b1a1e,#050b1a55);transition:opacity .22s,visibility .22s}.arena-center.hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay-panel{width:min(555px,94%);padding:27px 42px 29px;text-align:center;border:1px solid #d8e9fa70;background:linear-gradient(145deg,#0b1531e8,#101732db);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 24px 75px #01040dbf,0 0 65px #684ac047,inset 0 1px #ffffff31}.overlay-rune{margin:0 auto 10px;width:47px;height:47px;display:grid;place-items:center;color:#f4ba77;font-size:28px;text-shadow:0 0 16px #fbc477}.overlay-kicker{color:#84e8f9;font-size:10px;font-weight:800;letter-spacing:.2em;margin:0 0 10px}.overlay-panel h1{font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-.05em;margin:0;font-weight:800;text-shadow:0 2px 22px #0008}.overlay-copy{max-width:395px;color:#d3e1f0;line-height:1.6;font-size:13px;margin:15px auto 22px}.primary-button{min-height:49px;border:1px solid #ffe1ad;box-shadow:0 8px 28px #e99b5c63,inset 0 1px #fff8;background:linear-gradient(180deg,#ffdb9b,#e8a86f);color:#22172a;border-radius:8px;padding:0 25px;font-size:11px;font-weight:800;letter-spacing:.14em;transition:transform .15s,filter .15s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button span{font-size:20px;vertical-align:-2px;margin-left:7px}.overlay-hint{margin:13px 0 0;color:#a9bad3;font-size:10px}.control-deck{position:absolute;left:0;right:0;bottom:0;height:var(--deck-height);z-index:6;border-top:1px solid #91e8f97a;background:linear-gradient(180deg,#071020eb,#070c1df5 36%,#080b18);box-shadow:0 -18px 45px #01040e99;pointer-events:none}.gun-battery{position:relative;height:50px;padding:5px 0}.screen-keyboard{height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:3px 12px 9px;max-width:820px;margin:auto}.keyboard-row{display:flex;justify-content:center;gap:4px;height:36px}.screen-key{width:min(5.8vw,48px);min-width:20px;display:grid;place-items:center;border:1px solid #54738d66;border-radius:6px;background:#0b1829bb;color:#7690a9;font-size:15px;font-weight:800;box-shadow:inset 0 1px #ffffff0a;transition:background .12s,color .12s,box-shadow .12s}.screen-key.active{color:#e0faff;border-color:#7bd8eeaa;background:linear-gradient(180deg,#24556c,#12324d);box-shadow:0 0 9px #64dffb4d,inset 0 1px #d7fcff55}.screen-key.new{color:#fff5c7;border-color:#ffc27e;background:linear-gradient(180deg,#76542e,#344159);box-shadow:0 0 13px #ffc27e90}.screen-key.next{color:#071828;border-color:#b0fff0;background:#9ffdea;box-shadow:0 0 18px 5px #80ffe39c}.screen-key.correct{color:#061e21;background:#a7ffdf;box-shadow:0 0 20px #a7ffdf}.screen-key.wrong{color:#fff;background:#c95269;box-shadow:0 0 18px #ff7991}.guns{position:relative;width:100%;height:100%}.gun{position:absolute;bottom:0;transform:translate(-50%);width:42px;height:40px;filter:drop-shadow(0 0 7px #55cce7);transition:filter .13s,transform .13s}.gun-barrel{position:absolute;z-index:2;left:50%;top:0;transform:translate(-50%);width:7px;height:16px;border:1px solid #b9faff;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#25546e,#d4ffff 50%,#216585);box-shadow:0 0 7px #74ecff}.gun-body{position:absolute;left:0;right:0;bottom:0;height:23px;border:1px solid #8aebf6;border-bottom:3px solid #215c7b;border-radius:11px 11px 3px 3px;background:linear-gradient(90deg,#12405b,#37849a 48%,#123c5b);box-shadow:inset 0 1px #d8ffff8c,0 2px 8px #050914}.gun.fired:before{content:"";position:absolute;z-index:4;left:50%;top:-14px;transform:translate(-50%);width:17px;height:18px;border-radius:50%;background:#eaffff;box-shadow:0 0 18px 7px #a5faff}.gun.fired:after{content:"";position:absolute;z-index:3;left:50%;bottom:30px;transform:translate(-50%);width:4px;height:var(--beam-height);background:linear-gradient(180deg,#ccfaff00,#eaffff 14%,#fff 85%,#8df4ff);box-shadow:0 0 14px 4px #6be9ff;pointer-events:none}.gun.piercing:after{width:6px;background:linear-gradient(180deg,#ffe8ad00,#ffe8ad 14%,#fff8d9 85%,#ffc671);box-shadow:0 0 18px 5px #ffc671}.gun.incorrect{filter:drop-shadow(0 0 13px #ff7581)}@media(max-width:1150px){.hud{gap:12px}.hud-brand{min-width:190px}.hud-cell{min-width:102px;padding:14px}.hud-cell>strong{font-size:22px}.fullscreen-button{padding:0 10px}}@media(max-width:850px){.hud{padding:0 15px;height:67px}.hud-brand{min-width:0}.hud-brand small{display:none}.hud-brand strong{font-size:9px}.brand-emblem{width:31px;height:31px;font-size:20px}.hud-cell{min-width:70px;padding:10px}.hud-cell>span{font-size:7px}.hud-cell>strong{font-size:19px}.hud-actions{gap:5px}.fullscreen-button{width:38px;padding:0}.fullscreen-button #fullscreen-label{display:none}.icon-button{width:38px;height:38px}.popout-button{padding:0}.popout-button span:last-child{display:none}.arena-center{top:67px}.mission-tag{top:80px}}@media(max-width:600px){.arena{--deck-height:153px;background-position:38% center}.hud-center .hud-cell:nth-child(2){display:none}.hud-brand{gap:5px}.hud-brand strong{font-size:8px;letter-spacing:.08em}.hud-cell{min-width:58px;padding:8px}.hud-cell>span{font-size:6px}.hud-cell>strong{font-size:17px}.hud-cell i{font-size:9px;margin-left:2px}.mission-tag{font-size:8px;padding:8px}.overlay-panel{padding:20px 18px}.overlay-panel h1{font-size:29px}.overlay-copy{font-size:12px}.ground-line span{font-size:7px}.gun-battery{height:44px}.screen-keyboard{height:calc(100% - 44px);gap:3px;padding:2px 5px 5px}.keyboard-row{height:29px;gap:2px}.screen-key{font-size:11px;width:7vw;min-width:0;border-radius:4px}}@media(max-width:430px){.hud-center .hud-cell:nth-child(3){display:none}.hud-brand strong{font-size:7px}.hud-cell{min-width:58px}.overlay-panel h1{font-size:26px}}@media(max-height:680px){.overlay-panel{padding:15px 26px}.overlay-rune{display:none}.overlay-copy{margin:9px auto 13px}.overlay-hint{margin-top:8px}}