:root{font-family:Nunito,'Noto Sans SC',system-ui,sans-serif;color:#eaf8ff;background:#08111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 55% 50% at 8% 0%,#163a5e 0,transparent 75%),radial-gradient(ellipse 60% 55% at 90% 100%,#251d54 0,transparent 75%),#08111f}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #81edff;outline-offset:3px}.shell{max-width:1240px;margin:auto;padding:18px clamp(12px,3vw,32px) 20px}.topbar{height:52px;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border:1px solid #83edff80;border-radius:12px;background:linear-gradient(145deg,#36d4f8,#6953d4);box-shadow:0 0 25px #35d7ff55;color:white;font-size:26px}.brand strong{font-size:21px;letter-spacing:2px;line-height:1.1;display:block}.brand small{font-size:9px;letter-spacing:2.4px;color:#87b3cc;font-weight:800}.topbar-right{font-size:12px;font-weight:800;color:#a8c6d9;letter-spacing:.7px}.topbar-right b{font-size:14px;color:#f3fcff}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70e5c7;box-shadow:0 0 12px #70e5c7;margin-right:7px}.topbar-divider{display:inline-block;height:13px;border-left:1px solid #456079;margin:0 13px;vertical-align:middle}.game-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid #5599bb70;border-radius:22px;background:#071322;box-shadow:0 18px 65px #0009,0 0 0 6px #14243a70,inset 0 0 70px #257eb520;touch-action:none}.game-frame:after{content:"";position:absolute;inset:0;border-radius:22px;box-shadow:inset 0 0 0 1px #b4edff14,inset 0 0 90px #02081791;pointer-events:none}canvas{position:absolute;width:100%;height:100%;display:block}.hud{position:absolute;z-index:3;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud-block{min-width:133px;background:#09172bc9;border:1px solid #7bb9d242;border-radius:13px;padding:8px 13px;box-shadow:0 7px 22px #0004;backdrop-filter:blur(8px)}.hud-label{display:block;color:#a0bed1;font-size:10px;font-weight:900;letter-spacing:1.2px}.hearts{display:flex;gap:4px;margin-top:3px}.heart{font-size:17px;line-height:1;color:#ff668f;text-shadow:0 0 12px #ff4d87}.heart.empty{color:#46607b;text-shadow:none}.hud-center{display:flex;align-items:center;gap:11px;background:#09172bd9;border:1px solid #7bb9d242;border-radius:30px;padding:7px 12px 7px 9px;box-shadow:0 7px 22px #0004;backdrop-filter:blur(8px)}.stage-label{background:#45d8f7;color:#082035;border-radius:30px;padding:4px 11px;font-weight:900;font-size:12px;white-space:nowrap}.hud-score{min-width:63px;text-align:center;font-weight:900;font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:1px}.wave-block{min-width:100px;text-align:center}.wave-block strong{font-size:20px;line-height:1.2;color:#7ceaff;text-shadow:0 0 14px #34d7f8}.boss-hud{position:absolute;z-index:3;top:74px;left:50%;transform:translateX(-50%);width:min(380px,60%);display:flex;align-items:center;gap:9px;background:#0c1630dc;border:1px solid #fe7b9b77;padding:6px 9px;border-radius:20px;color:#ffd2dc;font-size:10px;font-weight:900;white-space:nowrap}.boss-hud[hidden]{display:none}.boss-track{height:7px;flex:1;border-radius:10px;background:#533755;overflow:hidden}.boss-track div{width:100%;height:100%;background:linear-gradient(90deg,#ff5a83,#ffc665);box-shadow:0 0 9px #ff628a}.wave-toast{position:absolute;z-index:4;left:50%;top:25%;transform:translate(-50%,-8px);font-size:23px;font-weight:900;letter-spacing:2px;color:#eafcff;text-shadow:0 0 19px #4cdbff,0 3px 9px #001c32;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}.wave-toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#06162bbc,#170d36d5);backdrop-filter:blur(8px);overflow:auto;padding:22px}.overlay[hidden],.overlay .panel[hidden]{display:none}.panel{text-align:center;width:min(650px,100%)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#7de5ed;font-size:10px;letter-spacing:3px;font-weight:900}.eyebrow span{width:25px;height:1px;background:#7de5ed80}.hero-emblem{width:67px;height:67px;display:grid;place-items:center;margin:18px auto 9px;border:2px solid #79ecf4;border-radius:20px;background:linear-gradient(145deg,#30cbe2,#6862e5);box-shadow:0 0 0 7px #55daf320,0 0 37px #50d9f880;font-size:45px;line-height:1}.menu h1{font-size:clamp(36px,5vw,62px);letter-spacing:4px;line-height:1.15;margin:0;color:#f4ffff;text-shadow:0 4px 25px #6cdffc40}.menu h1 span{color:#7ceaff}.lead{font-size:14px;color:#bbd5e7;margin:9px 0 23px}.hero-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hero-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;text-align:left;color:#e4f5ff;background:#ffffff11;border:1px solid #a8ccff24;border-radius:13px;transition:.18s transform,.18s border-color,.18s background}.hero-card:hover{transform:translateY(-3px);background:#ffffff1c}.hero-card.selected{border-color:#73e9f4;background:#59d1ee2a;box-shadow:inset 0 0 0 1px #7deefa4d,0 0 20px #65d4ef24}.hero-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;font-size:23px;color:#fff}.cyan{background:linear-gradient(140deg,#2bcde4,#5a83ed)}.pink{background:linear-gradient(140deg,#ff74b4,#a857da)}.amber{background:linear-gradient(140deg,#ffce66,#ff7867)}.hero-card b{font-size:12px;white-space:nowrap;display:block}.hero-card small{display:block;color:#aac3d7;font-size:9px;margin-top:2px;white-space:nowrap}.hero-card i{align-self:flex-start;margin-left:auto;color:#829caf;font-size:9px;font-style:normal}.primary-button{margin-top:21px;border:0;border-radius:12px;padding:12px 27px;min-width:185px;color:#081b2a;background:linear-gradient(100deg,#fafefe,#8beaf6);box-shadow:0 0 26px #65dbf64f,0 5px 0 #2a8295;font-weight:900;font-size:15px;transition:transform .15s,box-shadow .15s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 0 35px #65dbf680,0 7px 0 #2a8295}.primary-button span{margin-left:15px;font-size:20px;vertical-align:-2px}.menu-hint{color:#759aaf;font-size:10px;font-weight:800;letter-spacing:.5px;margin:17px 0 0}.choice-panel h2,.pause-panel h2,.end-panel h2{font-size:31px;margin:10px 0 2px}.choice-panel p,.pause-panel p,.end-panel p{margin:0 0 23px;color:#bed5e8;font-size:13px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.upgrade-card{border:1px solid #709bb658;border-radius:16px;padding:16px 13px 15px;background:linear-gradient(150deg,#294568b0,#162541de);color:#eaf8ff;text-align:left;min-height:142px;transition:.18s transform,.18s border-color,.18s background}.upgrade-card:hover{transform:translateY(-5px);border-color:#71eaf5;background:linear-gradient(150deg,#346689b0,#203256)}.upgrade-card .upgrade-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:23px;background:#69dff626;margin-bottom:10px}.upgrade-card b{display:block;font-size:13px}.upgrade-card small{display:block;font-size:10px;color:#b9cddd;margin-top:5px;line-height:1.45}.choice-foot{font-size:11px;color:#91aec5;margin-top:16px}.choice-foot span{color:#8bf1f5}.pause-panel,.end-panel{max-width:430px}.end-icon{font-size:42px;color:#8bf1f5;margin-top:14px}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0 2px}.end-stats>div{background:#d8f4ff0d;border:1px solid #b3e6ff2b;border-radius:12px;padding:11px}.end-stats small{display:block;font-size:10px;color:#a0bbd0}.end-stats strong{display:block;font-size:21px;margin-top:4px}.game-controls{position:absolute;z-index:4;bottom:16px;right:17px;display:flex;gap:7px}.game-controls button{width:36px;height:36px;border-radius:10px;border:1px solid #96dafa55;color:#d5f9ff;background:#0c2135c4;font-size:17px;font-weight:900;backdrop-filter:blur(4px)}.game-controls button:hover{background:#205676}.ability-hud{position:absolute;z-index:3;bottom:17px;left:19px;display:flex;gap:12px;pointer-events:none}.ability-hud>div{width:75px}.ability-hud span{color:#a3c6d7;font-size:9px;font-weight:900;letter-spacing:.5px}.mini-track{width:100%;height:5px;margin-top:3px;border-radius:10px;background:#244059;overflow:hidden}.mini-track i{display:block;width:100%;height:100%;border-radius:10px;background:#65e4f4;box-shadow:0 0 8px #75eff5}.ability-hud>div+div .mini-track i{background:#ef9cff}.mobile-actions{display:none}.footer{display:flex;justify-content:space-between;gap:14px;color:#779bb1;font-size:11px;font-weight:700;margin-top:15px}.footer span{white-space:nowrap}.footer kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;margin-right:2px;border:1px solid #50728a;border-radius:4px;background:#1d3043;color:#b8d8e7;font:800 10px Nunito,system-ui}.footer em{font-style:normal;padding:0 7px;color:#47738c}.touch-note{display:none}@media(max-width:760px){.shell{padding:8px 8px 15px}.topbar{height:47px;margin-bottom:9px}.brand strong{font-size:18px}.brand small{font-size:8px}.topbar-right{font-size:10px}.game-frame{aspect-ratio:auto;height:calc(100dvh - 126px);min-height:540px;border-radius:16px}.hud{top:12px;left:9px;right:9px}.hud-block{min-width:0;padding:7px 8px}.life-block{width:112px}.wave-block{width:75px}.hud-label{font-size:8px}.heart{font-size:14px}.hud-center{gap:4px;padding:5px}.stage-label{font-size:9px;padding:4px 6px}.hud-score{font-size:11px;min-width:47px}.boss-hud{top:63px;width:76%}.overlay{padding:12px}.hero-emblem{width:58px;height:58px;font-size:39px;margin-top:11px}.menu h1{font-size:37px}.lead{margin:5px 0 15px}.hero-picker{grid-template-columns:1fr;gap:7px;max-width:330px;margin:auto}.hero-card{padding:8px 10px}.hero-card small{font-size:10px}.primary-button{margin-top:17px}.menu-hint{margin-top:13px}.upgrade-grid{grid-template-columns:1fr;max-width:340px;margin:auto;gap:7px}.upgrade-card{min-height:0;display:grid;grid-template-columns:36px 1fr;column-gap:10px;padding:9px 11px}.upgrade-card .upgrade-icon{grid-row:span 2;width:34px;height:34px;margin:0;font-size:20px}.upgrade-card b{align-self:end}.upgrade-card small{margin-top:2px}.mobile-actions{display:flex;position:absolute;z-index:4;bottom:17px;right:16px;gap:8px}.mobile-actions button{width:67px;height:49px;background:#143149da;border:1px solid #89dbec9c;color:#dcfbff;border-radius:12px;font-size:13px;font-weight:900;box-shadow:0 0 16px #66dff42e}.mobile-actions button+button{border-color:#eda1ff9c;background:#3a244cda}.mobile-actions small{display:block;font-size:8px;color:#9ec8d5}.game-controls{top:60px;bottom:auto;right:10px}.game-controls button{width:29px;height:29px;font-size:14px}.ability-hud{bottom:17px;left:12px}.footer{margin-top:11px;justify-content:center}.footer span{display:none}.footer .touch-note{display:block}}@media(max-height:620px) and (min-width:761px){.shell{padding-top:8px}.topbar{height:42px;margin-bottom:7px}.game-frame{max-height:calc(100vh - 100px)}.hero-emblem{margin-top:7px;width:55px;height:55px;font-size:36px}.menu h1{font-size:42px}.lead{margin:3px 0 12px}.primary-button{margin-top:13px}.menu-hint{margin-top:11px}}