:root{--bg: #0a1820;--panel: rgba(15, 32, 44, .78);--panel-border: rgba(120, 180, 220, .25);--gold: #d9b25a;--gold-dim: #8a7236;--text: #e8f0f5;--text-dim: #9fb3c2;--hp: #4caf50;--crew: #5dade2;--danger: #e57373;--ally: #5dade2;--ally-dark: #1565c0;--ally-light: #aed6f1;--enemy: #e57373;--enemy-dark: #6a1b1b;--enemy-bright: #ef5350;--warn: #ffb74d;--warn-bright: #ffd54f;--hp-green: #4caf50;--hp-green-dark: #2e7d32;--r-panel: 12px;--r-control: 8px;--r-bar: 4px;--r-sm: 6px;--fs-title: .9rem;--fs-body: .78rem;--fs-sm: .7rem;--fs-xs: .62rem;--shadow-panel: 0 4px 16px rgba(0,0,0,.55)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#game-canvas canvas{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#16323f,#060d12 80%);opacity:0;pointer-events:none;transition:opacity .6s ease}.overlay.visible{opacity:1;pointer-events:auto}#loading-screen.overlay{background:linear-gradient(#060d1233,#060d128c),url(/assets/mbg-ChwPL03o.png) center/cover no-repeat;align-items:flex-end;padding-bottom:20vh}#loading-screen.overlay .loading-title,#loading-screen.overlay .loading-sub{display:none}.loading-box{text-align:center;width:min(440px,80vw)}.loading-title{font-size:2.6rem;font-weight:700;letter-spacing:2px;color:var(--gold);text-shadow:0 2px 16px rgba(217,178,90,.4);margin-bottom:.4rem}.loading-sub{color:var(--text-dim);font-size:var(--fs-body);margin-bottom:1.6rem}.loading-bar-wrap{width:100%;height:10px;background:#0006;border:1px solid var(--panel-border);border-radius:var(--r-bar);overflow:hidden}.loading-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));box-shadow:0 0 12px #d9b25a99;transition:width .2s ease}.loading-text{color:var(--gold);font-size:var(--fs-title);margin-top:.6rem}.loading-hint{color:var(--text-dim);font-size:var(--fs-sm);margin-top:.3rem;min-height:1em}.debug-panel{position:fixed;top:16px;left:16px;z-index:50;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-panel);padding:12px 16px;font-size:var(--fs-body);min-width:180px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dbg-row{display:flex;align-items:center;gap:8px;margin:4px 0}.dbg-row span{color:var(--text-dim);width:42px}.dbg-row b{color:var(--gold);font-weight:600;min-width:50px}.dbg-name{color:var(--text)!important;font-weight:400;font-size:var(--fs-body)}.help-tip{position:fixed;bottom:14px;left:14px;z-index:40;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-panel);padding:8px 14px;font-size:var(--fs-sm);text-align:left;color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;max-width:260px}.help-tip div{margin:2px 0}.log-panel{position:fixed;bottom:14px;right:14px;z-index:40;width:280px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--fs-sm);color:var(--text);overflow:hidden}.log-panel .log-header{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border-bottom:1px solid transparent}.log-panel .log-title{color:var(--gold);font-weight:600;flex:1}.log-panel .log-badge{min-width:18px;padding:1px 6px;text-align:center;background:var(--danger);color:#fff;border-radius:9px;font-size:var(--fs-sm)}.log-panel .log-badge.zero{background:#ffffff1a;color:var(--text-dim)}.log-panel .log-toggle{color:var(--text-dim);font-size:var(--fs-sm)}.log-panel.collapsed{width:180px}.log-panel.collapsed .log-badge{display:none}.log-panel.collapsed .log-header{border-bottom-color:transparent}.log-panel.collapsed .log-body{display:none}.log-panel .log-body{max-height:220px;overflow-y:auto;padding:4px 8px 6px}.log-panel .log-body::-webkit-scrollbar{width:5px}.log-panel .log-body::-webkit-scrollbar-thumb{background:#78b4dc4d;border-radius:var(--r-bar)}.log-entry{display:flex;gap:6px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.35}.log-entry .log-time{color:var(--text-dim);flex-shrink:0;font-variant-numeric:tabular-nums}.log-entry .log-actor{flex-shrink:0;font-weight:600}.log-entry.player .log-actor{color:#5dade2}.log-entry.enemy .log-actor{color:var(--danger)}.log-entry.sys .log-actor{color:var(--gold)}.log-entry .log-msg{color:var(--text);word-break:break-word}kbd{display:inline-block;min-width:22px;padding:1px 6px;background:#ffffff14;border:1px solid var(--panel-border);border-bottom-width:2px;border-radius:var(--r-sm);color:var(--gold);font-family:monospace;font-size:var(--fs-body);text-align:center}.hidden{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}#hud>*{pointer-events:auto}#hud.hit-flash-low{animation:hitLowAnim .8s ease-out}#hud.hit-flash-mid{animation:hitMidAnim 1s ease-out}#hud.hit-flash-high{animation:hitHighAnim 1.2s ease-out}@keyframes hitLowAnim{0%{box-shadow:inset 0 0 #ffc80000}15%{box-shadow:inset 0 0 60px #ffc8008c}60%{box-shadow:inset 0 0 50px #ffc80059}to{box-shadow:inset 0 0 #ffc80000}}@keyframes hitMidAnim{0%{box-shadow:inset 0 0 #ff820000}15%{box-shadow:inset 0 0 80px #ff820099}60%{box-shadow:inset 0 0 65px #ff820066}to{box-shadow:inset 0 0 #ff820000}}@keyframes hitHighAnim{0%{box-shadow:inset 0 0 #e6282800}15%{box-shadow:inset 0 0 100px #e62828a6}60%{box-shadow:inset 0 0 80px #e6282873}to{box-shadow:inset 0 0 #e6282800}}#hud.hp-danger{animation:hpDangerVignette 1.2s ease-in-out infinite}@keyframes hpDangerVignette{0%,to{box-shadow:inset 0 0 60px #e628284d}50%{box-shadow:inset 0 0 120px #e628288c}}.hud-panel{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-panel);padding:10px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-body);color:var(--text)}#hud-ship-info{top:14px;left:14px;min-width:260px;border:1px solid rgba(120,180,220,.35);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0f}.ship-row{display:flex;align-items:center;gap:8px;margin:5px 0}.ship-row .label{color:var(--text-dim);font-size:var(--fs-sm);width:36px;flex-shrink:0;letter-spacing:1px}.bar-wrap{flex:1;height:16px;background:linear-gradient(180deg,#0009,#0006);border:1px solid rgba(120,180,220,.3);border-radius:var(--r-bar);overflow:hidden;min-width:120px;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0a;position:relative}.bar{height:100%;width:100%;transition:width .25s ease;position:relative}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff40,#fff0,#00000026);border-radius:var(--r-bar);pointer-events:none}.bar.hp{background:linear-gradient(180deg,var(--hp-green) 0%,var(--hp-green-dark) 100%)}.bar.hp.low{background:linear-gradient(180deg,var(--enemy-bright) 0%,#c62828 100%);animation:hpDanger .8s ease infinite}@keyframes hpDanger{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.bar.crew{background:linear-gradient(180deg,var(--ally) 0%,var(--ally-dark) 100%)}.bar.enemy-hp{background:linear-gradient(180deg,var(--enemy) 0%,var(--enemy-dark) 100%)}.val{color:var(--gold);font-weight:600;min-width:86px;text-align:right;font-size:var(--fs-body);text-shadow:0 1px 2px rgba(0,0,0,.6)}.gear-row .gear-name{color:var(--gold)!important;font-size:var(--fs-title)!important;min-width:70px}.ship-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(120,180,220,.2)}.ship-icon{color:var(--ally);font-size:var(--fs-title);text-shadow:0 0 8px rgba(93,173,226,.5)}.ship-name{color:var(--ally-light);font-size:var(--fs-title);font-weight:700;letter-spacing:1.5px;text-shadow:0 1px 3px rgba(0,0,0,.7);flex:1}.ship-speed-tag{padding:2px 8px;font-size:var(--fs-sm);color:var(--warn);background:#ffb74d14;border:1px solid rgba(255,183,77,.3);border-radius:var(--r-sm);font-weight:400;letter-spacing:1px}.ship-speed-tag b{color:var(--warn-bright);font-weight:600;font-variant-numeric:tabular-nums}#hud-enemy-bar{top:14px;left:50%;transform:translate(-50%);min-width:260px;padding:7px 12px;border:1px solid rgba(229,115,115,.4);box-shadow:var(--shadow-panel),0 0 12px #e5737326,inset 0 1px #ffffff0f}.enemy-bar-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}.enemy-icon{color:var(--enemy);font-size:var(--fs-title);text-shadow:0 0 8px rgba(229,115,115,.5)}.enemy-name{color:var(--enemy);font-size:var(--fs-title);font-weight:700;letter-spacing:1.5px;text-shadow:0 1px 3px rgba(0,0,0,.7);flex:1}.enemy-val{color:var(--enemy);font-weight:600;font-size:var(--fs-body);text-shadow:0 1px 2px rgba(0,0,0,.6)}.enemy-bar-wrap{height:14px;border:1px solid rgba(229,115,115,.35);background:linear-gradient(180deg,#280a0ab3,#14050580);box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0a}.enemy-speed-tag{margin-left:8px;padding:2px 6px;font-size:var(--fs-sm);color:var(--warn);background:#ffb74d14;border:1px solid rgba(255,183,77,.3);border-radius:var(--r-sm);font-weight:400;letter-spacing:1px}.enemy-speed-tag b{color:var(--warn-bright);font-weight:600;font-variant-numeric:tabular-nums}.enemy-crew-row{display:flex;align-items:center;gap:6px;margin-top:4px}.enemy-crew-label{color:var(--enemy);font-size:var(--fs-sm);font-weight:600;letter-spacing:1px;min-width:28px}.enemy-crew-wrap{flex:1;height:8px;border:1px solid rgba(229,115,115,.3);background:linear-gradient(180deg,#1e0808b3,#0f040480);box-shadow:inset 0 1px 2px #000000b3}.bar.enemy-crew{background:linear-gradient(180deg,#ff8a65,#bf360c)}.debuff-container{position:absolute;display:flex;flex-wrap:wrap;gap:4px;z-index:15;pointer-events:none}#player-debuffs{top:140px;left:14px;max-width:260px}#enemy-debuffs{top:100px;left:50%;transform:translate(-50%);flex-wrap:nowrap;justify-content:center}.debuff-icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.debuff-icon.severe{border-color:#e57373b3;box-shadow:0 0 6px #e5737366}.debuff-timer{position:absolute;top:-2px;right:-2px;min-width:16px;height:14px;padding:0 3px;background:#000000d9;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.6rem;font-weight:700;color:var(--gold);display:flex;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums}.debuff-icon.severe .debuff-timer{color:var(--enemy);border-color:#e5737380}.debuff-icon .debuff-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 10px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.75rem;color:var(--text);pointer-events:none;z-index:100}.debuff-icon.severe .debuff-tip{border-color:#e5737380;color:var(--enemy)}.debuff-icon:hover .debuff-tip{display:block}#hud-minimap{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#fps-counter{font-family:Consolas,Menlo,monospace;font-size:var(--fs-body);font-weight:700;letter-spacing:.5px;color:#8effb0;background:#081420b3;border:1px solid rgba(142,255,176,.45);border-radius:var(--r-control);padding:3px 10px;min-width:78px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000073;text-shadow:0 0 6px rgba(142,255,176,.55);transition:color .2s,border-color .2s,text-shadow .2s}#fps-counter.warn{color:#ffd479;border-color:#ffd4798c;text-shadow:0 0 6px rgba(255,212,121,.55)}#fps-counter.bad{color:#ff7d7d;border-color:#ff7d7d99;text-shadow:0 0 6px rgba(255,125,125,.6)}#minimap-wrap{position:relative;width:180px;height:180px;background:radial-gradient(circle,#081420d9,#040a12f2);border:2px solid var(--panel-border);border-radius:50%;overflow:hidden;box-shadow:0 4px 14px #0000008c,inset 0 0 20px #00285066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#minimap-canvas{display:block;width:100%;height:100%}#minimap-label{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:2px;pointer-events:none}#pause-btn{background:var(--panel);border:1px solid var(--gold);color:var(--gold);font-size:var(--fs-body);font-weight:600;padding:7px 16px;border-radius:var(--r-control);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,transform .1s;min-width:110px}#pause-btn:hover{background:#d9b25a2e}#pause-btn:active{transform:scale(.95)}#pause-overlay{z-index:100;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-box{background:var(--panel);border:1px solid var(--gold);border-radius:var(--r-panel);padding:30px 50px;text-align:center;box-shadow:0 10px 40px #0009}.pause-box h2{margin:0 0 18px;color:var(--gold);font-size:1.6rem;letter-spacing:4px}#resume-btn{background:var(--gold);color:#1a1a1a;border:none;font-size:1rem;font-weight:700;padding:10px 24px;border-radius:var(--r-control);cursor:pointer;transition:transform .1s,background .15s}#resume-btn:hover{background:#e8c870}#resume-btn:active{transform:scale(.95)}#hud-status{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:280px;pointer-events:none}.status-icon{width:38px;height:38px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-control);display:flex;align-items:center;justify-content:center;font-size:1.1rem;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-icon.visible{opacity:1;transform:scale(1);pointer-events:auto}#hud-wheel-area{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:flex-end;gap:14px}.skill-group{display:flex;flex-direction:row;gap:6px;align-items:flex-end}.skill-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}#wheel-col{display:flex;flex-direction:column;align-items:center;gap:6px}.ammo-btn{position:relative;width:56px;height:56px;background:#00000080;border:2px solid var(--panel-border);border-radius:var(--r-control);cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s,transform .1s,box-shadow .2s}.ammo-btn:hover{background:#ffffff0f}.ammo-btn:active{transform:scale(.95)}.ammo-btn.active{border-color:var(--gold);background:#d9b25a2e;box-shadow:0 0 8px #d9b25a66}.ammo-btn img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ammo-count{position:absolute;bottom:2px;left:4px;font-size:var(--fs-sm);color:var(--gold);font-weight:700;text-shadow:0 1px 2px #000;z-index:2}.skill-label{font-size:var(--fs-xs);color:var(--text-dim);text-align:center;text-shadow:0 1px 2px #000;letter-spacing:1px;line-height:1.1;height:12px}.skill-cell:hover .skill-label{color:var(--gold)}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--gold);border-radius:var(--r-sm);padding:6px 10px;font-size:var(--fs-sm);color:var(--gold);font-weight:600;white-space:nowrap;text-align:center;box-shadow:0 4px 14px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:50}.tooltip .tip-detail{display:block;color:var(--text-dim);font-size:var(--fs-xs);font-weight:400;margin-top:3px;line-height:1.3}.skill-cell:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}.reload-row{display:flex;gap:6px}.reload-bar{position:relative;width:80px;height:14px;background:#00000080;border:1px solid var(--panel-border);border-radius:var(--r-bar);overflow:hidden}.reload-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#6a4a1a,#d9b25a);transform-origin:left;transition:width .1s linear}.reload-bar.ready .reload-fill{background:linear-gradient(90deg,#2e7d32,#66bb6a);animation:pulse 1.2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.reload-label{position:relative;z-index:1;font-size:var(--fs-xs);color:var(--text);text-shadow:0 1px 2px #000;display:flex;align-items:center;justify-content:center;height:100%;font-weight:600}.skill-btn{position:relative;width:56px;height:56px;background:#00000080;border:2px solid var(--panel-border);border-radius:var(--r-control);cursor:pointer;overflow:hidden;transition:border-color .15s,transform .1s,box-shadow .2s}.skill-btn:hover{border-color:#d9b25a99}.skill-btn:active{transform:scale(.95)}.skill-btn.active{border-color:var(--gold);box-shadow:0 0 12px #d9b25ab3;animation:activePulse 1.4s ease infinite}@keyframes activePulse{0%,to{box-shadow:0 0 12px #d9b25ab3}50%{box-shadow:0 0 22px #d9b25a}}.skill-btn.cooling{filter:grayscale(.7) brightness(.6)}.skill-btn.cooling.active{filter:none}.skill-btn img{width:100%;height:100%;object-fit:cover}.skill-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#000000b3;transition:height .1s linear;z-index:1}.skill-charge{position:absolute;top:1px;left:3px;font-size:var(--fs-sm);color:var(--gold);font-weight:700;text-shadow:0 1px 2px #000;z-index:2}.skill-key{position:absolute;bottom:1px;right:3px;font-size:var(--fs-xs);color:var(--text-dim);background:#0009;padding:0 4px;border-radius:var(--r-sm);font-family:monospace;z-index:2}#wheel-wrap{width:clamp(110px,14vw,160px);height:clamp(110px,14vw,160px);pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}#wheel-img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .05s linear}#hud-toast{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--panel);border:1px solid var(--gold);color:var(--gold);font-size:1.1rem;font-weight:600;padding:10px 22px;border-radius:var(--r-control);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 4px rgba(0,0,0,.6)}#hud-toast.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (max-width: 640px){.hud-panel{padding:8px 10px;font-size:var(--fs-sm)}#hud-ship-info{min-width:170px}.val{min-width:60px;font-size:var(--fs-sm)}.bar-wrap{min-width:70px;height:12px}.ammo-btn,.skill-btn{width:44px;height:44px}.reload-bar{width:60px;height:12px}.reload-label{font-size:var(--fs-xs)}#help-tip{font-size:var(--fs-xs);padding:6px 10px;max-width:200px}#wheel-wrap{width:88px;height:88px}#hud-wheel-area{gap:8px;bottom:8px}.skill-group{gap:4px}.skill-label{font-size:var(--fs-xs);height:10px}.tooltip{font-size:var(--fs-sm);padding:4px 8px}.tooltip .tip-detail{font-size:var(--fs-xs)}#minimap-wrap,#minimap-canvas{width:130px;height:130px}#pause-btn{font-size:var(--fs-sm);padding:5px 12px;min-width:90px}#hud-status{top:70px}.status-icon{width:32px;height:32px;font-size:var(--fs-title)}#hud-enemy-bar{min-width:200px;padding:6px 10px}.enemy-bar-wrap{height:12px}.enemy-name,.ship-name{font-size:var(--fs-sm)}.ship-speed-tag,.enemy-speed-tag{font-size:var(--fs-xs);padding:1px 5px}.enemy-val{font-size:var(--fs-sm)}}@media (max-width: 420px){#hud-ship-info{min-width:140px}.val{min-width:50px;font-size:var(--fs-xs)}.bar-wrap{min-width:56px}.ammo-btn,.skill-btn{width:38px;height:38px}#wheel-wrap{width:74px;height:74px}#minimap-wrap,#minimap-canvas{width:100px;height:100px}.skill-label{font-size:var(--fs-xs)}#hud-enemy-bar{min-width:160px}}#menu-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none;background:radial-gradient(ellipse at center,#16323f,#060d12 80%);overflow:auto}#menu-root.visible{display:block}.menu-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.menu-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#060d1240,#060d128c);z-index:0;pointer-events:none}.menu-screen{position:relative;z-index:1;display:none;min-height:100%;align-items:center;justify-content:center;padding:40px 20px}.menu-screen.active{display:flex}.screen-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.screen-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#060d1259,#060d12a6);z-index:-1;pointer-events:none}.menu-cover{text-align:center;max-width:600px}.menu-title{font-size:3.5rem;font-weight:800;letter-spacing:4px;color:var(--gold);text-shadow:0 4px 24px rgba(217,178,90,.4);margin-bottom:.6rem}.menu-sub{color:var(--text-dim);font-size:1.1rem;letter-spacing:6px;margin-bottom:3rem}.menu-screen[data-screen=main]{align-items:flex-start;padding-top:55vh}.menu-buttons{display:grid;grid-template-columns:repeat(2,auto);gap:14px;justify-content:center}.test-mode-btn{position:fixed;bottom:16px;right:20px;z-index:50;padding:5px 12px;background:#0006;color:var(--text-dim);border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.8rem;text-decoration:none;cursor:pointer;opacity:.4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.test-mode-btn:hover{opacity:.9;color:var(--gold);border-color:#d9b25a80;background:#d9b25a1a}.menu-btn{min-width:220px;padding:14px 32px;font-size:1.1rem;font-weight:600;letter-spacing:2px;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);text-decoration:none;text-align:center;border-radius:var(--r-control);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-btn:hover{border-color:var(--gold);color:var(--gold);background:#d9b25a1a;transform:translateY(-2px)}.menu-btn:active{transform:scale(.97)}.menu-btn.primary{background:var(--gold);color:#1a1a1a;border-color:var(--gold);box-shadow:0 4px 16px #d9b25a66}.menu-btn.primary:hover{background:#e8c870;color:#1a1a1a}.menu-btn small{font-size:var(--fs-xs);color:var(--text-dim);font-weight:400;margin-left:6px}.menu-panel{width:min(900px,95vw);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-panel);padding:28px 32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-panel)}.screen-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--panel-border)}.back-btn{padding:6px 14px;font-size:var(--fs-body);color:var(--text-dim);background:transparent;border:1px solid var(--panel-border);border-radius:var(--r-control);cursor:pointer;transition:all .15s}.back-btn:hover{color:var(--gold);border-color:var(--gold)}.screen-title{font-size:1.4rem;color:var(--gold);letter-spacing:2px;flex:1}.screen-header .difficulty-row{margin-left:auto}.section{margin:18px 0}.section-title{font-size:var(--fs-title);color:var(--text-dim);letter-spacing:2px;margin-bottom:10px}.difficulty-row{display:flex;gap:10px}.diff-btn{padding:5px 14px;font-size:var(--fs-body);color:var(--text-dim);background:transparent;border:1px solid var(--panel-border);border-radius:var(--r-control);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;line-height:1.1}.diff-btn small{font-size:var(--fs-xs);color:var(--text-dim);opacity:.7}.diff-btn:hover{border-color:var(--gold);color:var(--gold)}.diff-btn.active{border-color:var(--gold);background:#d9b25a2e;color:var(--gold);box-shadow:0 0 8px #d9b25a66}.ship-cards{display:flex;gap:16px;flex-wrap:wrap}.ship-card{flex:1;min-width:240px;background:#0000004d;border:2px solid var(--panel-border);border-radius:var(--r-panel);padding:16px;cursor:pointer;transition:all .2s}.ship-card:hover{border-color:#d9b25a80;transform:translateY(-3px)}.ship-card.selected{border-color:var(--gold);box-shadow:0 0 16px #d9b25a80}.ship-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(120,180,220,.15)}.ship-card-icon{color:var(--ally);font-size:1.2rem}.ship-card-name{color:var(--ally-light);font-size:1.1rem;font-weight:700;flex:1}.ship-card-role{font-size:var(--fs-sm);color:var(--gold);padding:2px 8px;border:1px solid var(--gold-dim);border-radius:var(--r-sm)}.ship-card-stats{margin-bottom:10px}.stat-row{display:flex;align-items:center;gap:8px;margin:4px 0}.stat-label{width:36px;font-size:var(--fs-sm);color:var(--text-dim);flex-shrink:0}.stat-bar-wrap{flex:1;height:8px;background:#00000080;border:1px solid rgba(120,180,220,.2);border-radius:var(--r-bar);overflow:hidden}.stat-bar{height:100%;background:linear-gradient(90deg,var(--ally-dark),var(--ally));transition:width .3s ease}.ship-card-desc{font-size:var(--fs-sm);color:var(--text-dim);line-height:1.5;margin-bottom:8px}.ship-card-detail{display:flex;gap:14px;font-size:var(--fs-sm);color:var(--gold);font-weight:600}.ship-card-detail span{white-space:nowrap}.ship-select-layout{display:flex;gap:20px;min-height:340px;height:70vh;max-height:600px}.ship-gallery{display:flex;flex-direction:column;gap:8px;width:210px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(217,178,90,.5) transparent}.ship-gallery::-webkit-scrollbar{width:6px}.ship-gallery::-webkit-scrollbar-track{background:transparent}.ship-gallery::-webkit-scrollbar-thumb{background:#d9b25a66;border-radius:3px}.ship-gallery::-webkit-scrollbar-thumb:hover{background:#d9b25ab3}.ship-thumb{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#0000004d;border:2px solid var(--panel-border);border-radius:var(--r-control);cursor:pointer;transition:all .2s}.ship-thumb:hover{border-color:#d9b25a80;transform:translate(3px)}.ship-thumb.selected{border-color:var(--gold);box-shadow:0 0 12px #d9b25a66;background:#d9b25a14}.ship-thumb-name{font-size:var(--fs-body);color:var(--ally-light);font-weight:700;line-height:1.2}.ship-thumb-class{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.1}.ship-detail-panel{flex:1;background:#0000004d;border:1px solid var(--panel-border);border-radius:var(--r-panel);padding:0 0 20px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ship-detail-banner{width:100%;height:260px;flex-shrink:0;overflow:hidden;border-radius:var(--r-panel) var(--r-panel) 0 0;background:linear-gradient(135deg,#78b4dc14,#d9b25a0f)}.ship-detail-banner img{width:100%;height:100%;object-fit:cover}.ship-detail-header{display:flex;align-items:center;gap:12px;margin:16px 24px 12px;padding-bottom:12px;border-bottom:1px solid rgba(120,180,220,.15)}.ship-detail-icon{color:var(--ally);font-size:1.4rem}.ship-detail-name{font-size:1.4rem;font-weight:700;color:var(--ally-light);flex:1}.ship-detail-role{font-size:var(--fs-sm);color:var(--gold);padding:3px 12px;border:1px solid var(--gold-dim);border-radius:var(--r-sm);white-space:nowrap}.ship-detail-stats{margin:0 24px 16px}.ship-detail-stats .stat-row{margin:6px 0}.ship-detail-stats .stat-label{width:42px}.ship-detail-stats .stat-val{font-size:var(--fs-sm);color:var(--gold);font-weight:600;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.ship-detail-desc{font-size:var(--fs-body);color:var(--text-dim);line-height:1.6;margin:0 24px 16px;flex:1}.ship-detail-nums{display:flex;gap:12px;flex-wrap:wrap;margin:0 24px}.detail-num{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#78b4dc0f;border:1px solid rgba(120,180,220,.15);border-radius:var(--r-control);min-width:70px}.detail-num b{font-size:1.3rem;color:var(--gold);font-weight:700;line-height:1.2}.detail-num span{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px}.screen-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--panel-border)}.enemy-hint{font-size:var(--fs-body);color:var(--enemy);font-weight:700;letter-spacing:1px}.enemy-select-wrap{display:flex;align-items:center;gap:10px}.enemy-select{min-width:200px;background:#0006;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:8px 12px;font-size:var(--fs-body);font-family:inherit;cursor:pointer;outline:none;transition:border-color .2s}.enemy-select:hover{border-color:#e5737399}.enemy-select:focus{border-color:var(--enemy)}.enemy-select option{background:var(--panel);color:var(--text)}.result-panel{max-width:500px;text-align:center}.result-title{font-size:2.2rem;letter-spacing:4px;margin-bottom:20px}.result-title.win{color:var(--gold);text-shadow:0 2px 16px rgba(217,178,90,.5)}.result-title.lose{color:var(--enemy);text-shadow:0 2px 16px rgba(229,115,115,.5)}.result-stats{margin-bottom:20px}.result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--fs-body)}.result-row span{color:var(--text-dim)}.result-row b{color:var(--gold);font-weight:600}#menu-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%) scale(.9);background:var(--panel);border:1px solid var(--gold);color:var(--gold);font-size:1rem;font-weight:600;padding:10px 22px;border-radius:var(--r-control);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90}#menu-toast.visible{opacity:1;transform:translate(-50%) scale(1)}@media (max-width: 640px){.menu-title{font-size:2.2rem}.menu-sub{font-size:.9rem;margin-bottom:2rem}.menu-btn{min-width:180px;padding:12px 24px;font-size:1rem}.menu-panel{padding:18px 16px}.screen-header{margin-bottom:14px;padding-bottom:10px}.screen-title{font-size:1.1rem}.ship-cards{flex-direction:column}.ship-card{min-width:0}.ship-select-layout{flex-direction:column;min-height:0;height:auto;max-height:none}.ship-gallery{width:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-right:0}.ship-thumb{flex-shrink:0}.ship-detail-panel{padding:14px 12px}.screen-footer{flex-direction:column-reverse;gap:10px}.enemy-select-wrap{width:100%;justify-content:space-between}.enemy-select{flex:1;min-width:0}.result-title{font-size:1.6rem}}