:root{--ink: #05090a;--panel: rgba(7, 15, 16, .78);--line: rgba(151, 255, 236, .23);--cyan: #72f4df;--cyan-hot: #b4fff3;--red: #f05439;--bone: #e9eadc;--muted: #82948f;--amber: #e6bd58;font-family:Bahnschrift,Microsoft YaHei,sans-serif;color:var(--bone);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{-webkit-user-select:none;user-select:none;touch-action:none}button{font:inherit}#game-canvas,#game-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.grain,.vignette{position:fixed;inset:0;pointer-events:none;z-index:4}.grain{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.vignette{background:radial-gradient(circle at 50% 46%,transparent 38%,rgba(0,0,0,.35) 74%,rgba(0,0,0,.8) 110%)}.screen{position:fixed;inset:0;z-index:20;display:none}.screen.active{display:flex}#start-screen{align-items:center;overflow:hidden;background:radial-gradient(circle at 73% 47%,rgba(39,103,94,.15),transparent 37%),linear-gradient(110deg,#030809fa 0 40%,#030809a3 62%,#030809e6)}#start-screen:before{content:"";position:absolute;width:60vw;height:160vh;left:45%;top:-30%;border-left:1px solid var(--line);transform:rotate(17deg);background:repeating-linear-gradient(90deg,transparent 0 85px,rgba(115,242,222,.025) 86px 87px)}.start-copy{position:relative;z-index:2;width:min(720px,52vw);margin-left:clamp(34px,8vw,150px)}.eyebrow{color:var(--cyan);font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:13px;font-weight:700;letter-spacing:.28em}.eyebrow span{display:inline-block;width:38px;height:2px;margin-right:12px;vertical-align:middle;background:var(--red);box-shadow:0 0 14px var(--red)}h1{margin:18px 0 0;font-family:Impact,Bahnschrift Condensed,sans-serif;font-size:clamp(82px,10.5vw,178px);line-height:.69;letter-spacing:-.035em;font-weight:800;transform:skewY(-2deg);text-shadow:0 12px 50px #000}h1 span{-webkit-text-stroke:1px rgba(226,238,231,.8);color:transparent}.cn-title{margin:25px 0 0 4px;font-weight:700;letter-spacing:.7em;color:var(--cyan)}.lede{margin:26px 0 30px;color:#a7b8b2;line-height:1.8;font-size:14px;letter-spacing:.06em}.primary-btn{position:relative;min-width:275px;height:62px;padding:0 18px 0 0;border:1px solid rgba(114,244,223,.8);color:#04100f;background:var(--cyan);display:inline-flex;align-items:center;gap:18px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.12em;box-shadow:0 0 32px #44e0ca1f;clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,0 100%);transition:transform .18s,background .18s,box-shadow .18s}.primary-btn:hover{transform:translateY(-3px);background:var(--cyan-hot);box-shadow:0 8px 35px #55ebd447}.primary-btn .btn-index{width:58px;height:100%;display:grid;place-items:center;color:var(--cyan);background:#071211}.primary-btn i{margin-left:auto;font-size:10px;opacity:.5;font-style:normal}.controls-hint{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:26px;color:#63736f;font-size:10px;letter-spacing:.12em}.controls-hint b{color:#b5c6c1;font-weight:600}.key-art{position:absolute;z-index:1;right:3vw;bottom:-4vh;width:min(47vw,720px);height:94vh;opacity:.9;filter:drop-shadow(0 30px 45px #000);animation:rise .9s cubic-bezier(.2,.75,.2,1) both}.key-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit{position:absolute;border:1px solid rgba(91,240,220,.24);border-radius:50%;transform:rotateX(72deg) rotate(-12deg);box-shadow:0 0 30px #35d6c10d inset}.orbit-a{width:620px;height:620px;left:-90px;top:170px}.orbit-b{width:430px;height:430px;left:8px;top:260px;border-style:dashed;animation:spin 18s linear infinite}.art-label{position:absolute;right:7%;top:53%;padding-left:10px;border-left:2px solid var(--red);color:#657a74;font:10px/1.6 Barlow Condensed,sans-serif;letter-spacing:.18em}.art-label b{color:var(--cyan);font-size:15px}.vertical-mark{position:absolute;right:22px;top:50%;transform:translateY(-50%) rotate(90deg);color:#809c956e;font:10px Barlow Condensed;letter-spacing:.25em}.hidden{display:none!important}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}.hud-top{position:absolute;left:30px;right:30px;top:22px;height:56px;display:flex;justify-content:space-between;align-items:flex-start}.brand-mini{font:800 18px Barlow Condensed;letter-spacing:.12em}.brand-mini span{color:transparent;-webkit-text-stroke:1px var(--bone)}.brand-mini i{color:var(--red);font-style:normal;font-size:10px}.wave-readout{position:absolute;left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto 55px auto;gap:10px;align-items:center;font-family:Barlow Condensed}.wave-readout small{color:var(--muted);letter-spacing:.2em}.wave-readout strong{font-size:40px;line-height:.8;color:var(--cyan);text-align:center}.wave-readout em{font-style:normal;color:#7a8c87;font-size:12px}.icon-btn{pointer-events:auto;width:42px;height:34px;border:1px solid var(--line);background:#040c0cb3;color:var(--cyan);cursor:pointer;font-size:10px;letter-spacing:.08em}.health-panel{position:absolute;left:30px;bottom:34px;width:min(330px,34vw)}.meter-label{display:flex;justify-content:space-between;color:#778984;font:10px Chakra Petch;letter-spacing:.13em}.meter-label b{color:var(--bone)}.health-track{height:11px;margin-top:8px;padding:2px;border:1px solid rgba(206,232,223,.25);background:#030808b8;clip-path:polygon(0 0,98% 0,100% 100%,0 100%)}#health-fill{width:100%;height:100%;background:linear-gradient(90deg,#31cbb9,var(--cyan-hot));box-shadow:0 0 18px #5df4de59;transition:width .18s}.dash-row{display:flex;align-items:center;gap:8px;margin-top:8px;color:#71807d;letter-spacing:.12em}.dash-row span{width:7px;height:7px;border-radius:50%;background:#4c5553}.dash-row span.ready{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.xp-panel{position:absolute;left:50%;bottom:31px;transform:translate(-50%);width:min(420px,38vw);display:grid;grid-template-columns:48px 1fr 50px;align-items:center;gap:10px;font-family:Barlow Condensed}.xp-panel>span{color:#72837e;font-size:12px}.xp-panel b{margin-left:3px;color:var(--cyan);font-size:21px}.xp-panel small{color:#72837e;text-align:right}.xp-track{height:5px;background:#95c0b729;overflow:hidden;transform:skew(-16deg)}#xp-fill{height:100%;width:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .2s}.score-panel{position:absolute;right:30px;bottom:32px;display:flex;flex-direction:column;align-items:flex-end;font-family:Barlow Condensed}.score-panel small{color:#667872;letter-spacing:.2em}.score-panel strong{color:var(--bone);font-size:31px;line-height:1;letter-spacing:.08em}.score-panel span{color:var(--red);font-size:10px;letter-spacing:.18em}#weapon-panel{position:absolute;right:30px;top:90px;display:flex;align-items:center;gap:10px;padding:9px 13px 9px 9px;border-right:2px solid var(--cyan);background:linear-gradient(90deg,transparent,rgba(5,15,15,.65))}.weapon-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);color:var(--cyan);font-size:27px}#weapon-panel small{display:block;color:#5f716c;font-size:8px;letter-spacing:.18em}#weapon-panel strong{font:600 13px Barlow Condensed;letter-spacing:.12em}#boss-panel{position:absolute;top:93px;left:50%;width:min(520px,58vw);transform:translate(-50%)}#boss-panel>div:first-child{display:flex;justify-content:space-between;color:var(--red);font:700 10px Chakra Petch;letter-spacing:.24em}.boss-track{height:6px;margin-top:7px;background:#f0543926;transform:skew(-12deg)}.boss-track i{display:block;width:100%;height:100%;background:var(--red);box-shadow:0 0 18px #f0543999}#announcement{position:absolute;top:31%;left:50%;transform:translate(-50%,-50%);text-align:center;font:800 clamp(35px,6vw,88px)/.8 "Barlow Condensed";letter-spacing:.08em;color:var(--bone);opacity:0;text-shadow:0 12px 40px #000}#announcement.show{animation:announce 2.5s ease both}#announcement span{display:block;color:var(--red);font:600 11px Chakra Petch;letter-spacing:.5em;margin-bottom:14px}.modal-screen{align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#071817e0,#020607f7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-heading{text-align:center;margin-bottom:30px}.modal-heading>span{color:var(--red);font-size:10px;letter-spacing:.4em}.modal-heading h2,.compact h2{margin:8px 0 4px;font:800 clamp(40px,5vw,70px) "Barlow Condensed";text-transform:uppercase;letter-spacing:.03em}.modal-heading p,.compact p{color:#7c8e89;font-size:12px;letter-spacing:.08em}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,280px));gap:16px;perspective:900px}.upgrade-card{position:relative;min-height:310px;padding:26px;border:1px solid rgba(120,244,224,.2);background:linear-gradient(145deg,#0d1f1ef5,#040a0bfa);color:var(--bone);cursor:pointer;text-align:left;clip-path:polygon(0 0,87% 0,100% 10%,100% 100%,0 100%);transition:transform .22s,border-color .22s,background .22s;overflow:hidden}.upgrade-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .22s}.upgrade-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:#7fffeab3;background:linear-gradient(145deg,#143430fa,#040c0cfa)}.upgrade-card:hover:after{transform:scaleX(1)}.card-num{position:absolute;top:15px;right:18px;color:#3e5550;font:700 12px Barlow Condensed}.card-icon{width:82px;height:82px;margin:16px 0 40px;display:grid;place-items:center;border:1px solid rgba(107,239,218,.28);background:radial-gradient(circle,rgba(80,235,211,.15),transparent 65%);color:var(--cyan)}.card-icon svg{width:55px;height:55px;stroke:currentColor;fill:none;stroke-width:1.6;filter:drop-shadow(0 0 8px rgba(100,245,223,.35))}.upgrade-card h3{margin:0;font:700 23px Barlow Condensed;letter-spacing:.06em}.upgrade-card p{margin:9px 0 0;color:#82948e;font-size:11px;line-height:1.65}.upgrade-card small{position:absolute;bottom:18px;color:var(--red);font-size:9px;letter-spacing:.2em}.keyboard-pick{margin-top:20px;color:#53645f;letter-spacing:.2em}.compact{text-align:center}.pause-mark{color:var(--cyan);font-size:10px;letter-spacing:.35em}.compact .primary-btn{margin-top:25px;padding-left:24px;justify-content:center}.text-btn{margin-top:18px;color:#657671;background:none;border:0;border-bottom:1px solid #42514d;cursor:pointer;letter-spacing:.12em}#end-screen{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#0f2b28e0,#020506fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.end-panel{width:min(680px,90vw)}.end-panel h2{margin:15px 0 5px;font:800 clamp(58px,9vw,120px)/.8 "Barlow Condensed";letter-spacing:-.03em}.end-panel>p{color:#82938e}.end-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.end-stats div{padding:18px 5px;border-right:1px solid var(--line)}.end-stats div:last-child{border:0}.end-stats small{display:block;color:#5e726c;font-size:9px;letter-spacing:.2em}.end-stats b{font:700 26px Barlow Condensed;color:var(--cyan)}.end-panel .primary-btn{margin:auto}#mobile-controls{position:fixed;inset:0;z-index:12;pointer-events:none}#joystick{position:absolute;left:35px;bottom:45px;width:118px;height:118px;border:1px solid rgba(110,247,224,.25);border-radius:50%;pointer-events:auto;background:#040e0e4d}#stick{position:absolute;left:37px;top:37px;width:44px;height:44px;border-radius:50%;background:#6ff4df57;border:1px solid var(--cyan);box-shadow:0 0 18px #55e6d033}#dash-btn{position:absolute;right:38px;bottom:60px;width:85px;height:85px;border-radius:50%;pointer-events:auto;border:1px solid rgba(240,84,57,.65);background:#41120e75;color:#ff7b62;font:700 13px Barlow Condensed;letter-spacing:.12em}@keyframes rise{0%{opacity:0;transform:translateY(50px) scale(.97)}to{opacity:.9;transform:none}}@keyframes spin{to{transform:rotateX(72deg) rotate(348deg)}}@keyframes announce{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}15%,60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(1.08)}}@media(max-width:820px){.start-copy{width:calc(100% - 48px);margin-left:24px;align-self:flex-end;margin-bottom:45px}.key-art{width:90vw;height:72vh;right:-17vw;top:-5vh;opacity:.56}h1{font-size:88px}.lede{font-size:12px;max-width:75%}.controls-hint,.vertical-mark{display:none}.primary-btn{height:55px}.upgrade-grid{grid-template-columns:1fr;width:90vw;gap:8px}.upgrade-card{min-height:145px;padding:18px 20px 18px 116px}.card-icon{position:absolute;left:20px;top:20px;width:72px;height:72px;margin:0}.upgrade-card h3{margin-top:17px}.upgrade-card small{display:none}.modal-heading{margin-bottom:14px}.modal-heading h2{font-size:42px}.health-panel{left:18px;bottom:18px;width:48vw}.score-panel{right:18px;bottom:18px}.score-panel strong{font-size:24px}.xp-panel{bottom:126px;width:70vw}.hud-top{left:18px;right:18px;top:15px}.brand-mini,#weapon-panel{display:none}.end-stats b{font-size:20px}.end-stats div{padding:14px 2px}#mobile-controls:not(.hidden){display:block!important}}@media(max-height:620px){.start-copy{transform:scale(.86);transform-origin:left center}.upgrade-card{min-height:240px}.card-icon{margin-bottom:18px}.modal-heading{margin-bottom:12px}.end-stats{margin:18px 0}}