*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02121d;color:#fff;font-family:Arial,sans-serif}button{color:inherit;border:0;cursor:pointer}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.glass,header,#stats,.boss{background:linear-gradient(135deg,#0a5279aa,#02182dbb);border:1px solid #62efff55;box-shadow:inset 0 0 22px #43ddff18,0 10px 30px #0005;backdrop-filter:blur(12px)}header{position:fixed;z-index:5;top:15px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 30px));height:64px;border-radius:20px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.mission span{display:inline-block;width:220px;height:9px;margin:0 12px;border-radius:10px;background:#00101e;padding:2px}.mission span i{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#16c8ff,#ffe357);transition:.4s}.download,#cta,#get{border-radius:14px;padding:13px 20px;font-weight:900;background:linear-gradient(135deg,#ffe766,#ff8917);text-shadow:0 1px #983f00}.brand{font-size:19px}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#76ddea}header em{font-style:normal;color:#ffe266}#stats,.boss{position:fixed;z-index:4;top:95px;padding:13px 18px;border-radius:16px;line-height:1.7}#stats{left:22px}.boss{right:22px}.boss span,.boss small{display:block;color:#d6c7ff}.hint,#hint{position:fixed;z-index:4;top:98px;left:50%;transform:translateX(-50%);font-size:12px;color:#b9f7ff}#aim{position:fixed;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #5effff99;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#aaffff;pointer-events:none;box-shadow:0 0 15px #00dfff55}nav{position:fixed;z-index:6;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:end;gap:8px}nav button{background:#075379cc;border:1px solid #6eeeff;border-radius:16px;padding:14px;font-weight:800}.skill{width:68px;height:66px}.skill small{display:block}.skill i{position:absolute}.power{border-radius:50%;font-size:22px}nav strong{width:105px;height:92px;border-radius:50px 50px 15px 15px;background:linear-gradient(135deg,#19ede5,#094b8c);border:3px solid #7effff;display:grid;place-items:center;box-shadow:0 0 20px #0de0ee}nav strong i{font-size:24px;color:#fff090}nav strong small{display:block;font-size:9px}#cta{position:fixed;z-index:6;right:22px;bottom:22px}#intro,#modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 65% 40%,#007c9466,#00101eee 60%);transition:.6s}#intro.hide{opacity:0;visibility:hidden}#intro h1{font-size:clamp(50px,8vw,94px);line-height:.95;margin:15px;text-shadow:0 8px 30px #000}#intro h1 i{font-style:normal;color:#ffcf49}#intro p{color:#b0dce8;line-height:1.8}#start{padding:17px 34px;border-radius:16px;background:linear-gradient(135deg,#53fff3,#1684ff);font-size:18px;font-weight:900;box-shadow:0 0 35px #26dfff66}#modal{z-index:30;opacity:0;visibility:hidden;background:#00101ecc;backdrop-filter:blur(12px)}#modal.open{opacity:1;visibility:visible}#modal>div{width:min(500px,calc(100% - 30px));padding:36px;border-radius:26px}#modal h2{font-size:32px}#modal #close{float:right;background:none;font-size:24px}#get{display:block;width:100%;margin:24px 0 10px;font-size:18px}#note{display:block;color:#71a7b5;font-size:11px}#toast{position:fixed;z-index:40;left:50%;top:25%;transform:translate(-50%,-20px);padding:12px 20px;border-radius:30px;background:#03273eee;border:1px solid #59f4ff;opacity:0;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}.reward{position:fixed;z-index:10;color:#ffdc4d;font-size:23px;font-weight:900;text-shadow:0 2px #743900;animation:up 1.1s forwards;pointer-events:none}@keyframes up{to{opacity:0;transform:translateY(-100px)}}@media(max-width:700px){header{height:56px}.mission{display:none}.boss{display:none}#stats{top:80px;left:8px}#hint{top:145px;width:100%;text-align:center}#cta{right:8px;bottom:8px;padding:11px}nav{bottom:8px;transform:translateX(-50%) scale(.78)}#intro p{padding:0 20px}}
#rotate-gate{display:none;position:fixed;z-index:1000;inset:0;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));place-items:center;text-align:center;background:radial-gradient(circle at 50% 38%,#137d91,#031b2d 65%,#010d17);color:#fff}
#rotate-gate div{padding:30px 36px;border:1px solid #6eeeff88;border-radius:26px;background:#031f35dd;box-shadow:inset 0 0 28px #43ddff18,0 12px 42px #0008}
#rotate-gate span{display:block;font-size:72px;line-height:1;color:#62efff;animation:rotatePhone 1.5s ease-in-out infinite alternate}
#rotate-gate strong{display:block;margin-top:14px;font-size:24px;letter-spacing:2px}
#rotate-gate small{display:block;margin-top:10px;color:#b9f7ff;font-size:14px}
@keyframes rotatePhone{to{transform:rotate(90deg)}}
@media(orientation:portrait) and (max-width:900px){#rotate-gate{display:grid}}
@media(orientation:landscape) and (max-height:650px){#intro>div{transform:scale(.68);transform-origin:center}#intro h1{font-size:clamp(42px,8vw,76px)}#intro p{margin:8px 0;line-height:1.35}#start{padding:13px 30px}#hint{top:38px}.earned-hud{top:6px;transform:translateX(-50%) scale(.48)!important;transform-origin:50% 0}.audio-toggle{top:10px;right:7px;transform:scale(.58)!important;transform-origin:100% 0}.turret-model{width:330px;height:330px;bottom:-100px}.ammo-hud{bottom:7px;transform:translateX(-50%) scale(.72)}#cta{bottom:7px;transform:scale(.78);transform-origin:100% 100%}nav{bottom:0!important;left:calc(50% + 115px)!important;transform:translateX(-50%) scale(.62)!important}.earned-hud.counting{animation:none!important}}
@media(orientation:landscape) and (max-height:430px){#intro>div{transform:scale(.58)}#intro h1{font-size:clamp(38px,7.3vw,66px)}#hint{top:30px}.earned-hud{transform:translateX(-50%) scale(.42)!important}.audio-toggle{transform:scale(.5)!important}.turret-model{width:290px;height:290px;bottom:-92px}.ammo-hud{transform:translateX(-50%) scale(.64)}#cta{transform:scale(.68)}nav{transform:translateX(-50%) scale(.54)!important}}