:root{color:#fffaf0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none;--ink: #160f36;--purple: #6046ff;--orange: #ff7347;--yellow: #ffd652;--cyan: #4de4ff;--panel: rgba(18, 12, 47, .78);--line: rgba(255, 255, 255, .17)}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}html,body,#app{min-height:100dvh}body{background:#110b2d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit}.game-shell{position:fixed;inset:0;width:100vw;height:100dvh;isolation:isolate;overflow:clip;background:radial-gradient(circle at 70% 10%,rgba(255,172,71,.18),transparent 30%),linear-gradient(#1f1649,#100a2b);touch-action:none}:fullscreen .game-shell,:-webkit-full-screen .game-shell{width:100vw;height:100dvh}.scene,.scene canvas{position:absolute;inset:0;width:100%;height:100%}.scene canvas{display:block}.topbar{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;pointer-events:none}.brand-chip,.mission-chip,.icon-button,.status-card,.ammo-panel,.helper-tip,.weapon-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 30px #08041c38;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}.brand-chip{justify-self:start;display:flex;align-items:center;gap:10px;padding:8px 13px 8px 8px;border-radius:18px}.brand-chip>span:last-child{display:grid;line-height:1.05}.brand-chip strong{font-size:14px;letter-spacing:.04em}.brand-chip small{margin-top:5px;color:#b9b1de;font-size:10px;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;color:#321863;font-size:23px;font-weight:900;background:linear-gradient(145deg,#fff083,#ff9e54);transform:rotate(-5deg)}.mission-chip{min-width:280px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:14px;padding:8px 11px 8px 17px;border-radius:22px;border-color:#ffd75280;background:linear-gradient(105deg,#1d1246eb,#46255bcc)}.mission-chip .eyebrow{grid-column:1;align-self:end}.mission-chip>strong{grid-column:2;grid-row:1 / 3;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#2d174a;font-size:34px;background:linear-gradient(145deg,#fff7ac,#ffd152);box-shadow:0 0 0 4px #ffd6521f}#mission-hint{align-self:start;margin-top:3px;color:#fff;font-size:14px;font-weight:750}.eyebrow{color:#c9c1ec;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.top-actions{justify-self:end;display:flex;gap:8px;pointer-events:auto}.icon-button{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 14px;border-radius:15px;color:#fff;cursor:pointer}.icon-button span:first-child{font-size:17px}.icon-button span:last-child{font-size:11px;font-weight:800}.icon-button:active{transform:translateY(2px) scale(.98)}.status-stack{position:absolute;z-index:4;top:96px;left:max(18px,env(safe-area-inset-left));display:grid;width:154px;gap:8px;pointer-events:none}.status-card{padding:11px 13px;border-radius:16px}.score-card>strong{display:block;margin:3px 0 6px;color:#fff7a1;font-size:25px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.05em}.combo-pill{display:inline-flex;padding:3px 8px;border-radius:999px;color:#251847;font-size:10px;font-weight:900;background:#66f3c4}.status-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.status-label strong{color:#73f7df}.meter{height:7px;margin-top:8px;overflow:hidden;border-radius:99px;background:#ffffff21}.meter span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2cdbae,#7dffdc);transition:width .18s ease}.wave-card{display:grid;grid-template-columns:1fr auto;align-items:center}.wave-card .eyebrow{grid-column:1 / 3}.wave-card strong{color:#ffc85b;font-size:18px}.wave-card small{color:#c9c1ec;font-size:10px}.reading-callout{position:absolute;z-index:8;top:28%;left:50%;display:grid;min-width:290px;grid-template-columns:78px 1fr;grid-template-rows:auto auto auto;align-items:center;gap:1px 15px;padding:12px 20px 12px 13px;border:2px solid rgba(255,255,255,.75);border-radius:23px;color:var(--ink);background:#fffadcf5;box-shadow:0 18px 60px #1c0e4659,0 0 0 7px #ffffff1a;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,28px) scale(.92);transition:opacity .16s ease,transform .26s cubic-bezier(.2,.8,.2,1.25)}.reading-callout.is-visible{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.reading-callout>span{grid-column:2;color:#775594;font-size:9px;font-weight:900;letter-spacing:.14em}.reading-callout>strong{grid-column:1;grid-row:1 / 4;display:grid;place-items:center;width:72px;height:72px;border-radius:19px;color:#fff;font-size:45px;background:linear-gradient(145deg,#ff8c54,#ff4f68)}.reading-callout p{grid-column:2;margin:2px 0;font-size:17px;font-weight:900}.reading-callout small{grid-column:2;color:#725f80;font-size:11px;font-weight:750}.crosshair{position:absolute;z-index:4;top:50%;left:50%;display:grid;grid-template-columns:9px 7px 6px 7px 9px;align-items:center;transform:translate(-50%,-50%);pointer-events:none}.crosshair i{height:2px;border-radius:2px;background:#fff;box-shadow:0 0 4px #000000b3}.crosshair i:nth-child(2),.crosshair i:nth-child(4){background:transparent}.crosshair b{width:6px;height:6px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #000c}.crosshair.is-hot b{border-color:#ffe761;background:#ffe761;transform:scale(1.35)}.hit-marker{position:absolute;z-index:6;top:50%;left:50%;color:#fff47a;font-size:30px;opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-20deg);pointer-events:none}.hit-marker.is-visible{animation:hit-pop .26s ease-out}@keyframes hit-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(-20deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(8deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7) rotate(18deg)}}.damage-vignette{position:absolute;z-index:3;inset:0;opacity:0;background:radial-gradient(circle,transparent 45%,rgba(255,80,116,.7));transition:opacity .22s ease;pointer-events:none}.damage-vignette.is-visible{opacity:1}.bottom-hud{position:absolute;z-index:4;left:50%;bottom:100px;display:flex;align-items:end;gap:12px;transform:translate(-50%);pointer-events:none}.helper-tip{padding:9px 14px;border-radius:13px;color:#cfc8e8;font-size:10px}.helper-tip span{margin:0 6px;color:#766f92}kbd{padding:2px 5px;border:1px solid rgba(255,255,255,.22);border-radius:5px;color:#fff;background:#ffffff1a;font-family:inherit;font-weight:850}.ammo-panel{display:flex;align-items:end;gap:16px;min-width:185px;padding:9px 13px;border-radius:15px}.ammo-panel>div{display:grid}.ammo-panel strong{font-size:25px;line-height:.95;font-variant-numeric:tabular-nums}.ammo-panel strong small{color:#9e96bc;font-size:12px}.ammo-panel>span{padding-bottom:2px;color:#6ff4c8;font-size:9px;font-weight:900}.weapon-rack{position:absolute;z-index:7;left:50%;bottom:max(15px,env(safe-area-inset-bottom));display:flex;gap:8px;transform:translate(-50%)}.weapon-card{position:relative;display:grid;grid-template-columns:22px 34px auto;align-items:center;min-width:168px;height:66px;padding:6px 10px 6px 5px;border-radius:18px;color:#d7d0eb;text-align:left;cursor:pointer;opacity:.72}.weapon-card.is-active{border-color:#ffe26a;color:#fff;background:linear-gradient(150deg,#35246ff5,#703672eb);box-shadow:0 0 0 3px #ffe26a26,0 12px 28px #08041c4d;opacity:1;transform:translateY(-4px)}.weapon-card:active{transform:translateY(-1px) scale(.98)}.weapon-key{color:#8d83ae;font-size:10px;font-weight:900}.weapon-icon{font-size:25px}.weapon-card>span:last-child{display:grid}.weapon-card strong{font-size:11px;white-space:nowrap}.weapon-card small{margin-top:4px;color:#aaa1ca;font-size:8px}.touch-controls{display:none}.overlay{position:absolute;z-index:20;inset:0}.start-screen{display:grid;grid-template-columns:minmax(450px,.92fr) minmax(430px,1.08fr);align-items:center;gap:5vw;padding:5vh 8vw;overflow:hidden;background:radial-gradient(circle at 74% 34%,rgba(255,212,82,.22),transparent 24%),linear-gradient(112deg,#0f092cfa 10%,#1c114bf5 56%,#3f2361e6);transition:opacity .4s ease,visibility .4s}.start-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.start-copy{position:relative;z-index:2;max-width:610px}.kicker{color:#65f4cf;font-size:11px;font-weight:900;letter-spacing:.2em}.start-copy h1{margin:9px 0 13px;color:#fff9dd;font-size:clamp(72px,10vw,138px);line-height:.68;letter-spacing:-.08em}.start-copy h1 em{color:#ffcf55;font-size:.67em;font-style:normal;letter-spacing:-.03em}.start-copy>p{max-width:560px;margin:0 0 18px;color:#d0c8ea;font-size:clamp(12px,1.2vw,16px);line-height:1.7}.start-copy>p strong{color:#fff184}.mode-picker{display:flex;gap:10px;margin:0 0 14px}.mode-card{display:grid;grid-template-columns:35px 1fr;width:190px;padding:10px 11px;border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#c7bedf;text-align:left;background:#ffffff0e;cursor:pointer}.mode-card.is-selected{border-color:#63e9cb;color:#fff;background:#5ce5c51f;box-shadow:inset 0 0 0 2px #5ce5c514}.mode-card>span{grid-row:1 / 3;font-size:25px}.mode-card strong{font-size:12px}.mode-card small{margin-top:4px;color:#9f97bf;font-size:8px}.category-picker{display:flex;gap:9px;margin:0 0 12px}.category-card{display:grid;grid-template-columns:34px 1fr;align-items:center;min-width:126px;min-height:48px;padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#c7bedf;text-align:left;background:#ffffff0e;cursor:pointer}.category-card.is-selected{border-color:#ffd65c;color:#fff;background:#ffd65c24;box-shadow:inset 0 0 0 2px #ffd65c14}.category-card>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#24184c;background:#ffd65c;font-size:18px;font-weight:950}.category-card strong{font-size:12px}.start-button{display:inline-flex;align-items:center;justify-content:space-between;width:min(385px,100%);min-height:62px;padding:7px 8px 7px 22px;border:0;border-radius:19px;color:#28164a;font-size:15px;font-weight:950;background:linear-gradient(100deg,#ffe765,#ffad53);box-shadow:0 12px 32px #ffae5040;cursor:pointer}.start-button b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;font-size:24px;background:#6a43e8}.start-button:active{transform:translateY(2px) scale(.99)}.safety-note{display:block;max-width:520px;margin-top:12px;color:#948aae;font-size:9px;line-height:1.5}.start-visual{position:relative;height:min(76vh,660px)}.sun-orbit{position:absolute;width:430px;height:430px;top:7%;left:9%;border:1px solid rgba(255,227,117,.25);border-radius:50%;box-shadow:inset 0 0 90px #ffc24814}.sun-orbit:before{content:"";position:absolute;inset:21%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbb2,#ffc955 55%,#ff6a6c);box-shadow:0 0 100px #ffbd495e}.mascot-card{position:absolute;display:grid;justify-items:center;width:120px;padding:10px;border:2px solid rgba(255,255,255,.75);border-radius:29px;color:#2b1854;background:#fff9d5;box-shadow:0 18px 40px #07031c47;animation:floaty 4s ease-in-out infinite}.mascot-card span{display:grid;place-items:center;width:86px;height:86px;border-radius:23px;color:#fff;font-size:53px;font-weight:900;background:linear-gradient(145deg,#ff835c,#ff4f77)}.mascot-card i{margin-top:8px;color:#59456b;font-size:9px;font-style:normal;font-weight:850}.mascot-a{top:8%;left:2%;transform:rotate(-9deg)}.mascot-b{top:18%;right:1%;transform:rotate(8deg);animation-delay:-.9s}.mascot-b span{background:linear-gradient(145deg,#7459ff,#b04fff)}.mascot-c{right:13%;bottom:4%;transform:rotate(-4deg);animation-delay:-1.8s}.mascot-c span{background:linear-gradient(145deg,#19c8db,#3688ff)}@keyframes floaty{0%,to{margin-top:0}50%{margin-top:-16px}}.toy-blaster{position:absolute;left:18%;bottom:11%;width:330px;height:118px;border-radius:60px 35px 35px 60px;background:linear-gradient(170deg,#8a69ff,#4724c2);transform:rotate(-12deg);box-shadow:0 28px 44px #05021a61}.toy-blaster:before{content:"";position:absolute;right:-36px;top:20px;width:90px;height:74px;border-radius:15px 34px 34px 15px;background:linear-gradient(#ffcc4e,#ff724d)}.toy-blaster i{position:absolute;left:105px;top:-26px;width:78px;height:52px;border:9px solid #62ecd8;border-bottom:0;border-radius:28px 28px 0 0}.toy-blaster b{position:absolute;left:102px;bottom:-87px;width:84px;height:115px;border-radius:9px 9px 30px 30px;background:linear-gradient(90deg,#2c166e,#5b3fd1);transform:skew(-10deg)}.toy-blaster span{position:absolute;left:33px;top:23px;width:63px;height:63px;border:11px solid #fff07b;border-radius:50%}.star-field{position:absolute;left:15%;top:45%;color:#fff281;font-size:25px;letter-spacing:13px;transform:rotate(-10deg)}.pause-screen{display:grid;place-items:center;background:#0c0723d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pause-screen[hidden]{display:none}.pause-card{width:min(450px,calc(100% - 40px));padding:34px;border:1px solid var(--line);border-radius:28px;text-align:center;background:#21154c;box-shadow:0 30px 90px #0006}.pause-card h2{margin:7px 0;color:#fff3a1;font-size:34px}.pause-card p{color:#bbb2d4;font-size:13px}.pause-card .start-button{margin-top:20px}.learned-summary{display:inline-grid;grid-template-columns:auto auto auto;align-items:baseline;gap:7px;margin:10px auto;padding:12px 20px;border-radius:16px;color:#bfb5da;background:#ffffff12}.learned-summary strong{color:#62eed0;font-size:29px}.learned-summary small{font-size:10px}.finish-screen{display:grid;place-items:center;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));overflow:auto;background:radial-gradient(circle at 50% 25%,rgba(255,220,91,.22),transparent 34%),#0c0723e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.finish-screen[hidden]{display:none}.finish-card{width:min(620px,calc(100% - 24px));padding:26px 30px 24px;border:1px solid rgba(255,239,145,.28);border-radius:30px;color:#fff;text-align:center;background:linear-gradient(150deg,#271858fa,#482562f7);box-shadow:0 32px 100px #00000073,0 0 0 7px #ffffff0a}.finish-card h2{margin:4px 0 5px;color:#fff4ae;font-size:clamp(28px,5vw,44px)}.finish-card>p{margin:0 0 16px;color:#cfc5e9;font-size:13px}.finish-stars{color:#ffe05f;font-size:42px;letter-spacing:.16em;line-height:1;text-shadow:0 0 24px rgba(255,201,63,.55)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.result-grid>div{display:grid;gap:5px;padding:12px 8px;border-radius:16px;background:#ffffff12}.result-grid span{color:#aaa0c8;font-size:9px;font-weight:850;letter-spacing:.08em}.result-grid strong{color:#70f0d0;font-size:24px}.result-glyphs{display:flex;min-height:48px;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0}.result-glyphs span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#2d174a;font-size:21px;font-weight:900;background:linear-gradient(145deg,#fff6a8,#ffbc59)}.finish-actions{display:flex;justify-content:center;gap:10px}.finish-actions .start-button{width:min(310px,64%)}.secondary-button{min-width:130px;min-height:62px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:19px;color:#f5efff;font-size:12px;font-weight:850;background:#ffffff14}.secondary-button:active{transform:translateY(2px) scale(.99)}.portrait-notice{display:none}@media(pointer:coarse),(max-width:1100px){.topbar{top:max(7px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.brand-chip{padding:6px}.brand-chip>span:last-child{display:none}.brand-mark{width:33px;height:33px}.mission-chip{min-width:222px;padding:6px 8px 6px 13px}.mission-chip>strong{width:45px;height:45px;font-size:28px}#mission-hint{font-size:12px}.top-actions .icon-button{width:44px;min-width:44px;min-height:44px;justify-content:center;padding:0}.top-actions .icon-button span:last-child{display:none}.status-stack{top:68px;left:max(8px,env(safe-area-inset-left));width:125px;gap:5px}.status-card{padding:8px 10px}.score-card>strong{font-size:20px}.wave-card{display:none}.bottom-hud{bottom:82px}.helper-tip{display:none}.ammo-panel{min-width:160px;padding:7px 10px}.weapon-rack{bottom:max(9px,env(safe-area-inset-bottom));gap:5px}.weapon-card{grid-template-columns:26px auto;min-width:110px;width:12.5vw;height:58px;padding:5px 7px;border-radius:15px}.weapon-card .weapon-key{display:none}.weapon-icon{font-size:23px}.weapon-card strong{font-size:9px}.weapon-card small{display:none}.touch-controls{position:absolute;z-index:9;inset:0;display:block;pointer-events:none}.joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(98px,calc(env(safe-area-inset-bottom) + 88px));width:190px;height:82px;pointer-events:auto;touch-action:none}.joystick-ring{position:absolute;inset:8px 0;border:2px solid rgba(255,255,255,.38);border-radius:36px;background:#140d3757;box-shadow:inset 0 0 0 7px #ffffff09;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joystick-ring:before,.joystick-ring:after{position:absolute;top:17px;color:#ffffffa6;font-size:24px;font-weight:950}.joystick-ring:before{left:15px;content:"‹"}.joystick-ring:after{right:15px;content:"›"}.joystick-knob{position:absolute;left:70px;top:16px;width:50px;height:50px;border:2px solid rgba(255,255,255,.76);border-radius:50%;background:linear-gradient(145deg,#715affe6,#422ab7f0);box-shadow:0 8px 18px #00000047}.joystick small{position:absolute;left:0;right:0;bottom:-10px;color:#ffffffd1;font-size:10px;font-weight:900;text-align:center}.touch-action,.fire-button{pointer-events:auto;touch-action:none}.fire-button{position:absolute;right:max(27px,env(safe-area-inset-right));bottom:max(87px,calc(env(safe-area-inset-bottom) + 77px));display:grid;place-items:center;width:108px;height:108px;border:4px solid rgba(255,255,255,.7);border-radius:50%;color:#251649;background:radial-gradient(circle at 35% 28%,#fff9a6,#ffc34e 58%,#ff7b4a);box-shadow:0 10px 28px #0b05255c,0 0 0 8px #ffbe4724}.fire-button span{font-size:31px;line-height:.8}.fire-button strong{font-size:12px;letter-spacing:.08em}.fire-button.is-pressed{transform:scale(.91);filter:brightness(1.16)}.reload-button{position:absolute;right:max(139px,calc(env(safe-area-inset-right) + 112px));bottom:max(96px,calc(env(safe-area-inset-bottom) + 86px));display:grid;place-items:center;width:62px;height:62px;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;background:#301f64c7}.reload-button span{font-size:22px}.reload-button small{font-size:8px}.start-screen{grid-template-columns:.96fr 1.04fr;gap:3vw;padding:4vh 5vw}.start-copy h1{font-size:clamp(62px,10vw,102px)}.start-visual{height:min(72vh,520px);transform:scale(.88);transform-origin:center}.mode-card{width:170px}.safety-note{max-width:440px}.finish-card{padding:20px 24px 18px}.finish-stars{font-size:34px}.finish-card h2{font-size:31px}.result-grid>div{padding:9px 7px}.result-glyphs{margin:10px 0}.result-glyphs span{width:34px;height:34px;font-size:19px}.finish-actions .start-button,.secondary-button{min-height:52px}}@media(max-height:640px)and (orientation:landscape){.start-screen{padding-top:3vh;padding-bottom:3vh}.start-copy h1{margin:6px 0 9px;font-size:72px}.start-copy>p{margin-bottom:10px;font-size:11px;line-height:1.45}.mode-picker{margin-bottom:9px}.mode-card{padding:7px 9px}.start-button{min-height:52px}.start-button b{width:40px;height:40px}.safety-note{margin-top:6px}.start-visual{transform:scale(.78)}.finish-card{padding-top:15px;padding-bottom:14px}.finish-card>p{margin-bottom:9px}.finish-stars{font-size:28px}.finish-card h2{font-size:27px}.result-glyphs{max-height:74px;overflow:hidden}}@media(orientation:portrait)and (pointer:coarse){.portrait-notice{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:40px;color:#fff4ad;font-size:20px;font-weight:900;text-align:center;background:#171039}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}