html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#071421;font-family:Microsoft YaHei,Arial,sans-serif}:root{--hud-panel-bg: linear-gradient(180deg, rgba(8, 22, 40, .86) 0%, rgba(6, 16, 30, .74) 100%);--hud-panel-border: rgba(134, 205, 255, .18);--hud-chip-bg: rgba(255, 255, 255, .06);--hud-chip-border: rgba(255, 255, 255, .08);--hud-title: #a8dfff;--hud-text-main: #ffd45e;--hud-text-sub: #d6ecff}body{touch-action:none}canvas{display:block}#hud-root{position:fixed;inset:0;z-index:100;pointer-events:none}.hud{position:absolute;inset:0;color:#f3fbff}.hud-panel{position:absolute;min-width:126px;padding:10px 10px 12px;border-radius:16px;background:var(--hud-panel-bg);border:1px solid var(--hud-panel-border);box-shadow:0 10px 28px #00000042;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-panel.left{top:72px;left:12px}.hud-panel.bottom-left{left:12px;bottom:18px}.hud-panel.bottom-left.is-empty{display:none}.hud-panel.right{top:72px;right:12px}.hud-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;margin-bottom:8px}.hud-row-compact{margin-bottom:6px}.hud-section-title{margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--hud-title);opacity:.95}.hud-tag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--hud-chip-bg);border:1px solid var(--hud-chip-border)}.hud-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",Microsoft YaHei,Arial,sans-serif;font-size:15px;line-height:1}.hud-row strong{color:var(--hud-text-main)}.hud-lives-card,.hud-dot-card,.hud-resource-card{margin-top:8px;padding:8px 8px 7px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.hud-lives-head,.hud-dot-card-head,.hud-resource-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-lives-label,.hud-dot-card-head span,.hud-resource-main span,.hud-resource-sub{color:var(--hud-text-sub);font-size:12px}.hud-lives-track{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.hud-life-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;color:#ffe27a;background:radial-gradient(circle at 30% 30%,#ffdf6c4d,#ff9c221a);border:1px solid rgba(255,214,94,.26);box-shadow:0 0 12px #ffb63d33}.hud-bar{margin-top:8px}.hud-bar-label{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:13px;color:#a9e8ff;margin-bottom:4px}.hud-dot-track{display:flex;flex-wrap:wrap;gap:6px;min-height:18px;align-items:center;margin-top:8px}.hud-dot-track.hp{gap:7px}.hud-dot-track.armor{gap:5px}.hud-dot{width:11px;height:11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 10px #0000002e}.hud-dot.hp.is-on{background:#ff6262;box-shadow:0 0 10px #ff626261}.hud-dot.armor.is-on{background:#76f0ff;box-shadow:0 0 10px #76f0ff61}.hud-dot.is-off{background:#ffffff1a;opacity:.45}.hud-resource-card{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-resource-card.diamond{border-color:#7ed4ff29;box-shadow:inset 0 0 0 1px #7ed4ff0a}.hud-resource-main{justify-content:flex-start}.hud-resource-main div{display:flex;flex-direction:column;gap:2px}.hud-resource-main strong{color:#fff0a9;font-size:18px;line-height:1}.hud-resource-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#ffffff0f}.hud-resource-sub{white-space:nowrap}.hud-bar-track{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden}.hud-bar-fill{height:100%;border-radius:999px}.combo-panel{position:absolute;top:374px;right:12px;width:154px;min-width:154px;padding:7px 10px 8px;border-radius:14px;background:#0c1830d1;border:2px solid rgba(255,203,77,.8);text-align:center}.combo-line{font-size:11px;line-height:1.35;color:#dcefff}.combo-line-main{font-size:12px;font-weight:700;color:#ffd45e}.combo-line-sub{margin-top:3px}.combo-title{font-size:13px;font-weight:700;color:#ffd45e}.combo-detail{margin-top:3px;font-size:10px;line-height:1.35;color:#dcefff}.combo-desc{margin-top:4px;font-size:11px;line-height:1.35;color:#dcefff}.boss-hp-panel{position:absolute;top:72px;left:50%;transform:translate(-50%);width:min(340px,calc(100% - 36px));padding:10px 14px 12px;border-radius:16px;background:#081628e6;border:1px solid rgba(255,118,118,.55);box-shadow:0 10px 28px #00000047;pointer-events:none;display:none}.boss-hp-panel.is-visible{display:block}.boss-hp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.boss-hp-label{font-size:12px;font-weight:700;color:#ffb4b4;letter-spacing:1px}.boss-hp-name{font-size:14px;font-weight:700;color:#fff5f5}.boss-hp-track{height:16px;border-radius:999px;background:#ffffff1a;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.boss-hp-fill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#ff4d4d,#ff9d22);transition:width .12s ease-out}.boss-hp-value{margin-top:6px;text-align:right;font-size:12px;color:#ffd8d8}.skill-stack{position:absolute;right:12px;bottom:14px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.skill-btn{width:86px;min-height:86px;border:none;padding:8px 6px 10px;border-radius:20px;font-weight:700;color:#fff;box-shadow:0 10px 24px #0000003d;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease,filter .15s ease}.skill-btn.shield{background:linear-gradient(180deg,#ffd84f,#ff9d22)}.skill-btn.bomb{background:linear-gradient(180deg,#28ea89,#0aae59)}.skill-btn-ring{position:absolute;inset:8px;border-radius:999px;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0 50%,transparent 51%),conic-gradient(from -90deg,var(--skill-ring-active, rgba(255, 255, 255, .92)) 0 var(--skill-ring-progress, 0%),rgba(255,255,255,.14) var(--skill-ring-progress, 0%) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));opacity:.95;transition:filter .18s ease,opacity .18s ease,background .18s ease}.skill-btn-title{position:relative;z-index:1;font-size:16px;line-height:1.1}.skill-btn-count{position:relative;z-index:1;font-size:18px;line-height:1;color:#fffffffa}.skill-btn.is-ready{box-shadow:0 0 0 2px #ffffff1a,0 10px 24px #0000003d}.skill-btn.is-cooldown,.skill-btn:disabled{filter:saturate(.72);opacity:.84}.skill-btn.is-cooldown .skill-btn-ring{--skill-ring-active: rgba(255, 255, 255, .42)}.skill-btn.is-ready .skill-btn-ring{--skill-ring-active: #fff0a8;filter:drop-shadow(0 0 7px rgba(255,208,86,.4))}.skill-btn.is-empty .skill-btn-ring{--skill-ring-active: rgba(255, 255, 255, .24);opacity:.7}.skill-btn.is-empty{filter:grayscale(.2) brightness(.72);opacity:.62}.upgrade-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#030a18c2;opacity:0;pointer-events:none;transition:opacity .18s ease}.upgrade-mask.is-open{opacity:1;z-index:110;pointer-events:auto}.confirm-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#030a18b8;opacity:0;pointer-events:none;transition:opacity .18s ease}.confirm-mask.is-open{opacity:1;z-index:115;pointer-events:auto}.upgrade-panel{width:min(308px,calc(100% - 18px));padding:14px 13px 13px;border-radius:20px;background:#0b1830f0;border:2px solid rgba(113,203,255,.45);box-shadow:0 16px 40px #00000059}.confirm-panel{width:min(292px,calc(100% - 24px));padding:16px 14px 14px;border-radius:20px;background:#0b1830f2;border:2px solid rgba(113,203,255,.45);box-shadow:0 16px 40px #00000059}.upgrade-title{text-align:center;font-size:21px;font-weight:700;color:#f3fbff}.confirm-title{text-align:center;font-size:20px;font-weight:700;color:#f3fbff}.confirm-desc{margin-top:8px;text-align:center;font-size:14px;line-height:1.45;color:#e9f4ff}.confirm-detail{margin-top:6px;text-align:center;font-size:12px;line-height:1.4;color:#8fb7dd}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.confirm-btn{min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);font-size:14px;font-weight:700;color:#f3fbff;cursor:pointer;pointer-events:auto}.confirm-btn.is-cancel{background:#ffffff14}.confirm-btn.is-confirm{background:linear-gradient(180deg,#ff7777eb,#ff9644eb);border-color:#ffbc8466}.upgrade-subtitle{margin-top:4px;margin-bottom:10px;text-align:center;font-size:12px;line-height:1.35;color:#8fb7dd}.upgrade-mode-row{display:flex;justify-content:center;margin-bottom:10px}.upgrade-mode-btn{min-width:140px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14;color:#e9f4ff;font-size:12px;font-weight:700}.upgrade-mode-btn.is-auto{border-color:#71cbff73;background:linear-gradient(180deg,#4ac0ff3d,#1777df38);color:#fff}.upgrade-grid{display:flex;flex-direction:column;gap:9px}.upgrade-card{width:100%;padding:11px 12px;border:2px solid var(--upgrade-accent, #69c2ff);border-radius:15px;background:#12274cf5;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--upgrade-accent, #69c2ff) 35%,transparent);color:#fff;text-align:left;cursor:pointer;pointer-events:auto;touch-action:manipulation}.upgrade-card-title{font-size:15px;font-weight:700;color:var(--upgrade-accent, #69c2ff);line-height:1.25}.upgrade-card-desc{margin-top:5px;font-size:13px;line-height:1.35;color:#e9f4ff}.upgrade-card-detail{margin-top:3px;font-size:11px;line-height:1.3;color:#8fb7dd}.upgrade-card-action{margin-top:7px;font-size:13px;font-weight:700;color:#fff;text-align:right}.back-btn{position:absolute;top:22px;left:20px;pointer-events:auto;border:none;border-radius:14px;background:#081628c7;color:#fff;padding:10px 14px;font-size:16px;font-weight:700}.center-toast{position:absolute;left:50%;top:300px;transform:translate(-50%);padding:14px 18px;border-radius:18px;background:#081628db;font-size:16px;font-weight:700;color:#fff}.story-panel{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:14px 16px 12px;border-radius:18px;background:#060e1ce6;border:1px solid rgba(105,194,255,.42);box-shadow:0 14px 34px #00000052;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-sizing:border-box;overflow:hidden}.story-panel.is-visible{opacity:1}.story-panel.story-panel-battle.is-top{top:50%;bottom:auto}.story-panel-title{font-size:12px;font-weight:700;letter-spacing:1px;color:#86b8dc}.story-panel-speaker{font-size:16px;font-weight:800;color:#8bd5ff}.story-panel-speaker[data-role=主角]{color:#ffd46f}.story-panel-speaker[data-role=零]{color:#8bd5ff}.story-panel-speaker[data-role=系统]{color:#ff9d9d}.story-panel-text{line-height:1.65;font-size:15px;color:#f3fbff;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.story-dialogue{margin-top:10px;display:flex;flex-direction:column;gap:10px}.story-bubble{display:none;max-width:min(78%,260px);padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;box-sizing:border-box}.story-bubble.is-active{display:block}.story-bubble-left{align-self:flex-start;background:#69c2ff1f;border-color:#69c2ff47}.story-bubble-right{align-self:flex-end;background:#ffd46f1f;border-color:#ffd46f47;text-align:right}.story-bubble .story-panel-speaker{margin-bottom:6px}.story-panel-progress{margin-top:12px;height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden}.story-panel-tip{margin-top:10px;text-align:right;font-size:12px;color:#ffffffad}.story-panel-progress span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#69c2ff,#ffd46f)}.story-panel-menu{top:auto;bottom:112px;transform:translate(-50%)}@media(max-width:420px){.combo-panel{top:388px;width:148px;min-width:148px;padding:6px 8px 7px}.story-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:12px 12px 10px}.combo-line{font-size:11px}.combo-line-main{font-size:10px}.story-bubble{max-width:84%;padding:9px 10px}.story-panel-title{font-size:11px}.story-panel-speaker{font-size:15px}.story-panel-text{font-size:14px;line-height:1.55}.story-panel-tip{font-size:11px}}.menu-overlay{position:absolute;inset:0;--menu-action-bg: none;--menu-action-hover: none;--menu-action-ornament: none}.menu-corner-group{position:absolute;display:flex;gap:8px;pointer-events:auto}.menu-corner-group-left{top:18px;left:14px;flex-direction:column;align-items:flex-start}.menu-corner-group-right{top:18px;right:14px;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.menu-corner-btn,.menu-quick-btn,.menu-sub-btn{border:1px solid rgba(196,223,255,.22);border-radius:14px;background:#071421ad;color:#ecf7ff;box-shadow:0 8px 18px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-corner-btn{min-width:46px;padding:7px 12px;font-size:13px;font-weight:700}.menu-resource-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;min-height:46px;padding:5px 10px;border-radius:14px;background:#071421b8;border:1px solid rgba(196,223,255,.2);box-shadow:0 8px 18px #0000002e;color:#dceeff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-resource-chip span{font-size:11px;color:#9fc2ea}.menu-resource-chip strong{margin-top:2px;font-size:15px;color:#ffd45e}.menu-main-actions{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;width:min(320px,calc(100% - 40px));pointer-events:auto}.menu-main-actions:before{content:"";position:absolute;inset:-24px -14px -22px;background:radial-gradient(circle at center,#fff8e66b,#fff8e624 42%,#fff8e600 76%),var(--menu-action-ornament) center 28px / 140px auto no-repeat;opacity:.76;pointer-events:none;z-index:-1}.menu-main-btn{position:relative;z-index:2;width:100%;height:58px;padding:0 22px 4px;border:none;border-radius:18px;background:transparent;background-image:var(--menu-action-bg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:#7a5c1d;font-size:18px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 0 rgba(255,249,230,.85);box-shadow:0 12px 24px #1b243a38;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,filter .16s ease,opacity .16s ease,background-image .16s ease}.menu-main-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.03) saturate(1.04);background-image:var(--menu-action-hover)}.menu-main-btn:active{transform:translateY(0) scale(.99)}.menu-hub-entry{position:relative;z-index:1}.menu-hub-options{display:none;margin-top:8px;padding:10px;border-radius:18px;background:#071421d1;border:1px solid rgba(196,223,255,.16);box-shadow:0 12px 30px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-hub-entry.is-open .menu-hub-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-sub-btn{min-height:44px;padding:8px 6px;font-size:13px;font-weight:700}.menu-quick-actions{position:absolute;right:14px;bottom:18px;display:flex;flex-direction:column;gap:8px;width:88px;pointer-events:auto}.menu-quick-btn{min-height:42px;padding:8px 12px;font-size:13px;font-weight:700}.menu-toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);max-width:min(320px,calc(100% - 32px));padding:10px 14px;border-radius:14px;background:#071421e0;border:1px solid rgba(196,223,255,.18);color:#f3fbff;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.menu-toast.is-visible{opacity:1;transform:translate(-50%) translateY(-4px)}@media(max-width:420px){.menu-corner-group{gap:6px}.menu-corner-btn{padding:6px 8px;font-size:12px}.menu-resource-chip{min-width:46px;min-height:42px;padding:4px 8px}.menu-main-actions{top:59%;width:min(288px,calc(100% - 32px))}.menu-main-btn{height:54px;font-size:16px}.menu-hub-entry.is-open .menu-hub-options{grid-template-columns:1fr}.menu-quick-actions{width:80px;gap:6px}.menu-quick-btn,.menu-sub-btn{font-size:12px}}.shop-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px 12px 92px;background:#040a1200;opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease}.shop-mask.is-open{opacity:1;pointer-events:auto;background:#040a1238}.shop-panel{width:min(360px,calc(100% - 24px));max-height:calc(100vh - 180px);overflow-y:auto;padding:12px;border-radius:18px;background:#081628c7;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;transform:translateY(8px) scale(.98);opacity:0;visibility:hidden;transition:transform .18s ease,opacity .18s ease,visibility .18s ease}.shop-panel.is-open{pointer-events:auto;transform:translateY(0) scale(1);opacity:1;visibility:visible}.shop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.shop-header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.shop-tabs{display:flex;gap:8px;margin-bottom:10px}.shop-tabs.is-hidden{display:none}.shop-tab-btn{flex:1;min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0f;color:#dff3ff;font-size:13px;font-weight:700}.shop-tab-btn.is-active{border-color:#71cbffcc;background:linear-gradient(180deg,#4ac0ff4d,#1777df47);color:#fff}.shop-title{font-size:16px;font-weight:700;color:#fff1a6}.shop-subtitle,.shop-tip,.shop-card-desc,.shop-card-meta{font-size:12px;color:#d4e8f7}.shop-bank{font-size:13px;color:#dff3ff}.shop-bank strong{color:#ffd45e}.shop-close-btn{padding:7px 10px;border:none;border-radius:10px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:700}.shop-grid{display:flex;flex-direction:column;gap:8px}.shop-section.is-hidden,.hangar-section.is-hidden,.cockpit-section.is-hidden,.achievement-section.is-hidden,.history-section.is-hidden,.boss-select-section.is-hidden,.codex-section.is-hidden,.settings-section.is-hidden,.shop-divider.is-hidden{display:none}.is-hidden{display:none!important}.hangar-section{margin-bottom:12px}.hangar-title{font-size:16px;font-weight:700;color:#fff1a6}.hangar-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hangar-form-tabs{display:flex;justify-content:center;gap:6px;margin-top:8px}.hangar-form-btn{min-width:0;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0f;color:#dff3ff;font-size:11px;font-weight:700}.hangar-form-btn.is-active{border-color:#71cbffcc;background:linear-gradient(180deg,#4ac0ff4d,#1777df47);color:#fff}.hangar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hangar-card{padding:8px 6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0a;color:#fff;text-align:center}.hangar-card.is-selected{border-color:#71cbffd9;box-shadow:inset 0 0 0 1px #71cbff59;background:#22538c47}.hangar-card.is-pending{border-color:#ffd45ed1;box-shadow:inset 0 0 0 1px #ffd45e47;background:#78581233}.hangar-card-preview{display:flex;align-items:center;justify-content:center;height:54px;margin-bottom:6px}.hangar-card-preview img{max-width:82%;max-height:82%;object-fit:contain}.pilot-card-preview{overflow:hidden;border-radius:50%;background:linear-gradient(180deg,#71cbff42,#4a76c133)}.pilot-card-preview img{width:100%;height:100%;object-fit:cover;display:block}.hangar-card-name{font-size:13px;font-weight:700}.hangar-card-title{margin-top:4px;font-size:11px;color:#c4dcf3}.hangar-stats{margin-top:10px;padding:12px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.cockpit-section{margin-bottom:12px}.cockpit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.cockpit-card{padding:10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.cockpit-card-label{font-size:11px;color:#8fd8ff;margin-bottom:4px}.cockpit-card-name{font-size:15px;font-weight:700;color:#fff}.hangar-confirm-btn{width:100%;margin-top:12px;padding:10px 12px;border:none;border-radius:12px;background:linear-gradient(180deg,#4ac0ff,#1777df);color:#fff;font-size:14px;font-weight:700}.hangar-confirm-btn:disabled{opacity:.45}.cockpit-card-desc,.cockpit-card-meta{margin-top:4px;font-size:12px;color:#d4e8f7}.cockpit-stats{margin-top:0}.settings-section{margin-bottom:12px}.settings-grid{display:flex;flex-direction:column;gap:10px}.cockpit-setting-panel{margin-top:10px;padding:10px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.cockpit-setting-head{margin-bottom:8px}.cockpit-setting-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cockpit-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.cockpit-setting-grid.is-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpit-setting-btn{padding:8px 6px}.cockpit-setting-stack{display:flex;flex-direction:column;gap:10px}.cockpit-setting-mode-group{padding-top:2px}.cockpit-setting-mode-title{font-size:12px;font-weight:700;color:#dff3ff}.hangar-stats-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.hangar-stats-name{font-size:15px;font-weight:700;color:#fff}.hangar-stats-desc{margin-top:4px;font-size:12px;color:#d4e8f7}.hangar-stats-badge{padding:4px 8px;border-radius:999px;background:#71cbff2e;color:#8fd8ff;font-size:11px;font-weight:700}.hangar-attr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hangar-attr-item{padding:8px;border-radius:12px;background:#ffffff0a}.hangar-attr-item span{display:block;margin-bottom:4px;font-size:11px;color:#b8d2ea}.hangar-attr-item strong{font-size:14px;color:#fff}.hangar-pilot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.hangar-pilot-poster{padding:8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.hangar-pilot-poster img{display:block;width:100%;height:auto;border-radius:10px;object-fit:cover}.hangar-art-btn{margin-bottom:10px}.pilot-art-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#050c16bd;z-index:6}.pilot-art-panel{width:min(100%,520px);max-height:calc(100vh - 80px);overflow:auto;padding:14px;border-radius:18px;background:linear-gradient(180deg,#0e192af5,#08101ef5);border:1px solid rgba(144,205,255,.18);box-shadow:0 16px 40px #00000052}.pilot-art-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.pilot-art-close-btn{flex-shrink:0}.pilot-art-tabs{display:flex;gap:8px;margin-bottom:10px}.pilot-art-stage{padding:10px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.pilot-art-stage img{display:block;width:100%;height:auto;border-radius:12px;object-fit:contain}.reward-gallery-panel{margin-top:12px;padding:10px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.reward-gallery-head{margin-bottom:8px}.reward-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reward-gallery-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-radius:12px;background:#ffffff0a}.reward-gallery-item img{width:42px;height:42px;object-fit:contain}.reward-gallery-item span{font-size:11px;line-height:1.2;color:#dff3ff;text-align:center}.reward-gallery-item small{display:block;font-size:10px;line-height:1.25;color:#b8d2ea;text-align:center}.codex-section{margin-bottom:12px}.codex-panel{display:flex;flex-direction:column;gap:10px}.codex-toolbar,.codex-subtabs{display:grid;gap:8px}.codex-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}.codex-subtabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.codex-tab-btn,.codex-subtab-btn{min-width:0;padding-inline:0}.codex-block{padding:10px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.codex-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codex-level-card-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.codex-level-card{padding:8px;border-radius:12px;background:#ffffff0a}.codex-level-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.codex-level-card-head strong{font-size:13px;color:#fff}.codex-level-card-head span{font-size:11px;color:#d4e8f7}.codex-level-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.codex-level-preview-item{display:flex;flex-direction:column;gap:5px}.codex-level-preview-image{display:flex;align-items:center;justify-content:center;height:56px;overflow:hidden;border-radius:10px;background:#ffffff0a}.codex-level-preview-image img{width:100%;height:100%;object-fit:cover;display:block}.codex-level-preview-item small{font-size:9px;line-height:1.2;color:#b8d2ea;text-align:center}.codex-level-item,.codex-plane-item{padding:8px;border-radius:12px;background:#ffffff0a}.codex-level-item strong,.codex-plane-item strong{display:block;font-size:13px;color:#fff}.codex-level-item span,.codex-plane-item span{display:block;margin-top:4px;font-size:11px;color:#d4e8f7}.codex-plane-grid,.codex-pilot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codex-plane-preview{display:flex;align-items:center;justify-content:center;height:58px;margin-bottom:6px}.codex-plane-preview img{max-width:84%;max-height:84%;object-fit:contain}.codex-pilot-item{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:#ffffff0a}.codex-pilot-preview{display:flex;align-items:center;justify-content:center;width:56px;height:56px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#6bc7ff38,#ad78ff2e);box-shadow:inset 0 0 0 1px #ffffff1a}.codex-pilot-preview img{width:100%;height:100%;object-fit:cover;display:block}.codex-pilot-item strong{display:block;font-size:13px;color:#fff}.codex-pilot-item span{display:block;font-size:11px;color:#d4e8f7}.codex-pilot-item small{display:block;font-size:10px;line-height:1.4;color:#b8d2ea}.codex-enemy-grid{display:flex;flex-direction:column;gap:8px}.codex-enemy-card{padding:8px;border-radius:12px;background:#ffffff0a}.codex-enemy-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.codex-enemy-head strong{font-size:13px;color:#fff}.codex-enemy-head span{font-size:11px;color:#d4e8f7}.codex-enemy-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.codex-enemy-item{display:flex;flex-direction:column;align-items:center;gap:5px}.codex-enemy-preview{display:flex;align-items:center;justify-content:center;width:100%;height:46px;padding:4px;border-radius:10px;background:#ffffff0a}.codex-enemy-preview img{max-width:100%;max-height:100%;object-fit:contain}.codex-enemy-item small{font-size:9px;line-height:1.2;color:#b8d2ea;text-align:center}.shop-divider{height:1px;margin:12px 0;background:#ffffff14}.shop-card{padding:9px 10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.achievement-grid{display:flex;flex-direction:column;gap:10px}.achievement-card{padding:9px 10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.achievement-card.is-unlocked{border-color:#ffd45e73;background:#ffd45e0f}.achievement-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;color:#fff}.achievement-card-head strong{font-size:14px}.achievement-card-head span,.achievement-card-desc,.achievement-card-meta{font-size:12px;color:#d4e8f7}.achievement-card-head span{flex-shrink:0;font-size:11px;color:#ffd45e}.achievement-card-desc{line-height:1.35}.achievement-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.achievement-card-meta{min-width:0;flex:1}.achievement-claim-btn{width:auto;min-width:92px;margin-top:0;padding:7px 10px;border:none;border-radius:12px;background:linear-gradient(180deg,#ffd84f,#ff9d22);color:#fff;font-size:13px;font-weight:700}.achievement-claim-btn:disabled{background:#ffffff1f;color:#ffffff80}.history-section,.boss-select-section{margin-bottom:12px}.boss-select-grid{display:flex;flex-direction:column;gap:8px}.history-panel{padding:10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.history-title{font-size:15px;font-weight:700;color:#fff}.history-subtitle{margin-top:4px;font-size:12px;color:#d4e8f7}.history-badge{padding:4px 8px;border-radius:999px;background:#71cbff2e;color:#8fd8ff;font-size:11px;font-weight:700;white-space:nowrap}.history-list{display:flex;flex-direction:column;gap:8px}.history-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#08162894;border:1px solid rgba(255,255,255,.08)}.history-row.is-top3{border-color:#ffd45e59;background:#ffd45e0f}.history-rank{width:38px;flex-shrink:0;font-size:14px;font-weight:700;color:#ffd45e}.history-main{flex:1;min-width:0}.history-name{font-size:13px;font-weight:700;color:#fff}.history-meta{margin-top:3px;font-size:11px;color:#d4e8f7}.history-score{flex-shrink:0;min-width:48px;text-align:right;font-size:15px;font-weight:700;color:#ffcf66}.empty-state{padding:18px 14px;border-radius:16px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);text-align:center;font-size:13px;color:#c6dff1}.shop-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;color:#fff}.shop-card-head strong{font-size:14px}.shop-card-head span{font-size:11px;color:#ffd45e}.shop-card-desc{margin-bottom:4px;line-height:1.35}.shop-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3px}.shop-card-row-action{margin-top:6px}.shop-card-meta{min-width:0;flex:1}.shop-buy-btn{width:auto;min-width:92px;margin-top:0;padding:7px 10px;border:none;border-radius:12px;background:linear-gradient(180deg,#4ac0ff,#1777df);color:#fff;font-size:13px;font-weight:700}.shop-buy-btn:disabled{background:#ffffff1f;color:#ffffff80}.shop-tip{margin-top:12px;text-align:center}