:root{--bg-space: #030712;--neon-cyan: #00e5ff;--neon-sky: #38bdf8;--neon-blue: #3b82f6;--neon-green: #10b981;--neon-emerald: #34d399;--neon-magenta: #f43f5e;--neon-purple: #c084fc;--neon-yellow: #facc15;--neon-gold: #fbbf24;--neon-red: #ef4444;--hud-bg: rgba(14, 28, 64, .84);--hud-border: rgba(56, 189, 248, .5);--hud-glow: rgba(0, 229, 255, .25);--font-display: "Orbitron", monospace, sans-serif;--font-tech: "Rajdhani", sans-serif;--font-ui: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-space);font-family:var(--font-tech);color:#f8fafc}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}canvas{display:block;width:100%;height:100%}#hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:16px 24px}.hud-top-container,.hud-footer,.blast-popup,.modal-action-box button{pointer-events:auto}.hud-top-container{display:flex;flex-direction:column;gap:8px;width:100%}.hud-header{display:flex;align-items:center;justify-content:space-between;background:var(--hud-bg);border:1.5px solid var(--hud-border);box-shadow:0 8px 32px #00e5ff38,inset 0 0 20px #38bdf81f;border-radius:14px;padding:10px 24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hud-brand{display:flex;align-items:center;gap:14px}.brand-logo{font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 0 16px var(--neon-cyan),0 0 30px rgba(0,229,255,.6)}.logo-core{color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan)}.badge-stage{display:flex;align-items:center;gap:10px;background:#10b98140;border:1.5px solid rgba(52,211,153,.6);padding:5px 14px;border-radius:30px;font-size:13px;font-weight:800;letter-spacing:1.5px;color:#a7f3d0;font-family:var(--font-display);box-shadow:0 0 14px #10b9814d}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.4);opacity:1}to{transform:scale(.9);opacity:.8}}.telemetry-bar{display:flex;align-items:center;gap:32px}.telemetry-item{display:flex;flex-direction:column;align-items:center;gap:1px}.telem-label{font-size:12px;letter-spacing:1.6px;color:#cbd5e1;font-weight:700}.telem-val{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:1px}.neon-cyan{color:#e0faff;text-shadow:0 0 12px #00e5ff,0 0 24px rgba(0,229,255,.8)}.neon-green{color:#ecfdf5;text-shadow:0 0 12px #10b981,0 0 24px rgba(16,185,129,.8)}.neon-yellow{color:#fefce8;text-shadow:0 0 12px #facc15,0 0 24px rgba(250,204,21,.8)}.neon-magenta{color:#fff1f2;text-shadow:0 0 12px #f43f5e,0 0 24px rgba(244,63,94,.8)}.hud-controls{display:flex;align-items:center;gap:10px}.solar-mission-tag{display:flex;align-items:center;gap:6px;background:#f59e0b2e;border:1px solid rgba(251,191,36,.5);color:#fef08a;padding:6px 14px;border-radius:20px;font-family:var(--font-display);font-size:11.5px;font-weight:800;letter-spacing:1px;box-shadow:0 0 14px #f59e0b40}.hud-btn{background:#162650e6;border:1.5px solid rgba(148,163,184,.4);color:#e2e8f0;padding:7px 14px;border-radius:8px;font-family:var(--font-display);font-size:11.5px;font-weight:800;letter-spacing:.8px;cursor:pointer;transition:all .25s}.hud-btn:hover{border-color:var(--neon-cyan);color:#fff;box-shadow:0 0 14px #00e5ff66}.hud-btn.active{border-color:var(--neon-cyan);color:#fff;background:linear-gradient(135deg,#06b6d459,#3b82f673);box-shadow:0 0 18px #00e5ff80}.hud-meters-bar{display:flex;align-items:center;gap:24px;background:#0e1c40e0;border:1.5px solid rgba(56,189,248,.5);box-shadow:0 4px 20px #0006,inset 0 0 15px #38bdf81a;border-radius:12px;padding:8px 24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ship-hull-meter,.ship-emp-meter{flex:1;display:flex;flex-direction:column;gap:5px}.meter-header{display:flex;justify-content:space-between;align-items:center}.meter-title{font-size:13px;font-weight:800;letter-spacing:1px;color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.meter-value{font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.5px}.val-hull{color:#34d399;transition:color .3s ease}.val-emp{color:#bae6fd}.meter-track{width:100%;height:10px;background:#0a142de6;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 4px #0009}.meter-fill{height:100%;transition:width .3s ease,background .3s ease,box-shadow .3s ease}.fill-hull{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 14px #10b981}.fill-hull.critical-warning{animation:dangerBlink .6s infinite alternate}@keyframes dangerBlink{0%{opacity:.6;filter:brightness(.9)}to{opacity:1;filter:brightness(1.4)}}.fill-emp{background:linear-gradient(90deg,#00e5ff,#3b82f6);box-shadow:0 0 14px #00e5ff}.blast-popup{position:absolute;top:126px;right:24px;left:auto;transform:translate(0) scale(1);background:linear-gradient(135deg,#0e204af2,#08122efa);border:2px solid var(--neon-cyan);box-shadow:0 8px 35px #00e5ff73,inset 0 0 20px #00e5ff26;border-radius:14px;padding:12px 22px;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:popupSlideFromRight .35s ease-out;min-width:280px;max-width:360px;z-index:50;pointer-events:none}@keyframes popupSlideFromRight{0%{opacity:0;transform:translate(35px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.blast-popup.hidden{opacity:0;pointer-events:none;transform:translate(35px) scale(.95)}.blast-badge{display:inline-block;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:2px;color:#38bdf8;background:#38bdf833;padding:3px 12px;border-radius:20px;margin-bottom:4px;border:1px solid rgba(56,189,248,.4)}.blast-en{font-family:var(--font-display);font-size:32px;font-weight:900;color:#fff;letter-spacing:4px;text-shadow:0 0 16px var(--neon-cyan),0 0 32px rgba(0,229,255,.7);word-break:break-word}.blast-divider{height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-gold),transparent);margin:6px 0}.blast-vi{font-family:var(--font-tech);font-size:24px;font-weight:800;color:#fde047;letter-spacing:.5px;text-shadow:0 0 16px rgba(250,204,21,.8),0 2px 4px rgba(0,0,0,.8);word-break:break-word}.blast-audio-hint{font-size:12px;color:#94a3b8;margin-top:4px;font-style:italic;font-weight:500}.hud-footer{display:flex;justify-content:center;width:100%}.virtual-keyboard-container{width:100%;max-width:860px;background:linear-gradient(180deg,#0c1a3cf0,#060e26f7);border:1.5px solid rgba(56,189,248,.5);box-shadow:0 0 25px #00e5ff33,inset 0 0 18px #38bdf814;border-radius:12px;padding:8px 12px;display:flex;flex-direction:row;align-items:stretch;gap:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .3s,transform .3s}.virtual-keyboard-container.collapsed{opacity:0;transform:translateY(20px);pointer-events:none;height:0;padding:0;overflow:hidden;border:none}.virtual-keyboard-keys{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.kb-row{display:flex;gap:4px;justify-content:center}.kb-key{height:31px;min-width:31px;background:linear-gradient(180deg,#1e293b,#0f172a);border:1.2px solid rgba(255,255,255,.2);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8fafc;font-family:var(--font-display);font-size:11.5px;font-weight:800;position:relative;transition:all .12s ease;box-shadow:0 2px 5px #00000073}.kb-key.wide{min-width:46px}.kb-key.spacebar{min-width:220px;font-size:11px}.kb-key.key-targeted{border-color:#fff;color:#fff;transform:translateY(-2px);box-shadow:0 0 16px var(--target-color, #00e5ff),inset 0 0 8px var(--target-color, #00e5ff);background:var(--target-color, rgba(0,229,255,.45))!important}.kb-key.key-pressed{transform:translateY(1.5px);filter:brightness(1.7)}.key-finger-indicator{position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;opacity:.85}.finger-guide-panel{width:180px;min-width:180px;background:#12244eb3;border:1.2px solid rgba(56,189,248,.4);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;box-shadow:inset 0 0 12px #00e5ff0f}.finger-panel-header{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(56,189,248,.3);padding-bottom:4px}.finger-guide-icon{font-size:14px}.finger-guide-title{font-family:var(--font-display);font-size:10.5px;font-weight:800;letter-spacing:.8px;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.5)}.finger-active-card{background:#0a1632e6;border:1.5px solid var(--neon-cyan);border-radius:7px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .25s ease;box-shadow:0 0 12px #00e5ff33}.finger-hand-indicator{font-size:9px;font-weight:800;letter-spacing:1px;color:#38bdf8}.finger-name-large{font-size:13px;font-weight:800;color:#fff;text-align:center;text-shadow:0 0 8px rgba(0,229,255,.7)}.finger-target-row{display:flex;align-items:center;gap:6px;margin-top:2px}.finger-target-desc{font-size:10px;color:#cbd5e1;font-weight:600}.finger-target-keybox{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;background:linear-gradient(135deg,#00e5ff33,#3b82f64d);border:1.5px solid #ffffff;border-radius:5px;font-family:var(--font-display);font-size:13px;font-weight:900;color:#fff;box-shadow:0 0 10px #00e5ff99}.finger-mini-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#0a142c99;border-radius:6px;padding:4px 6px;border:1px solid rgba(255,255,255,.08)}.leg-item{display:flex;align-items:center;gap:3px;font-size:8.5px;font-weight:700;color:#cbd5e1}.leg-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px currentColor}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#10265abf,#040c20e0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .4s ease}.modal-overlay.hidden{opacity:0;pointer-events:none;display:none!important}.cyber-modal{position:relative;max-width:860px;width:100%;background:linear-gradient(145deg,#162a5cf2,#0c183cfa);border:2px solid rgba(56,189,248,.7);box-shadow:0 0 60px #00e5ff66,inset 0 0 40px #38bdf833;border-radius:20px;padding:40px 48px;text-align:center;display:flex;flex-direction:column;gap:24px;overflow:hidden}.modal-glow-ambient{position:absolute;top:-40%;left:-20%;width:140%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.2) 0%,transparent 70%);pointer-events:none}.modal-header-section{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}.modal-badge-tag{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:2.5px;color:#38bdf8;background:#38bdf838;border:1px solid rgba(56,189,248,.55);padding:5px 20px;border-radius:30px;box-shadow:0 0 14px #38bdf859}.modal-title{font-family:var(--font-display);font-size:46px;font-weight:900;color:#fff;letter-spacing:3px;text-shadow:0 0 20px rgba(0,229,255,.9),0 4px 12px rgba(0,0,0,.8);line-height:1.15}.title-highlight{background:linear-gradient(135deg,#fff,#00e5ff 60%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,229,255,.9)}.modal-subtitle{font-size:17px;letter-spacing:2px;color:#bae6fd;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.6)}.modal-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left;position:relative;z-index:2}.feature-card{background:linear-gradient(135deg,#1c346cd9,#10204ae6);border:1.5px solid rgba(56,189,248,.45);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px #00000059,inset 0 0 15px #38bdf814;transition:all .25s ease}.feature-card:hover{border-color:var(--neon-cyan);background:linear-gradient(135deg,#234187f2,#142a5ff2);box-shadow:0 0 25px #00e5ff59,inset 0 0 20px #00e5ff26;transform:translateY(-2px)}.feature-header-row{display:flex;align-items:center;gap:12px}.feature-icon-badge{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#00e5ff40,#3b82f659);border:1.5px solid rgba(0,229,255,.5);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 0 14px #00e5ff4d}.feature-card h3{font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;letter-spacing:.8px;text-shadow:0 2px 4px rgba(0,0,0,.7)}.feature-card p{font-size:15px;line-height:1.55;color:#e2e8f0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.modal-action-box{margin-top:6px;position:relative;z-index:2}.btn-start-cyber{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#00e5ff,#0284c7,#2563eb);border:2px solid #ffffff;color:#fff;font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:2px;padding:18px 48px;border-radius:12px;cursor:pointer;box-shadow:0 0 40px #00e5ffcc,0 6px 25px #0009;transition:all .25s ease;text-shadow:0 2px 5px rgba(0,0,0,.6)}.btn-start-cyber:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 55px #00e5ff,0 8px 30px #000000b3;background:linear-gradient(135deg,#38bdf8,#00e5ff,#1d4ed8)}.btn-icon{font-size:24px;animation:bounce 1.2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.modal-tips-footer{display:flex;align-items:center;justify-content:center;gap:10px;background:#10b9812e;border:1px solid rgba(52,211,153,.45);border-radius:10px;padding:10px 18px;font-size:14px;color:#d1fae5;line-height:1.45;text-align:left;position:relative;z-index:2}.tip-icon{font-size:20px}.modal-tips-footer strong{color:#34d399;font-weight:700}#target-lock-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;pointer-events:none}#target-lock-indicator.hidden{display:none}.lock-ring{width:60px;height:60px;border:3px solid var(--neon-cyan);border-radius:50%;animation:lockSpin 1s linear infinite;box-shadow:0 0 20px var(--neon-cyan)}@keyframes lockSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lock-label{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--neon-cyan);letter-spacing:2px;text-shadow:0 0 12px var(--neon-cyan)}@media(max-width:992px){.virtual-keyboard-container{flex-direction:column}.finger-guide-panel{width:100%;min-width:unset}.modal-features-grid{grid-template-columns:1fr}.telemetry-bar{gap:16px}.telem-val{font-size:20px}.kb-key{height:36px;min-width:32px;font-size:13px}.kb-key.spacebar{min-width:180px}}:root{--font-tech: "Inter", system-ui, sans-serif;--label-size: 22px}body{font-family:var(--font-ui)}#hud-overlay{padding:12px 18px}.hud-header{flex-wrap:wrap;gap:12px 20px;padding:10px 16px}.hud-brand{gap:12px;min-width:0}.brand-logo{font-size:24px;text-shadow:0 0 12px #00e5ff66}.badge-stage{font-family:var(--font-ui);font-size:12px;letter-spacing:0;padding:5px 10px}.telemetry-bar{gap:20px;margin-left:auto}.telem-label{font-size:10px;letter-spacing:.4px}.telem-val{font-size:21px;text-shadow:none}.hud-controls{gap:6px;flex-wrap:wrap}.hud-btn{font-family:var(--font-ui);font-size:12px;letter-spacing:0;min-height:34px;padding:6px 10px}.hud-btn:disabled{opacity:.45;cursor:default}.hud-header,.hud-meters-bar,.virtual-keyboard-container{box-shadow:0 4px 18px #0005;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #334766;background:#091325f0}.hud-meters-bar{padding:8px 16px;gap:20px}.meter-title{font-size:11px;letter-spacing:0}.meter-value{font-family:var(--font-ui);font-size:12px}.meter-track{height:6px}.meter-header{gap:8px}#target-labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.target-word{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #7891b5;border-radius:8px;background:#07101ff2;color:#f1f5f9;font:700 var(--label-size)/1.3 ui-monospace,Consolas,monospace;white-space:nowrap;box-shadow:0 3px 10px #0008;contain:layout style}.target-word:after{content:"";position:absolute;top:100%;height:10px;width:1px;background:#7891b5}.target-word span{padding:0 1px}.target-word .typed{color:#6ee7b7}.target-word .next{color:#fde68a;border-bottom:2px solid #fde68a}.target-word.locked{border:2px solid #67e8f9;box-shadow:0 0 0 3px #22d3ee22}.target-word.locked .next{background:#facc1522;border-radius:3px 3px 0 0}.target-word.danger{border-color:#fb7185}.large-text{--label-size: 26px}.blast-popup{right:18px;left:18px;min-width:0;max-width:none;height:64px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #334766;border-radius:10px;background:#0b172ce8;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;transition:opacity .2s;transform:none}.blast-popup.hidden{transform:none}.blast-en{font:700 20px/1.2 var(--font-ui);letter-spacing:0;text-shadow:none}.blast-vi{font:500 16px/1.3 var(--font-ui);text-shadow:none}.virtual-keyboard-container{max-width:980px;gap:16px;padding:10px 14px}.kb-key{min-width:32px;height:30px;font-family:var(--font-ui);font-size:14px}.kb-key.spacebar{font-size:12px}.finger-guide-panel{width:225px;min-width:225px}.finger-guide-title{font-family:var(--font-ui);font-size:12px;letter-spacing:0}.finger-hand-indicator{font-size:12px}.finger-name-large{font-size:16px}.finger-target-desc,.finger-target-keybox{font-size:14px}.leg-item{font-size:11px}.finger-mini-legend{gap:4px 10px}.virtual-keyboard-container.compact .virtual-keyboard-keys,.virtual-keyboard-container.compact .finger-mini-legend,.virtual-keyboard-container.compact .finger-panel-header{display:none}.virtual-keyboard-container.compact{max-width:620px}.virtual-keyboard-container.compact .finger-guide-panel{width:100%;min-width:0;border:0;padding:0}.virtual-keyboard-container.compact .finger-active-card{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:6px}.game-settings{position:relative}.game-settings summary{list-style:none;cursor:pointer;display:flex;align-items:center}.game-settings summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;right:0;top:calc(100% + 8px);width:270px;padding:16px;background:#0b172c;border:1px solid #536887;border-radius:10px;box-shadow:0 8px 30px #0008;display:grid;gap:12px;font-size:14px;z-index:60}.settings-panel label{display:flex;gap:8px;align-items:center}.settings-panel select{font:inherit;color:#fff;background:#172b45;border:1px solid #536887;padding:6px;border-radius:6px}:focus-visible{outline:2px solid #fde68a;outline-offset:4px}#pause-banner{position:fixed;z-index:70;top:45%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;padding:20px 28px;background:#081324f5;border:1px solid #67e8f9;border-radius:12px;font-size:18px;text-align:center}.modal-overlay{overflow-y:auto;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cyber-modal{max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px 32px;gap:18px;flex-shrink:0;box-shadow:0 16px 70px #0008;background:#0b172cf5}.modal-title{font-size:clamp(25px,3.4vw,40px);text-shadow:none}.modal-subtitle{font-size:14px;line-height:1.5}.modal-badge-tag{font-family:var(--font-ui);font-size:12px;letter-spacing:.6px}.modal-features-grid{gap:12px}.feature-card{padding:14px;gap:8px;box-shadow:none}.feature-card h3{font-family:var(--font-ui);font-size:16px;text-shadow:none}.feature-card p{font-size:14px;text-shadow:none}.btn-start-cyber{font:700 17px/1.4 var(--font-ui);padding:14px 24px;letter-spacing:.4px;box-shadow:0 4px 18px #00e5ff33}.modal-tips-footer{font-size:14px}.mobile-keyboard-note{display:none;font-size:14px;line-height:1.5;color:#cbd5e1}.performance-monitor{position:fixed;left:4px;bottom:0;z-index:150;background:#000d;color:#a7f3d0;font:11px monospace;pointer-events:none}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}@media(max-width:1200px){.hud-controls{width:100%;justify-content:flex-end}.virtual-keyboard-container{flex-direction:row}.finger-guide-panel{width:225px;min-width:225px}}@media(max-height:800px){.finger-mini-legend{display:none}.virtual-keyboard-container{padding:6px 12px}.kb-key{height:26px}.cyber-modal{gap:12px}}@media(max-width:700px){#hud-overlay{padding:8px}.hud-header{gap:8px;padding:8px}.hud-brand{width:100%;justify-content:space-between}.badge-stage{font-size:10px;max-width:72%}.brand-logo{font-size:20px}.telemetry-bar{width:100%;justify-content:space-between;gap:8px}.telem-label{font-size:9px;letter-spacing:0}.telem-val{font-size:16px}.hud-controls{justify-content:center;gap:4px}.hud-btn{min-height:32px;font-size:11px;padding:4px 6px}.hud-meters-bar{padding:6px 8px;gap:12px}.meter-header{flex-wrap:wrap;gap:3px}.meter-title{font-size:9px}.meter-value{font-size:10px}.virtual-keyboard-keys,.finger-mini-legend,.finger-panel-header{display:none}.finger-guide-panel{width:100%;min-width:0;border:0;padding:0}.finger-active-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px}.finger-hand-indicator{display:none}.finger-name-large,.finger-target-desc{font-size:14px}.blast-popup{left:8px;right:8px;height:72px;gap:4px;flex-direction:column;padding:6px 10px}.blast-en{font-size:16px}.blast-vi{font-size:14px}.modal-overlay{padding:10px}.cyber-modal{padding:20px 16px;max-height:calc(100dvh - 20px)}.modal-features-grid{grid-template-columns:1fr}.feature-card{padding:12px}.mobile-keyboard-note{display:block}.settings-panel{right:-90px}}@media(max-height:600px)and (min-width:701px){.virtual-keyboard-keys,.finger-mini-legend,.finger-panel-header{display:none}.finger-guide-panel{width:100%;min-width:0;border:0;padding:0}.finger-active-card{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.target-word[hidden]{display:none}#combat-notice{position:fixed;left:18px;right:18px;text-align:center;z-index:6;color:#cbd5e1;font-size:12px;pointer-events:none}.blast-popup{height:auto;min-height:64px}@media(max-width:700px){.blast-popup{min-height:72px}}.target-word{z-index:2}.target-word:before{content:attr(data-range);position:absolute;top:calc(100% + 4px);right:2px;font:600 10px/1.3 var(--font-ui);color:#cbd5e1;letter-spacing:.5px;padding:2px 4px;border-radius:3px;background:#07101fe6}.target-word.danger:before{color:#fda4af}.target-flight-trail{position:absolute;top:0;left:0;width:2px;border-radius:50%;transform-origin:50% 100%;background:linear-gradient(transparent,var(--trail-color));pointer-events:none;z-index:0}.target-flight-trail:before,.target-flight-trail:after{content:"";position:absolute;bottom:4px;width:1px;height:65%;background:inherit;opacity:.5;left:-9px}.target-flight-trail:after{left:9px;height:45%}.target-proximity-ring{position:absolute;top:0;left:0;border:1px dashed #fb7185;border-radius:50%;pointer-events:none;z-index:1}.target-flight-trail[hidden],.target-proximity-ring[hidden],.reduced-motion .target-flight-trail{display:none}