*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 18% 14%,rgba(240,52,63,.15),transparent 28%),radial-gradient(circle at 86% 22%,rgba(39,150,255,.15),transparent 30%),linear-gradient(135deg,#eef3f8,#f8fafc 44%,#edf7f3);color:#1f2937;font-family:Arial,Helvetica,sans-serif}body[data-visual-style=dark]{background:radial-gradient(circle at 18% 14%,rgba(240,52,63,.2),transparent 28%),radial-gradient(circle at 86% 22%,rgba(67,167,255,.18),transparent 30%),linear-gradient(135deg,#090d14,#111827 48%,#10171f);color:#edf2fa}#game-shell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}#game-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game-wrapper{display:flex;align-items:stretch;justify-content:center;gap:0;width:100%;height:100vh}#game canvas:focus{outline:none}#game{position:relative;width:min(150vh,max(260px,calc(100vw - 352px)));height:100%;min-width:260px;flex-shrink:0;overflow:hidden;box-shadow:0 22px 70px #171f2d2e;border:1px solid rgba(119,135,163,.26);background:#f7f8fb}body[data-scene=menu] #game-wrapper{gap:0}body[data-scene=menu] .hud-rail{display:none}body[data-scene=menu] #game,body:not([data-scene]) #game{width:min(100%,150vh)}body[data-visual-style=dark] #game{box-shadow:0 22px 70px #0000006b;border-color:#8fb2e538;background:#111723}#game canvas{display:block;width:100%!important;height:100%!important;position:relative;z-index:1}#game:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(ellipse at center,transparent 52%,rgba(240,52,63,.5) 100%);opacity:0;pointer-events:none}#game.damage-flash:after{animation:damage-vignette .38s ease-out}@keyframes damage-vignette{0%{opacity:0}18%{opacity:1}to{opacity:0}}.hud-rail{width:176px;min-width:176px;max-width:none;flex:1 1 176px;container-type:inline-size;display:flex;flex-direction:column;gap:8px;padding:8px 6px;border:1px solid rgba(119,135,163,.24);background:#ffffffb8;box-shadow:0 16px 48px #171f2d1f}.hud-rail-left,.hud-rail-right{align-items:stretch}body[data-visual-style=dark] .hud-rail{border-color:#8fb2e533;background:#111827c7;box-shadow:0 16px 48px #0000004d}.hud-block{display:flex;flex-direction:column;gap:4px}.hud-label{color:#56627a;font-size:11px;font-weight:700}body[data-visual-style=dark] .hud-label{color:#9aa8bd}.hud-value{min-height:26px;color:#1e293b;font-family:Arial Black,Arial,sans-serif;font-size:22px;line-height:1}.hud-value-next{color:#0b5eb8}.hud-value-lives{display:flex;align-items:flex-end;gap:3px;min-height:30px}.life-icon{display:inline-flex}.life-icon svg{display:block;width:auto;height:28px}.hud-value-zap{color:#b45309;letter-spacing:1px}body[data-visual-style=dark] .hud-value{color:#edf2fa}body[data-visual-style=dark] .hud-value-next{color:#67b7ff}body[data-visual-style=dark] .hud-value-zap{color:#fbbf24}.progress-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;min-height:28px}.progress-slot{display:grid;place-items:center;height:24px;border:1px solid rgba(119,135,163,.28);background:#ffffffad;color:#1e293b;font-family:Arial Black,Arial,sans-serif;font-size:14px;line-height:1}.progress-slot.is-collected{color:#167a49}.progress-slot-word-start{grid-column-start:1}.progress-slot.is-pulsing{animation:progress-pulse .17s ease-out}body[data-visual-style=dark] .progress-slot{border-color:#8fb2e53d;background:#202b3bd1;color:#edf2fa}body[data-visual-style=dark] .progress-slot.is-collected{color:#5ee39a}@keyframes progress-pulse{50%{transform:scale(1.18)}}@keyframes hit-feedback-pop{0%{opacity:0;transform:translate(-50%) scale(.78)}22%{opacity:1;transform:translate(-50%) scale(1.08)}to{opacity:0;transform:translate(-50%) scale(1)}}.hud-button{width:100%;min-height:36px;border:2px solid #d7deea;border-radius:8px;background:#ffffffe6;color:#334155;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1.1;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}body[data-ui-lang=zh] .hud-button{font-size:14px}body[data-ui-lang=zh] .modal-button{font-size:17px}body[data-ui-lang=zh] .hud-label{font-size:13px}.hud-button:focus-visible,.modal-button:focus-visible,.modal-icon-button:focus-visible,.touch-button:focus-visible{outline:3px solid rgba(39,150,255,.5);outline-offset:2px}.hud-button.is-warning{color:#9a3412}body[data-visual-style=dark] .hud-button{border-color:#40516b;background:#202b3beb;color:#edf2fa}body[data-visual-style=dark] .hud-button.is-warning{color:#fbbf24}.game-status{position:absolute;top:20px;left:50%;z-index:4;transform:translate(-50%);padding:8px 14px;border:1px solid rgba(185,28,43,.24);border-radius:8px;background:#ffffffdb;color:#f0343f;font-family:Arial Black,Arial,sans-serif;font-size:20px;line-height:1;pointer-events:none}.hit-feedback,.wrong-unit-feedback{position:absolute;top:20%;left:50%;z-index:4;transform:translate(-50%);color:#f0343f;font-family:Arial Black,Arial,sans-serif;font-size:clamp(24px,5vw,44px);line-height:1;white-space:nowrap;pointer-events:none;text-shadow:0 3px 0 rgba(255,255,255,.9),0 10px 24px rgba(185,28,43,.32)}.hit-feedback.animate,.wrong-unit-feedback.animate{animation:hit-feedback-pop .4s ease-out}body[data-visual-style=dark] .game-status{border-color:#ff8a9242;background:#111827db}body[data-visual-style=dark] .hit-feedback,body[data-visual-style=dark] .wrong-unit-feedback{text-shadow:0 3px 0 rgba(17,24,39,.95),0 10px 24px rgba(255,138,146,.32)}.game-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a33}.game-modal[hidden],.hit-feedback[hidden],.wrong-unit-feedback[hidden],.game-status[hidden],.hud-block[hidden]{display:none}body[data-visual-style=dark] .game-modal{background:#0000006b}.intro-overlay{background:#0f172a57}.intro-word{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:14px 32px;max-width:min(900px,100%);padding:24px;text-align:center}.intro-word-group{display:inline-flex;align-items:flex-end;gap:2px;white-space:nowrap}.intro-unit{font-family:Arial Black,Arial,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:clamp(40px,10vw,108px);line-height:1.05;color:#aeb8cc;transition:color .15s ease,transform .15s ease,text-shadow .15s ease}.intro-unit.is-spoken{color:#f0343f;transform:translateY(-6px) scale(1.05);text-shadow:0 6px 0 rgba(255,255,255,.85),0 14px 30px rgba(240,52,63,.4)}body[data-visual-style=dark] .intro-unit{color:#54617a}body[data-visual-style=dark] .intro-unit.is-spoken{color:#ff6970;text-shadow:0 6px 0 rgba(0,0,0,.4),0 14px 30px rgba(255,105,112,.45)}.modal-panel{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px;border:2px solid #d7deea;border-radius:8px;background:#fffffff0;color:#1e293b;box-shadow:0 20px 52px #171f2d38}body[data-visual-style=dark] .modal-panel{border-color:#334155;background:#182133f5;color:#edf2fa;box-shadow:0 20px 52px #00000057}.modal-panel h2,.modal-panel p{margin:0}.modal-panel h2{color:#f0343f;font-family:Arial Black,Arial,sans-serif;font-size:42px;line-height:1;text-align:center}.modal-panel p,.volume-row{font-size:18px;font-weight:700}.volume-row{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;text-align:center}.modal-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.round-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-button,.modal-icon-button{min-height:44px;border:2px solid #d7deea;border-radius:8px;background:#ffffffeb;color:#1e293b;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation}.modal-icon-button{font-family:Arial Black,Arial,sans-serif;font-size:22px}.modal-button-primary{border-color:#b91c2b;background:#f0343f;color:#fff}body[data-visual-style=dark] .modal-button,body[data-visual-style=dark] .modal-icon-button{border-color:#40516b;background:#202b3beb;color:#edf2fa}body[data-visual-style=dark] .modal-button-primary{border-color:#ff8a92;background:#f0343f;color:#fff}.desktop-play-directions{display:none}body[data-scene=game] .desktop-play-directions{--play-directions-edge: rgba(97, 112, 138, .936);width:calc(100% - 2px);display:flex;flex-direction:column;gap:7px;margin:auto auto 10;color:#646f83;font-family:Arial,sans-serif;font-size:clamp(14px,8cqw,38px);font-weight:600;line-height:1;text-align:left;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:blur(.1px)}.desktop-play-directions p{margin:0;white-space:nowrap;text-shadow:0 0 .45px var(--play-directions-edge)}body[data-visual-style=dark] .desktop-play-directions{--play-directions-edge: rgba(145, 161, 183, .22);color:#91a1b7}.touch-controls{display:none;width:100%;margin-top:auto;align-items:center;justify-content:center;gap:8px;pointer-events:none}body[data-input=touch][data-scene=game] .touch-controls{display:flex;pointer-events:auto}body[data-input=touch][data-scene=game] .desktop-play-directions,body[data-input=touch] .button-hotkey{display:none}.touch-controls-left{padding-top:8px}.touch-controls-right{min-height:92px;padding-top:10px;align-items:flex-end}.touch-button{display:grid;place-items:center;flex:1 1 0;min-width:0;aspect-ratio:1 / 1;border:1px solid rgba(119,135,163,.3);border-radius:18px;background:#ffffffd1;color:#334155;font-family:Arial Black,Arial,sans-serif;font-size:24px;line-height:1;box-shadow:0 10px 28px #171f2d2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;user-select:none;-webkit-user-select:none;transition:transform 90ms ease}.touch-button:active{transform:scale(.9)}body[data-visual-style=dark] .touch-button{border-color:#8fb2e54d;background:#0f172ab8;color:#edf2fa;box-shadow:0 10px 28px #00000059}.touch-button-shoot{flex-grow:1.4;border-color:#9f1d29cc;border-radius:50%;background:linear-gradient(160deg,#ff5a64,#f0343f 60%,#d3202d);color:#fff;font-size:13px;box-shadow:0 10px 30px #f0343f73}.touch-button-zap{gap:0;border-color:#9a6400b3;border-radius:50%;background:linear-gradient(160deg,#ffd23f,#ffb020 65%,#f59e0b);color:#3d2a00;font-size:12px;box-shadow:0 10px 26px #ffb02066}.touch-button-zap:disabled{opacity:.4}body[data-visual-style=dark] .touch-button-shoot{border-color:#ff8a92cc;background:linear-gradient(160deg,#ff5a64,#f0343f 60%,#d3202d);color:#fff}body[data-visual-style=dark] .touch-button-zap{border-color:#ffd77acc;background:linear-gradient(160deg,#ffd23f,#ffb020 65%,#f59e0b);color:#3d2a00}@media(max-width:720px){.modal-panel{padding:22px 16px}.modal-panel h2{font-size:34px}.modal-actions{grid-template-columns:minmax(0,1fr)}}.account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:18px;background:#120b08b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:account-fade-in .18s ease}@keyframes account-fade-in{0%{opacity:0}to{opacity:1}}.account-card{position:relative;width:min(420px,100%);max-height:calc(100vh - 36px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 30px 30px;border:1px solid #4a2a16;border-radius:18px;background:radial-gradient(120% 70% at 50% 0%,#f0343f24,#f0343f00 55%),#17100d;color:#c9f2ef;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 0 1px #f0343f2e,0 24px 70px #0000008c;animation:account-card-pop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes account-card-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.account-close{position:absolute;top:10px;right:12px;border:0;background:none;color:#c39ec4;font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}.account-close:hover{color:#f0343f}.wearei-eye{width:118px;height:auto;color:#14100f;overflow:visible}.wearei-eye-sclera{fill:#c9f2ef;stroke:#c39ec4;stroke-width:4}.wearei-eye-iris{transition:transform .12s ease-out}.wearei-eye-lid{fill:#1b1310;stroke:#c39ec4;stroke-width:3;transform:scaleY(.02);transform-origin:50% 0;transform-box:fill-box;opacity:0;transition:transform .18s ease,opacity 0s linear .18s}.wearei-eye.is-closed .wearei-eye-lid{transform:scaleY(1.02);opacity:1;transition:transform .18s ease}.account-title{margin:0;font-family:Arial Black,Arial,sans-serif;font-size:34px;line-height:1;letter-spacing:1px;color:#f2ede3}.account-i{color:#f0343f}.account-subtitle{margin:0 0 6px;font-size:14px;font-weight:700;color:#c39ec4;text-align:center}.account-form,.account-profile{width:100%;display:flex;flex-direction:column;gap:10px}.account-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;letter-spacing:.4px;color:#c39ec4}.account-field input{padding:11px 13px;border:1px solid #6b3d1e;border-radius:9px;background:#120b08;color:#c9f2ef;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.account-field input::placeholder{color:#c9f2ef52;font-weight:400}.account-field input:focus{border-color:#f0343f;box-shadow:0 0 0 3px #f0343f40}.account-hint{margin:-4px 0 0;font-size:12px;color:#c9f2ef8c}.account-status{margin:0;min-height:1.2em;font-size:13.5px;font-weight:700;text-align:center}.account-status[data-kind=error]{color:#ff5560}.account-status[data-kind=info]{color:#c9f2ef}.account-submit{padding:13px 16px;border:1px solid #b91c2b;border-radius:10px;background:linear-gradient(160deg,#ff5a64,#f0343f 60%,#d3202d);color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:16px;cursor:pointer;box-shadow:0 10px 26px #f0343f59;transition:transform 90ms ease}.account-submit:hover{transform:translateY(-1px)}.account-submit:disabled{opacity:.55;cursor:wait;transform:none}.account-switch{border:0;background:none;color:#c39ec4;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.account-switch:hover{color:#f0a9bd}.account-profile{align-items:center;text-align:center}.account-you{margin:4px 0 0;font-family:Arial Black,Arial,sans-serif;font-size:22px;color:#f2ede3}.account-manifesto{margin:0;font-size:13.5px;font-weight:700;color:#f0a9bd;text-decoration:none}a.account-manifesto:hover{color:#f0343f;text-decoration:underline;text-underline-offset:3px}.account-manifesto.is-signed{color:#9fe8c4}.account-signout{margin-top:8px;width:100%}.account-overlay[data-ui-lang=zh] .account-field,.account-overlay[data-ui-lang=zh] .account-hint{font-size:14px}@media(max-width:480px){.account-card{padding:22px 18px 24px}.wearei-eye{width:96px}}