:root{color-scheme:dark;--bg: #070b14;--panel: #121a28;--panel-2: #1a2436;--panel-3: #212d44;--line: #2d3b52;--line-soft: rgba(148, 163, 184, .16);--text: #e8eef8;--text-hi: #f4f8ff;--muted: #8b9bb3;--muted-2: #6b7c96;--accent: #3dd6c6;--accent-hi: #7df0e2;--accent-dim: rgba(61, 214, 198, .14);--accent-2: #f0b429;--accent-2-hi: #ffd97a;--danger: #f07178;--danger-hi: #ffa3a8;--cell: #0a101c;--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Rajdhani", sans-serif;--display: "Orbitron", "Noto Sans SC", "Rajdhani", sans-serif;--font-size-xs: .72rem;--font-size-sm: .82rem;--font-size-md: .95rem;--font-size-lg: 1.12rem;--font-size-xl: 1.6rem;--font-size-hero: clamp(2.4rem, 5vw, 3.4rem);--tracking-brand: .14em;--tracking-ui: .04em;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--radius-xl: 18px;--shadow-s: 0 4px 14px rgba(0, 0, 0, .35);--shadow-m: 0 12px 36px rgba(0, 0, 0, .42);--shadow-l: 0 24px 72px rgba(0, 0, 0, .5);--glow-accent: 0 0 0 transparent;--glow-gold: 0 0 0 transparent;--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(12px, env(safe-area-inset-right));--safe-bottom: max(10px, env(safe-area-inset-bottom));--safe-left: max(12px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:linear-gradient(180deg,#070b14,#050810 55%,#03060c);color:var(--text);font-family:var(--font);font-size:var(--font-size-md);letter-spacing:var(--tracking-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35;background-image:radial-gradient(1px 1px at 6% 12%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 18% 78%,rgba(255,255,255,.28),transparent),radial-gradient(1.2px 1.2px at 34% 22%,rgba(190,240,255,.4),transparent),radial-gradient(1px 1px at 52% 64%,rgba(255,255,255,.22),transparent),radial-gradient(1px 1px at 68% 18%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 84% 52%,rgba(255,230,170,.28),transparent),radial-gradient(1px 1px at 93% 84%,rgba(255,255,255,.24),transparent)}#app{position:relative;z-index:1;width:100%;height:100dvh;min-height:100dvh;display:block;overflow:hidden}.topbar{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--safe-top) var(--safe-right) 10px var(--safe-left);border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent);background:linear-gradient(180deg,rgba(7,11,20,.72),rgba(7,11,20,.28) 70%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.topbar>*{pointer-events:auto}.brand{font-family:var(--display);font-weight:700;letter-spacing:var(--tracking-brand);font-size:var(--font-size-lg);color:var(--text-hi);text-shadow:0 1px 2px rgba(0,0,0,.55)}.brand-sub{color:var(--muted);font-family:var(--font);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.08em}.brand-wrap{display:flex;flex-direction:column;gap:2px}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}button{font:inherit;font-weight:600;letter-spacing:.04em;border:1px solid var(--line);background:linear-gradient(180deg,#2a354c,#1a2233);color:var(--text);border-radius:var(--radius-m);padding:8px 14px;cursor:pointer;box-shadow:inset 0 1px #ffffff0f;transition:border-color .15s ease,transform .12s ease,background .15s ease,color .15s ease}button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--text-hi)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary{border-color:color-mix(in srgb,var(--accent-2) 55%,var(--line));background:linear-gradient(180deg,#3a3222,#242018);color:#ffe9b8;text-shadow:none;box-shadow:inset 0 1px #ffffff14}button.primary:hover{border-color:#a8823a}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border:none;border-radius:0;overflow:hidden;box-shadow:none;background:#050814;aspect-ratio:auto}#game-root:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--sector, var(--accent)) 8%,transparent),transparent 12%,transparent 88%,rgba(0,0,0,.18));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sector, var(--accent)) 10%,transparent)}.modal-card{width:min(820px,100%);background:linear-gradient(145deg,rgba(40,58,82,.35),transparent 40%),linear-gradient(180deg,#172235,#0e1522);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:16px;padding:20px;box-shadow:0 30px 100px #000000a6,inset 0 1px #ffffff0f}.modal-head h2{font-family:var(--display);letter-spacing:.08em;font-size:1.15rem;margin:0}.frame-role{display:inline-block;margin:2px 0 4px;padding:2px 8px;border-radius:999px;font-style:normal;font-size:.75rem;font-weight:600;letter-spacing:.06em;color:#041016;background:linear-gradient(90deg,var(--accent),#5eead4)}.frame-option{border-radius:14px;background:linear-gradient(180deg,#1a2538,#121a28);transition:border-color .15s ease,transform .15s ease}.frame-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.intermission-card{width:min(420px,100%);text-align:left}#game-root canvas{display:block;width:100%!important;height:100%!important;margin:0;background:#050814;image-rendering:auto;text-rendering:optimizeLegibility}#hud{position:absolute;left:0;right:0;bottom:0;z-index:12;padding:10px var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--muted);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.06em;text-align:center;background:linear-gradient(0deg,rgba(7,11,20,.55),transparent);pointer-events:none;opacity:.72;transition:opacity .35s ease}#app.app-play:hover #hud,#hud:focus-within{opacity:.95}#hud-hint{max-width:920px;margin:0 auto;padding:6px 12px;border-radius:999px;background:#080c1459;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06080ead;z-index:20;padding:16px}.modal.hidden{display:none}.modal-card{width:min(760px,100%);background:linear-gradient(145deg,rgba(61,214,198,.07),transparent 38%),linear-gradient(180deg,#222d45,#121826 62%,#0c1220);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-l),inset 0 1px #ffffff12}.item-art{width:auto;min-width:56px;min-height:40px;border-radius:8px;display:grid;place-items:center;padding:6px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.1),transparent 52%),linear-gradient(165deg,#202c42,#0d1320 62%,#080d17);border:1px solid color-mix(in srgb,var(--mod) 48%,rgba(100,116,139,.5));box-shadow:inset 0 1px #ffffff14,inset 0 -6px 12px #0000004d,0 0 12px color-mix(in srgb,var(--mod) 18%,transparent),0 5px 12px #0006}.item-art svg{width:auto;height:auto;max-width:140px;max-height:200px;display:block}.detail-art .item-art{width:fit-content;margin:0;min-width:44px;min-height:36px;padding:4px}.detail-art .item-art svg{max-width:72px;max-height:120px}.footprint-hint{display:grid;gap:1px;justify-content:end;margin-bottom:4px}.footprint-hint .on{width:7px;height:7px;border-radius:2px;box-shadow:inset 0 0 0 1px #fff3}.footprint-hint .off{width:7px;height:7px}.inv-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.loadout-modal.modal{padding:0;place-items:stretch;background:#03060c}.hangar-bay.loadout-card,.loadout-card{width:100%;height:100%;max-width:none;border-radius:0;border:none;padding:0;display:flex;flex-direction:column;min-height:0;box-shadow:none;position:relative;overflow:hidden;background:transparent}.hangar-space{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 72% 52% at 34% 42%,rgba(40,80,120,.22),transparent 62%),radial-gradient(ellipse 52% 42% at 76% 18%,rgba(38,92,140,.2),transparent 56%),radial-gradient(ellipse 60% 46% at 18% 86%,rgba(30,70,90,.16),transparent 52%),radial-gradient(ellipse 34% 26% at 62% 72%,rgba(61,214,198,.08),transparent 60%),radial-gradient(ellipse 22% 18% at 88% 62%,rgba(240,180,41,.06),transparent 60%),linear-gradient(180deg,#0a0f1e,#060a14 46%,#02040a)}.hangar-space:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(61,214,198,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,214,198,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 72% 62% at 50% 46%,black 18%,transparent 74%);mask-image:radial-gradient(ellipse 72% 62% at 50% 46%,black 18%,transparent 74%);opacity:.55}.hangar-nebula{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}.hangar-nebula-a{width:420px;height:280px;left:12%;top:18%;background:radial-gradient(circle,rgba(48,110,140,.4),transparent 70%)}.hangar-nebula-b{width:360px;height:300px;right:8%;bottom:10%;background:radial-gradient(circle,rgba(40,90,140,.45),transparent 70%)}.hangar-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.2px 1.2px at 6% 12%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 18% 34%,rgba(170,220,255,.55),transparent),radial-gradient(1.4px 1.4px at 24% 72%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 28% 62%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 34% 8%,rgba(255,255,255,.4),transparent),radial-gradient(1.6px 1.6px at 41% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 48% 22%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 55% 80%,rgba(255,255,255,.32),transparent),radial-gradient(1px 1px at 60% 12%,rgba(255,240,200,.5),transparent),radial-gradient(1.2px 1.2px at 66% 48%,rgba(255,255,255,.42),transparent),radial-gradient(1px 1px at 72% 68%,rgba(170,240,230,.45),transparent),radial-gradient(1.2px 1.2px at 78% 26%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 82% 14%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 87% 44%,rgba(255,255,255,.38),transparent),radial-gradient(1px 1px at 90% 72%,rgba(255,255,255,.36),transparent),radial-gradient(1.5px 1.5px at 8% 88%,rgba(255,255,255,.52),transparent),radial-gradient(1px 1px at 95% 28%,rgba(255,255,255,.42),transparent),radial-gradient(2px 2px at 50% 52%,rgba(160,240,235,.35),transparent),radial-gradient(1px 1px at 44% 58%,rgba(255,255,255,.3),transparent);opacity:.9}.hangar-bay>*:not(.hangar-space){position:relative;z-index:1}.hangar-top{flex:0 0 auto;display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px 18px;align-items:center;padding:12px 16px 8px;background:linear-gradient(180deg,#060a12b8,#060a1247);border-bottom:1px solid rgba(148,163,184,.12)}.hangar-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.hangar-eyebrow{font-family:var(--display);font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 80%,#94a3b8)}#hangar-ship-name{margin:0;font-family:var(--display);font-size:var(--font-size-lg);letter-spacing:.1em;font-weight:700;color:#e8eef8}.hangar-top-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.hangar-chip,.hangar-exit{border-radius:6px;padding:7px 12px;font-size:.82rem;letter-spacing:.04em;background:#0c121cd9;border:1px solid rgba(148,163,184,.28);color:#c8d2e0}.hangar-chip:hover,.hangar-exit:hover{border-color:color-mix(in srgb,var(--accent) 45%,#64748b);color:#f1f5f9}.hangar-exit{border-color:#f8717159;color:#fecaca}.hangar-hint-bar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:2px 16px 4px;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hangar-keys{opacity:.75;white-space:nowrap}.hangar-workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:0}@media(max-width:900px){.hangar-top{grid-template-columns:1fr}.hangar-workspace{grid-template-columns:1fr;grid-template-rows:minmax(240px,48vh) minmax(220px,1fr)}}.hangar-viewport{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hangar-stats{position:absolute;top:10px;left:10px;z-index:5;width:196px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);display:flex;flex-direction:column;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#040810b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #00000052;overflow:hidden;font-size:.75rem}.hangar-stats.open{background:#040810e0}.hangar-doctrine-line,.hangar-doctrine-line.muted{display:none}.hangar-build-strip{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0 12px 6px;padding:0 0 2px;flex:0 0 auto;min-height:22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.hangar-build-strip::-webkit-scrollbar{display:none}.hangar-build-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;max-width:240px;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#080e18b8;color:#c9d4e4;font-size:10px;line-height:1.4;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.hangar-build-chip b{color:#eef3fa;font-weight:600}.hangar-build-chip .chip-kicker{flex:0 0 auto;opacity:.55;font-size:10px;letter-spacing:.08em}.hangar-build-chip.passive{border-color:#7dd3fc47;background:#0e1c2ac7}.hangar-build-chip.tag{border-color:#94a3b82e}.hangar-build-chip.tag.active{border-color:#9be15d59;color:#d9f5b8}.hangar-build-chip.empty{opacity:.55;border-style:dashed}.hangar-build-chip.refit{border-color:#fbbf2452;color:#fde68a}.hangar-build-chip.pos{border-color:#60a5fa4d;color:#bfdbfe}.hangar-stats-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:6px 10px;border:none;border-radius:0;background:transparent;color:#e8eef8;font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.12em;cursor:pointer;text-align:left}.hangar-stats-toggle:hover{background:#94a3b81a}.hangar-stats-toggle[aria-expanded=true]{border-bottom:1px solid rgba(148,163,184,.14)}.hangar-stats-caret{color:#8b9bb3;letter-spacing:0;font-size:.7rem}.hangar-stats-body{display:grid;gap:0;padding:4px 0 8px;overflow:auto}.hangar-stats-body[hidden]{display:none!important}.hangar-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 12px;font-size:.72rem;line-height:1.35;color:#8b9bb3}.hangar-stat-row b{color:#f1f5f9;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.hangar-stat-row.warn b{color:var(--danger)}@media(max-width:900px){.hangar-stats{width:min(200px,calc(100% - 20px));top:8px;left:8px}}.hangar-ship-scroll{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.hangar-ship-scroll>:first-child{margin-top:auto}.hangar-ship-scroll>:last-child{margin-bottom:auto}.hangar-rail{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),#050910d6;border-left:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-18px 0 44px #0006,inset 1px 0 #ffffff08}.rail-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px 8px;border-bottom:1px solid rgba(148,163,184,.12)}.rail-head h3{margin:0;font-family:var(--display);font-size:.82rem;letter-spacing:.14em;font-weight:600;color:#dbe4f0}.cargo-view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 0 10px}.cargo-view.hidden{display:none}.back-warehouse{width:calc(100% - 20px);margin:10px 10px 8px;text-align:left;border-radius:6px;background:#141c28e6;border:1px solid rgba(148,163,184,.22);flex:0 0 auto}.place-hint{margin:8px 12px 0;font-size:.75rem;color:var(--muted);flex:0 0 auto}.cargo-cat{margin:0 8px 6px;border:1px solid rgba(148,163,184,.13);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),#080c1699;flex-shrink:0;overflow:hidden}.cargo-cat-head{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border:none;border-radius:0;background:#101824b8;text-align:left;font-size:.88rem;letter-spacing:.04em}.cargo-cat-head:hover{background:#182434d9}.cargo-cat-head strong{font-weight:600;color:#e2e8f0}.cargo-cat-head em{font-style:normal;color:#7b8aa3;font-size:.75rem;font-variant-numeric:tabular-nums}.cargo-cat-dot{width:6px;height:6px;border-radius:1px;box-shadow:0 0 0 1px #00000059;flex-shrink:0}.cargo-cat-chevron{color:#64748b;font-size:.7rem;letter-spacing:-.08em;font-family:var(--display)}.cargo-cat-body{display:flex;flex-direction:column;gap:2px;padding:4px 4px 6px}.cargo-nav-row{width:100%;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 12px;margin:0;border:1px solid rgba(148,163,184,.1);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 46%),#0c121ec7;text-align:left;cursor:pointer;flex-shrink:0;transition:border-color .12s ease,background .12s ease}.cargo-nav-row:hover{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 46%),#162030e6;border-color:#94a3b842}.cargo-nav-row .cargo-nav-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.cargo-nav-row .cargo-nav-meta strong{font-size:.88rem;font-weight:600;color:#e2e8f0;letter-spacing:.03em}.cargo-nav-row .cargo-nav-meta em{font-style:normal;color:#7b8aa3;font-size:.72rem;font-variant-numeric:tabular-nums}.cargo-nav-row .cargo-cat-chevron{font-size:.78rem;letter-spacing:-.1em;color:#94a3b8}.cargo-cat-pin{flex:0 0 auto;padding:6px 6px 4px;border-bottom:1px solid rgba(148,163,184,.1);background:#080c14eb}.cargo-cat-pin.hidden{display:none}.cargo-nav-back{border-color:#94a3b838;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 46%),#101824f2}.cargo-nav-back .cargo-cat-chevron{color:#cbd5e1}.cargo-empty{text-align:center;padding:28px 12px;line-height:1.5}.detail-equip-hint{width:100%;margin-top:12px;border-radius:4px;letter-spacing:.08em}.placed-piece{overflow:hidden}.rot-hint{color:#8b9bb3;font-size:.75rem}.gear-stage{position:relative;width:max-content;max-width:100%;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h2{margin:0}.modal-sub{margin:8px 0 14px;color:var(--muted);line-height:1.45}.icon-btn{padding:4px 10px}.gear-grid{display:grid;gap:var(--gear-gap, 6px);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%),linear-gradient(160deg,#182236f0,#070b14f5);padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.24);box-shadow:inset 0 1px #ffffff0f,inset 0 0 32px #0006,0 0 0 1px #0006,0 0 28px #3dd6c612;width:max-content;max-width:100%}.gear-overlays{position:absolute;left:13px;top:13px;pointer-events:none;z-index:2}.gear-cell{width:var(--gear-cell, 48px);height:var(--gear-cell, 48px);border-radius:max(5px,calc(var(--gear-cell, 48px) * .15));border:1px dashed color-mix(in srgb,var(--line) 40%,transparent);background:#0a0f1a61;box-shadow:none}.item-art,.mod-shape{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.gear-cell .item-art svg,.cargo-item .item-art svg{display:block}.gear-grid.place-ok{animation:gear-place-ok .12s ease-out}.gear-grid.place-bad{animation:gear-place-bad .16s ease-out}@keyframes gear-place-ok{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes gear-place-bad{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.gear-cell.slot-weapon{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 45%),#c8302a29;border-color:#dc60606b;box-shadow:inset 0 0 0 1px #00000047}.gear-cell.slot-engine{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 45%),#c8921a29;border-color:#dcb0486b;box-shadow:inset 0 0 0 1px #00000047}.gear-cell.slot-power{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 45%),#1ca86c29;border-color:#40ba806b;box-shadow:inset 0 0 0 1px #00000047}.gear-cell.slot-defense{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 45%),#2a68dc29;border-color:#5088dc6b;box-shadow:inset 0 0 0 1px #00000047}.gear-cell.slot-universal{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%),#8c9baf1a;border-color:#a0aec052;box-shadow:inset 0 0 0 1px #0000003d}.gear-cell.slot-dual{position:relative;isolation:isolate;background:#121c2a8c!important;border-color:#aac6e66b!important;box-shadow:inset 0 0 0 1px #00000047,inset 0 1px #ffffff0f}.gear-cell.slot-dual:after{display:none}.gear-cell.slot-dual.slot-weapon[data-also=power]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#c4525238,#2a1214eb 48.5%,#121c188c 48.5%,#121c188c 51.5%,#0c1e16eb 51.5%,#3aa4762e)!important;border-color:color-mix(in srgb,rgba(214,102,102,.42) 55%,rgba(76,182,128,.4))!important}.gear-cell.slot-dual.slot-power[data-also=weapon]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#3aa4762e,#0c1e16eb 48.5%,#1c14168c 48.5%,#1c14168c 51.5%,#2a1214eb 51.5%,#c4525238)!important;border-color:color-mix(in srgb,rgba(76,182,128,.4) 55%,rgba(214,102,102,.42))!important}.gear-cell.slot-dual.slot-defense[data-also=power]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#4678c22e,#0d1522eb 48.5%,#101a1c8c 48.5%,#101a1c8c 51.5%,#0c1e16eb 51.5%,#3aa4762e)!important;border-color:color-mix(in srgb,rgba(88,140,212,.4) 55%,rgba(76,182,128,.4))!important}.gear-cell.slot-dual.slot-power[data-also=defense]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#3aa4762e,#0c1e16eb 48.5%,#0e161e8c 48.5%,#0e161e8c 51.5%,#0d1522eb 51.5%,#4678c22e)!important;border-color:color-mix(in srgb,rgba(76,182,128,.4) 55%,rgba(88,140,212,.4))!important}.gear-cell.slot-dual.slot-weapon[data-also=defense]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#c4525238,#2a1214eb 48.5%,#16121c8c 48.5%,#16121c8c 51.5%,#0d1522eb 51.5%,#4678c22e)!important;border-color:color-mix(in srgb,rgba(214,102,102,.42) 55%,rgba(88,140,212,.4))!important}.gear-cell.slot-dual.slot-defense[data-also=weapon]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#4678c22e,#0d1522eb 48.5%,#1c12168c 48.5%,#1c12168c 51.5%,#2a1214eb 51.5%,#c4525238)!important;border-color:color-mix(in srgb,rgba(88,140,212,.4) 55%,rgba(214,102,102,.42))!important}.gear-cell.slot-dual.slot-engine[data-also=power]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#c4983a33,#261d0eeb 48.5%,#161c128c 48.5%,#161c128c 51.5%,#0c1e16eb 51.5%,#3aa4762e)!important;border-color:color-mix(in srgb,rgba(214,172,78,.42) 55%,rgba(76,182,128,.4))!important}.gear-cell.slot-dual.slot-power[data-also=engine]{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,#3aa4762e,#0c1e16eb 48.5%,#1c1a108c 48.5%,#1c1a108c 51.5%,#261d0eeb 51.5%,#c4983a33)!important;border-color:color-mix(in srgb,rgba(76,182,128,.4) 55%,rgba(214,172,78,.42))!important}.gear-cell.filled{border-style:solid;filter:none;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -8px 14px #0006,0 1px 4px #0006}.gear-cell.void{border-style:none;background:transparent;opacity:.16;pointer-events:none;box-shadow:none}.gear-cell.core{box-shadow:inset 0 0 0 1px #fbbf24bf,0 0 8px #fbbf2438,inset 0 0 10px #fbbf241a}.slot-legend{position:sticky;top:0;z-index:4;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;margin:0;padding:5px 8px;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;font-size:.65rem;letter-spacing:.04em;color:#9fb0c8;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 50%),#04080f99;border:1px solid rgba(148,163,184,.16);border-radius:8px;box-shadow:inset 0 1px #ffffff0a;white-space:nowrap}.slot-legend::-webkit-scrollbar{display:none}.slot-legend span{display:inline-flex;align-items:center;gap:6px}.slot-legend .legend-pill{padding:2px 9px 2px 7px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0a101ab8;line-height:1.5;white-space:nowrap}.slot-legend .legend-fire{padding:1px 4px 1px 1px}.slot-legend .legend-fire button{border:none;background:transparent;color:#c4b5fd;font-size:.7rem;letter-spacing:.05em;padding:2px 8px;cursor:pointer}.slot-legend .legend-fire button:hover{color:#ede9fe}.slot-legend i,.slot-legend.mini i{display:inline-block;width:10px;height:10px;border-radius:2px}.slot-legend i.weapon,.slot-legend.mini i.weapon{background:#e85a5a}.slot-legend i.engine,.slot-legend.mini i.engine{background:#e8b84a}.slot-legend i.power,.slot-legend.mini i.power{background:#3ecf8e}.slot-legend i.defense,.slot-legend.mini i.defense{background:#4c8dff}.slot-legend i.universal,.slot-legend.mini i.universal{background:#c5cad3}.slot-legend i.dual,.slot-legend.mini i.dual{position:relative;background:linear-gradient(135deg,#4c8dff8c 0,#4c8dff8c 48.5%,#282830e6 48.5%,#282830e6 51.5%,#3ecf8e73 51.5%,#3ecf8e73);box-shadow:none}.slot-legend i.dual:after,.slot-legend.mini i.dual:after{display:none}.slot-legend .core-mark{color:#fbbf24}.slot-legend.mini{gap:6px;font-size:11px;margin:0 0 6px}.expand-cell-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#04080eb8;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.expand-cell-card{min-width:280px;max-width:min(560px,calc(100vw - 24px));max-height:min(92vh,720px);padding:16px 18px;border-radius:10px;background:#121820;border:1px solid rgba(160,180,210,.35);color:#e8eef8;display:flex;flex-direction:column;gap:4px;overflow:hidden}.expand-cell-card h3{margin:0 0 4px;font-size:18px}.expand-cell-card>p{margin:0 0 8px;font-size:12px;line-height:1.45;color:#a8b4c4}.expand-cell-card.expand-ship-card{width:min(560px,calc(100vw - 24px))}.expand-ship-scroll{display:flex;justify-content:center;align-items:center;overflow:auto;max-height:min(64vh,480px);margin:4px 0 8px;padding:10px;border-radius:8px;background:#080c128c;border:1px solid rgba(120,140,170,.22)}.expand-ship-grid{display:grid;gap:3px;width:max-content;margin:auto}.expand-ship-cell{box-sizing:border-box;border-radius:3px;border:1px solid transparent}.expand-ship-cell.gear-cell{min-width:0;min-height:0}.expand-ship-cell.expand-plus{display:grid;place-items:center;font-size:calc(var(--expand-cell, 28px) * .55);font-weight:700;line-height:1;color:#9ad0ff;background:#28466e59;border:1px dashed rgba(125,211,252,.55);cursor:pointer;-webkit-user-select:none;user-select:none}.expand-ship-cell.expand-plus:hover,.expand-ship-cell.expand-plus:focus-visible{color:#e8f4ff;background:#386eaa80;border-color:#7dd3fc;outline:none}.expand-ship-cell.expand-plus.selected{color:#fff;background:#468cd29e;border-style:solid;border-color:#b8e4ff;box-shadow:0 0 0 1px #7dd3fc73}.expand-color-row{align-items:center;margin:4px 0 8px}.expand-color-tip{font-size:12px;color:#a8b4c4;margin-right:4px}.expand-choice-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.expand-choice-foot button{padding:6px 12px;border-radius:6px;border:1px solid rgba(160,174,192,.35);background:#141c28d9;color:#c5cad3;cursor:pointer}@media(max-width:560px){.expand-choice-foot{flex-direction:column}.expand-choice-foot button{width:100%}.expand-ship-scroll{max-height:min(56vh,400px)}}.expand-cell-slots{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.expand-slot-btn{padding:8px 12px;border-radius:6px;border:1px solid;background:#ffffff0a;color:inherit;cursor:pointer}.detail-craft{display:flex;gap:8px;margin-top:10px}.detail-craft button{flex:1;font-size:12px}.placed-piece.adj-hot{outline:2px solid rgba(255,220,120,.9);box-shadow:0 0 12px #ffc85059}.placed-piece.adj-src{outline:2px solid rgba(120,220,255,.95)}.load-meter{display:grid;gap:0;margin:0;padding:4px 8px;border-radius:4px;border:1px solid rgba(148,163,184,.16);background:#080c14a6;max-width:100%}.hangar-load.load-meter{margin-bottom:0}.load-row{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:center;font-size:.7rem;letter-spacing:.02em;color:#8b9bb3}.load-bar{height:6px;border-radius:999px;background:#04070deb;overflow:hidden;border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 2px #00000080}.load-bar i{display:block;height:100%;border-radius:inherit;background-image:linear-gradient(180deg,rgba(255,255,255,.28),transparent 55%);box-shadow:0 0 8px #ffffff14;transition:width .2s ease}.load-warn{color:var(--danger);font-size:.8rem}.lm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}.lm-head{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;min-height:0;padding:1px 6px;background:none;border:none;border-left:1px solid rgba(148,163,184,.1);cursor:pointer;text-align:left;color:var(--text)}.lm-head:first-child{border-left:none;padding-left:0}.lm-topline{display:flex;align-items:center;justify-content:space-between;gap:6px}.lm-title{font-size:.72rem;font-weight:700;white-space:nowrap}.lm-hint{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;color:#8b9bb3}.lm-caret{color:#8b9bb3;font-size:.7rem}.lm-badge{display:inline-block;margin-left:4px;padding:0 5px;border-radius:999px;font-size:.64rem;font-weight:700;line-height:1.35;border:1px solid rgba(148,163,184,.25)}.lm-badge.ok{color:#3ecf8e;border-color:#3ecf8e73}.lm-badge.warn{color:var(--danger);border-color:var(--danger)}.lm-badge.idle{color:#8b9bb3}.lm-status{font-size:.7rem}.lm-status.ok{color:var(--muted)}.lm-status.warn{color:var(--danger)}.lm-body{display:grid;gap:3px;padding:2px 0 3px}.lm-body-full{grid-column:1 / -1;border-top:1px solid rgba(148,163,184,.1);margin-top:3px;padding-top:5px}.lm-body[hidden],.lm-detail[hidden]{display:none!important}.lm-detail{display:grid;gap:1px;font-size:.7rem;line-height:1.4;color:#8b9bb3}.lm-muted{color:var(--muted)}@media(max-width:900px){.lm-cols{grid-template-columns:minmax(0,1fr)}.lm-head{border-left:none;border-top:1px solid rgba(148,163,184,.1);padding-left:0}.lm-head:first-child{border-top:none}}.frame-card{width:min(820px,100%)}.frame-list{display:grid;gap:10px;margin-bottom:12px;max-height:min(62vh,640px);overflow:auto}.meta-bank{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--line));border-radius:10px;background:#f0b4290f}.meta-bank strong{color:var(--accent-2);letter-spacing:.04em}.meta-bank span{color:var(--muted);font-size:.82rem}.frame-option{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;padding:12px;width:100%}.frame-option.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.frame-meta{display:flex;flex-direction:column;gap:4px}.frame-meta span,.frame-meta small{color:var(--muted);font-size:.85rem;line-height:1.35}.frame-mini{display:grid;gap:2px;padding:6px;border-radius:8px;background:#0b1020;border:1px solid var(--line)}.frame-mini .on,.frame-mini .core,.frame-mini .off{width:var(--mini-cell, 10px);height:var(--mini-cell, 10px);border-radius:2px}.frame-mini .on,.frame-mini .core{background:var(--accent)}.frame-mini .core{background:var(--accent-2)}.frame-mini .off{opacity:.15;background:#3a465c}.gear-cell.preview-ok{outline:2px solid color-mix(in srgb,var(--accent) 85%,white);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 18%,#0b1020)}.gear-cell.preview-bad{outline:2px solid var(--danger);outline-offset:-2px;background:color-mix(in srgb,var(--danger) 16%,#0b1020)}.placed-piece{position:absolute;pointer-events:auto;cursor:grab;z-index:2;--mod: #94a3b8;line-height:0;box-sizing:border-box;overflow:visible;border-radius:9px;transition:transform .12s ease,filter .12s ease;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.placed-piece svg{display:block;overflow:visible;pointer-events:none;border-radius:9px}.placed-piece:hover{transform:translateY(-1px);filter:brightness(1.08)}.placed-piece.dragging{opacity:.35}.placed-piece.selected{filter:brightness(1.06) drop-shadow(0 0 6px rgba(61,214,198,.35));outline:1.5px solid rgba(125,240,226,.9);outline-offset:0;border-radius:9px}.place-ghost{position:absolute;z-index:5;opacity:.8;border-radius:9px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 45%,transparent));line-height:0}.place-ghost.bad{opacity:.5;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--danger) 45%,transparent))}.place-ghost svg{display:block;width:100%;height:100%}.drag-float{position:fixed;left:0;top:0;z-index:900;pointer-events:none;line-height:0;opacity:.92;border-radius:9px;will-change:transform;transform:translate3d(-9999px,-9999px,0);contain:layout style;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}body.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}body.is-dragging *{cursor:grabbing!important;touch-action:none!important}.hangar-rail.drop-unequip{outline:2px dashed color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:-2px}body.drag-will-unequip .hangar-rail{outline:2px dashed color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 8%,transparent)}body.drag-will-unequip .gear-grid{box-shadow:inset 0 1px #ffffff0f,inset 0 0 32px #0006,0 0 0 1px #0006;opacity:.92}.inv-item,.placed-piece{touch-action:none}.inv-shape{width:48px;min-height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:2px;background:#060a10b3;border:1px solid rgba(148,163,184,.14);padding:3px}.inv-shape svg{max-width:44px;max-height:40px;display:block}.item-detail{flex:1 1 auto;min-height:0;overflow:auto;margin:0 10px;border:1px solid rgba(148,163,184,.16);border-radius:6px;background:#080c14eb;padding:12px 12px 14px;box-shadow:inset 0 1px #ffffff0a;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.item-detail.empty{display:grid;place-items:center;text-align:center;color:var(--muted)}.detail-empty small{opacity:.75}.detail-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:8px}.detail-head-text{min-width:0;display:flex;flex-direction:column;gap:2px}.detail-face{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px;color:#0b1020;background:linear-gradient(145deg,color-mix(in srgb,var(--mod) 85%,white),var(--mod));box-shadow:inset 0 0 0 1px #ffffff40}.detail-face .mod-glyph{width:30px;height:30px;max-width:none;max-height:none}.detail-title{font-family:var(--display);font-size:.98rem;font-weight:600;letter-spacing:.04em;line-height:1.25}.detail-highlight{font-size:.84rem;font-weight:600;letter-spacing:.02em}.detail-sub{color:var(--muted);font-size:.72rem;letter-spacing:.04em}.detail-tags{margin-top:4px;color:var(--muted);font-size:.8rem}.detail-traits{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 8px}.detail-traits span{padding:2px 7px;border-radius:3px;font-size:.68rem;letter-spacing:.04em;color:#c5d0e0;background:#141c2ae6;border:1px solid rgba(148,163,184,.22)}.detail-desc{margin:0 0 10px;color:#9aa8bd;line-height:1.4;font-size:.78rem}.detail-stats{display:grid;gap:0;border-top:1px solid rgba(148,163,184,.16)}.detail-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(148,163,184,.12);border-radius:0;background:transparent;border-left:none;border-right:none;border-top:none;font-size:.84rem;box-shadow:none}.detail-stat span{color:#8b9bb3;letter-spacing:.02em}.detail-stat b{color:#f0b429;font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px}.detail-stat.tone-slot b{color:#e8eef8}.detail-stat.tone-bonus b{color:#3ecf8e}.detail-stat.tone-warn b{color:#f07178}.detail-size-map{display:inline-grid;grid-template-columns:repeat(var(--cols, 1),11px);grid-template-rows:repeat(var(--rows, 1),11px);gap:2px;vertical-align:middle}.detail-size-map i{display:block;width:11px;height:11px;border-radius:2px;background:var(--slot, #94a3b8);box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1px #00000059}.inventory-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:8px 6px 10px;scrollbar-gutter:stable;touch-action:pan-y;overscroll-behavior:contain}.inventory-list::-webkit-scrollbar{width:5px}.inventory-list::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.inventory-list::-webkit-scrollbar-track{background:#0003;border-radius:999px}.inv-item{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.12);border-left:3px solid var(--rar, rgba(148, 163, 184, .35));background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 46%),#0c121ec7;cursor:grab;flex-shrink:0;touch-action:pan-y;box-shadow:inset 0 1px #ffffff0a;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease}.inv-item:hover{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 46%),#162030e6;border-color:#94a3b842;box-shadow:var(--shadow-s),inset 0 1px #ffffff0f}.inv-item.active{border-color:color-mix(in srgb,var(--accent) 52%,rgba(148,163,184,.3));border-left-color:var(--accent);background:linear-gradient(180deg,rgba(61,214,198,.1),transparent 55%),#102026e6;box-shadow:0 0 14px #3dd6c629,inset 0 1px #ffffff0f}.inv-item .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.inv-item .meta strong{font-size:.86rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-item .meta strong{color:var(--text-hi)}.inv-item .meta small{color:#93a3bd;line-height:1.35;font-size:.74rem}.inv-item.rarity-common{--rar: #d7dde8}.inv-item.rarity-uncommon{--rar: #9be15d}.inv-item.rarity-rare{--rar: #8bb7ff}.inv-item.rarity-epic{--rar: #ffc857;box-shadow:0 0 14px #ffc85724,inset 0 1px #ffffff0d}.inv-item.dragging{opacity:.55}.inv-tag{color:var(--muted);white-space:nowrap}.shape-preview{position:relative;display:grid;gap:2px;padding:4px;border-radius:8px;background:#0b1020;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.shape-preview-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#0b1020;pointer-events:none}.shape-preview-glyph .mod-glyph{width:14px;height:14px;max-width:none;max-height:none;opacity:.85}.shape-preview .on{border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff40}.shape-preview .off{border-radius:3px;background:transparent}.row-actions,.body-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.body-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px}.stat b{color:var(--accent-2)}button.ghost{background:transparent;border-color:color-mix(in srgb,var(--line) 80%,transparent);color:var(--muted)}button.ghost:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.app-title .topbar-actions,.app-title #hud{visibility:hidden;pointer-events:none}.app-title #game-root{visibility:hidden;opacity:0;pointer-events:none}.app-play .topbar{justify-content:flex-end;background:transparent;border-bottom:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:calc(var(--safe-top) + 6px) var(--safe-right) 0 0;pointer-events:none;z-index:12}.app-play .brand-wrap,.app-play #hud{display:none!important}.app-play .topbar-actions{pointer-events:auto;gap:6px;padding:6px;border-radius:12px;background:#060a1280;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-play .topbar-actions button{padding:5px 9px;font-size:.72rem;font-weight:600;letter-spacing:.04em;border-radius:8px;background:#121a28b8;box-shadow:none}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;overflow:hidden;background:#070b14}.title-screen.hidden{display:none}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 520px at 18% 12%,rgba(61,214,198,.14),transparent 55%),radial-gradient(700px 480px at 88% 18%,rgba(40,70,110,.16),transparent 52%),radial-gradient(600px 360px at 50% 100%,rgba(20,90,110,.16),transparent 55%),linear-gradient(180deg,#070b14,#05080f 55%,#04060c);pointer-events:none}.title-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;animation:title-drift 14s ease-in-out infinite alternate}.title-orb-a{width:280px;height:280px;left:8%;top:18%;background:radial-gradient(circle,rgba(61,214,198,.45),transparent 70%)}.title-orb-b{width:360px;height:360px;right:6%;bottom:8%;background:radial-gradient(circle,rgba(56,120,170,.32),transparent 70%);animation-delay:-4s;animation-duration:18s}.title-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(61,214,198,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,214,198,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%);opacity:.7}.title-panel{position:relative;z-index:1;width:min(600px,100%);text-align:center;padding:38px 30px 30px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(145deg,rgba(61,214,198,.08),transparent 42%),linear-gradient(180deg,#1a253af0,#0a0e18f5);box-shadow:0 0 0 1px #0000004d,0 24px 80px #00000080,inset 0 1px #ffffff14;animation:title-rise .7s ease-out both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.title-eyebrow{margin:0 0 10px;font-family:var(--display);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.title-brand{margin:0;font-family:var(--display);font-weight:700;font-size:var(--font-size-hero);letter-spacing:var(--tracking-brand);line-height:1.15;color:var(--text-hi);text-transform:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}.title-tagline{margin:14px auto 0;max-width:28em;color:var(--muted);font-size:1.05rem;line-height:1.5}.title-auth{margin:22px auto 0;width:min(100%,380px);text-align:left;padding:14px;border-radius:12px;border:1px solid var(--line);background:#080c148c}.title-auth-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;margin-bottom:10px;font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.title-auth-head small{font-family:var(--sans, inherit);letter-spacing:0;text-transform:none;color:var(--muted);font-size:.78rem}.title-auth-form,.title-auth-session{display:grid;gap:8px}.title-auth-form input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#04080eb3;color:var(--text)}.title-auth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.title-auth-captcha{display:flex;align-items:center;gap:10px}.title-auth-captcha input{flex:1;min-width:0}.title-auth-captcha-img{width:132px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:#f1f5f9;cursor:pointer;object-fit:cover}.title-auth-error{color:#ff8e8e;font-size:.86rem}.title-auth-user{display:flex;align-items:baseline;gap:8px}.title-auth-user em{color:var(--muted);font-style:normal;font-size:.9rem}.admin-modal,#modal-daily{z-index:50}#modal-daily .intermission-card{width:min(420px,94vw);max-height:min(88vh,640px);overflow:auto}#modal-daily .modal-sub:empty{display:none}.daily-panel{margin:0}.daily-brief{display:grid;gap:10px}.daily-brief-block{display:grid;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#0c1522}.daily-brief-mod{border-color:color-mix(in srgb,#f0b429 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#f0b429 10%,transparent),transparent 55%),#0c1522}.daily-brief-load{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.daily-brief-label{font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.daily-brief-title{font-size:1.05rem;color:var(--text);font-weight:700}.daily-brief-desc{font-style:normal;font-size:.82rem;line-height:1.4;color:var(--muted)}.daily-brief-gift{margin-top:4px;font-size:.78rem;color:#ffd97a}.admin-modal .admin-card{width:min(960px,96vw);max-height:min(88vh,900px);overflow:auto}.admin-panel{display:grid;gap:14px}.admin-sec-title{font-family:var(--display);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.admin-create{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#080c1473}.admin-create input,.admin-create select,.admin-meta-editor input{padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:#04080eb3;color:var(--text)}.admin-user-list{display:grid;gap:8px}.admin-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#080c1466;scroll-margin:12px}.admin-user-select{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;cursor:pointer}.admin-user-select input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.admin-user-select input:disabled{cursor:not-allowed;opacity:.4}.admin-batch-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#080c1473}.admin-select-all{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:var(--muted);font-size:.86rem;cursor:pointer}.admin-select-all input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.admin-batch-count{color:var(--accent);font-size:.82rem;font-variant-numeric:tabular-nums}.admin-batch-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-batch-status{flex:1 1 220px;min-width:0;color:var(--muted);font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}.admin-batch-status[data-tone=busy]{color:var(--accent)}@media(max-width:560px){.admin-batch-actions{flex:1 1 100%}}@media(pointer:coarse){.admin-user-select,.admin-select-all{min-width:40px;min-height:40px}.admin-user-select input,.admin-select-all input{width:20px;height:20px}}.admin-batch-actions button:disabled{opacity:.45;cursor:not-allowed}.admin-user-row.disabled{opacity:.65}.admin-user-main{display:grid;gap:2px}.admin-user-main em,.admin-user-main span,.admin-user-main small{color:var(--muted);font-style:normal}.admin-user-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.admin-meta-editor{display:grid;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:10px;background:#040a128c}.admin-meta-nums{display:flex;flex-wrap:wrap;gap:10px}.admin-field{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.admin-frame-grid,.admin-talent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 10px;font-size:.86rem}.admin-frame-grid label,.admin-talent-grid label{display:flex;align-items:center;gap:6px}.admin-msg{color:var(--accent);font-size:.9rem;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#08140e8c;scroll-margin:12px}.admin-msg-inline{margin:2px 0 8px;border-style:dashed}.admin-meta-status{min-height:1.2em;font-size:.86rem;color:var(--muted)}.admin-meta-status[data-tone=saving]{color:var(--muted)}.admin-meta-status[data-tone=error]{color:#f07178}.admin-user-row.initial-admin{border-color:var(--accent)}.admin-user-actions button:disabled{opacity:.45;cursor:not-allowed}.admin-loading{color:var(--muted)}.title-profiles{margin:22px auto 0;width:min(100%,360px);text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);background:#080c148c}.title-profile-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;margin-bottom:8px;font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.title-profile-head small{font-family:var(--sans, inherit);letter-spacing:0;text-transform:none;color:var(--muted);font-size:.78rem}.title-profile-list{display:grid;gap:6px;max-height:140px;overflow:auto}.title-profile-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch}.title-profile-select{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:8px 10px}.title-profile-row.active .title-profile-select{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.title-profile-select em{font-style:normal;font-size:.72rem;color:var(--accent-2)}.title-profile-del{padding:0 10px;min-width:40px}.title-profile-create{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.title-profile-create input{min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#00000047;color:var(--text)}.hub-ship-locked{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0e1522}.hub-ship-locked strong{display:block}.hub-ship-locked small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.4}.title-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.title-build-tag{margin-top:14px;text-align:center;font-size:.72rem;letter-spacing:.08em;color:var(--muted);opacity:.75}.title-cta{min-width:168px;padding:12px 22px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.92rem;animation:title-pulse 2.8s ease-in-out infinite}.title-dev{position:absolute;right:10px;bottom:8px;margin:0;padding:2px 8px;font-size:.68rem;letter-spacing:.06em;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;opacity:.45}.title-dev:hover{opacity:.9;border-color:var(--line);color:var(--text)}.dev-bar{position:absolute;top:calc(var(--safe-top) + 48px);left:var(--safe-left);right:var(--safe-right);z-index:13;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-m);background:#0a0e16e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-bar.hidden{display:none!important}.dev-bar-label{font-size:.72rem;color:var(--muted);letter-spacing:.08em;margin-right:4px}.dev-bar button{padding:4px 8px;font-size:.75rem;border-radius:6px}.pause-card{width:min(520px,100%)}.pause-actions{flex-direction:column}.pause-actions button{width:100%;justify-content:center}.danger-text{color:#fecaca!important;border-color:color-mix(in srgb,var(--danger) 40%,var(--line))!important}.title-help{display:grid;gap:8px;margin:18px auto 0;max-width:320px;text-align:left;color:var(--muted);font-size:.92rem;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#080c16a6}.title-help.hidden{display:none}.title-help kbd{display:inline-block;min-width:4.5em;margin-right:8px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--accent);font-family:var(--display);font-size:.75rem;letter-spacing:.04em;text-align:center}.title-foot{margin:22px 0 0;color:color-mix(in srgb,var(--muted) 80%,transparent);font-size:.82rem;letter-spacing:.06em}@keyframes title-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes title-drift{0%{transform:translate(0) scale(1)}to{transform:translate(24px,-18px) scale(1.08)}}@keyframes title-pulse{0%,to{box-shadow:0 0 #3dd6c626}50%{box-shadow:0 0 24px 2px #3dd6c647}}@media(prefers-reduced-motion:reduce){.title-orb,.title-panel,.title-cta{animation:none}.hub-card.hub-enter,.hub-stagger,.hub-panel-in,.hub-enter{animation:none!important}}.load-ok{color:var(--muted);font-size:.8rem}.frame-option.locked{opacity:.75;border-style:dashed}.hidden{display:none!important}.placed-piece.rarity-common{box-shadow:0 0 0 1px #d7dde880,0 3px 10px #00000073;border-radius:9px}.placed-piece.rarity-uncommon{box-shadow:0 0 0 1px #9be15d8c,0 0 10px #9be15d2e,0 3px 10px #00000073;border-radius:9px}.placed-piece.rarity-rare{box-shadow:0 0 0 1px #8bb7ffa6,0 0 12px #8bb7ff47,0 3px 10px #00000073;border-radius:9px}.placed-piece.rarity-epic{box-shadow:0 0 0 1px #ffc857b3,0 0 14px #ffc85759,0 3px 12px #00000080;border-radius:9px}.frame-switch{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;width:100%;padding:10px 12px}.frame-switch span{color:var(--muted);font-size:.82rem}.frame-switch:disabled{opacity:.45;cursor:not-allowed}.loadout-modal{z-index:30}.hub-card{position:relative;width:min(980px,100%);max-height:min(92vh,880px);overflow:auto;padding:20px 20px 16px;border-color:color-mix(in srgb,var(--accent-2) 26%,var(--line));background:linear-gradient(160deg,rgba(240,180,41,.07),transparent 32%),linear-gradient(145deg,rgba(61,214,198,.08),transparent 40%),linear-gradient(180deg,#18263a,#0d1522 68%,#090f18);box-shadow:var(--shadow-l),inset 0 1px #ffffff0f}.hub-wizard[data-stage=shop]{width:min(1040px,100%)}.hub-card.hub-enter{animation:hub-card-enter .42s ease-out}@keyframes hub-card-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.hub-frame{pointer-events:none;position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:12px;opacity:.55;background:linear-gradient(var(--accent-2),var(--accent-2)) top left / 18px 1px no-repeat,linear-gradient(var(--accent-2),var(--accent-2)) top left / 1px 18px no-repeat,linear-gradient(var(--accent-2),var(--accent-2)) top right / 18px 1px no-repeat,linear-gradient(var(--accent-2),var(--accent-2)) top right / 1px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 18px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 1px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / 18px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / 1px 18px no-repeat}.hub-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.35) 3px,transparent 4px)}.hub-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}.hub-brand h2{margin:0;font-family:var(--display);letter-spacing:.16em;font-size:1.12rem;color:var(--text-hi);text-shadow:0 0 18px rgba(61,214,198,.28)}.hub-eyebrow{display:block;font-family:var(--display);font-size:.6rem;letter-spacing:.24em;color:var(--accent)}.hub-brand-sub{margin:1px 0 0;color:var(--muted);font-size:.74rem;letter-spacing:.04em}.hub-steps{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.hub-step{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:#080c14a6;color:var(--muted-2);font-size:.72rem;letter-spacing:.04em;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.hub-step-num{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:.68rem;font-weight:700;color:#081018;background:#4a5a72}.hub-step.is-current{color:var(--text-hi);border-color:color-mix(in srgb,var(--accent-2) 55%,var(--line));background:color-mix(in srgb,var(--accent-2) 12%,transparent);box-shadow:0 0 16px #f0b4292e}.hub-step.is-current .hub-step-num{background:linear-gradient(180deg,var(--accent-2-hi),var(--accent-2))}.hub-step.is-done{color:var(--accent-hi);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.hub-step.is-done .hub-step-num{background:var(--accent);color:#041016}.hub-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:10px}@media(max-width:720px){.hub-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}.hub-stat{display:flex;flex-direction:column;gap:1px;min-width:0;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 50%),#0e1624}.hub-stat-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.hub-stat-value{color:var(--text-hi);font-size:.86rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-stat-value b{color:var(--accent-2);font-weight:700}.hub-stat-salvage{border-color:color-mix(in srgb,var(--accent-2) 42%,var(--line));background:linear-gradient(135deg,rgba(240,180,41,.16),transparent 55%),#16130e;min-width:0}.hub-stat-salvage .hub-gain{display:inline-block;margin-right:6px;color:var(--accent-2-hi);font-family:var(--display);font-size:1rem;letter-spacing:.04em;text-shadow:0 0 12px rgba(240,180,41,.45)}.hub-salvage-bank{color:var(--muted);font-size:.8rem}@keyframes hub-gain-pop{0%{transform:translateY(6px) scale(.86);opacity:0}60%{transform:translateY(-2px) scale(1.08);opacity:1}to{transform:none;opacity:1}}.hub-stage{position:relative;min-height:0}.hub-panel{width:100%}.hub-panel.hub-panel-in{animation:hub-panel-in .32s ease-out}@keyframes hub-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hub-sec{position:relative;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),#0e1522;min-width:0;transition:opacity .22s ease,border-color .22s ease,box-shadow .22s ease}.hub-sec:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:14px 0 0 14px;background:var(--hub-sec-accent, var(--line));opacity:.9}.hub-sec-route{--hub-sec-accent: #6ec8ff}.hub-sec-event{--hub-sec-accent: #c084fc}.hub-sec-shop,.hub-sec-ready{--hub-sec-accent: var(--accent-2)}.hub-sec.is-active{border-color:color-mix(in srgb,var(--hub-sec-accent) 50%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--hub-sec-accent) 22%,transparent),0 14px 36px #00000047}.hub-sec-head{margin-bottom:8px}.hub-sec-head-lg .hub-sec-title{font-size:1rem}.hub-sec-kicker{font-family:var(--display);font-size:.62rem;letter-spacing:.2em;color:color-mix(in srgb,var(--hub-sec-accent) 80%,white);margin-bottom:2px}.hub-sec-title{color:var(--text-hi);font-size:.98rem;letter-spacing:.04em;font-weight:600}.hub-sec-sub,.hub-sec-label{margin:2px 0 0;color:var(--muted);font-size:.74rem;line-height:1.35}.hub-sec-label{margin:0 0 6px;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;color:var(--muted-2)}.hub-branch-picks-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#refit-picks.hub-branch-picks-wide{grid-template-rows:auto auto;grid-auto-flow:column}@media(max-width:720px){.hub-branch-picks-wide{grid-template-columns:1fr}#refit-picks.hub-branch-picks-wide{grid-template-rows:none;grid-auto-flow:row}}.hub-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;min-height:min(56vh,520px)}@media(max-width:720px){.hub-shop-grid{grid-template-columns:1fr;min-height:0}}.hub-ready-recap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.hub-recap-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--route-tone, var(--line)) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--route-tone, transparent) 12%,transparent),transparent 55%),#121a28}.hub-recap-card[data-kind=clear]{--route-tone: #6ec8ff}.hub-recap-card[data-kind=event]{--route-tone: #c084fc}.hub-recap-card[data-kind=rest]{--route-tone: #5eead4}.hub-recap-card[data-kind=shop]{--route-tone: #f0b429}.hub-recap-card[data-kind=elite]{--route-tone: #f07178}.hub-recap-card[data-kind=boss]{--route-tone: #ffc857}.hub-recap-chip{border-color:color-mix(in srgb,var(--hub-tone, var(--accent)) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--hub-tone, var(--accent)) 14%,transparent),transparent 55%),#121a28}.hub-recap-event{--route-tone: #c084fc}.hub-recap-shop{--route-tone: #f0b429}.hub-recap-kicker{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.hub-recap-card strong{color:var(--text-hi);font-size:.98rem}.hub-recap-card span{color:var(--muted);font-size:.82rem;line-height:1.4}.hub-recap-card span b{color:var(--accent-2-hi)}.hub-fork{position:relative;height:18px;margin:0 0 8px;opacity:.85}.hub-fork-here{position:absolute;left:50%;top:0;width:9px;height:9px;border-radius:50%;transform:translate(-50%);background:var(--accent);box-shadow:0 0 12px #3dd6c6bf}.hub-fork-stem{position:absolute;left:50%;top:9px;width:1px;height:5px;transform:translate(-50%);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent-2) 55%,var(--line)))}.hub-fork-y{position:absolute;left:12%;right:12%;top:13px;height:6px}.hub-fork-arm{position:absolute;top:0;width:50%;height:1px;background:color-mix(in srgb,var(--accent-2) 55%,var(--line))}.hub-fork-arm:after{content:"";position:absolute;bottom:-4px;width:1px;height:5px;background:color-mix(in srgb,var(--accent-2) 55%,var(--line))}.hub-fork-arm-l{left:0;transform-origin:right center}.hub-fork-arm-l:after{left:0}.hub-fork-arm-r{right:0;transform-origin:left center}.hub-fork-arm-r:after{right:0}.hub-branch-picks,.hub-event-picks{display:grid;gap:10px}.hub-stagger{animation:hub-stagger-in .38s ease-out both;animation-delay:calc(var(--stagger, 0) * 55ms)}@keyframes hub-stagger-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hub-route-card{position:relative;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;text-align:left;width:100%;padding:10px 10px 9px;margin:0;border-radius:14px;border:1px solid color-mix(in srgb,var(--route-tone, var(--line)) 42%,var(--line));background:radial-gradient(120px 60px at 10% 0%,color-mix(in srgb,var(--route-tone, transparent) 18%,transparent),transparent 70%),linear-gradient(180deg,#172536,#101926);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .2s ease,filter .2s ease}.hub-route-card:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--route-tone, var(--accent)) 70%,var(--line))}.hub-route-card.active{border-color:color-mix(in srgb,var(--route-tone, var(--accent)) 82%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--route-tone, var(--accent)) 48%,transparent),0 12px 30px #0000005c}.hub-route-card.discarded{opacity:.4;filter:grayscale(.35)}.hub-route-card.active:after{content:"已选定";position:absolute;top:8px;right:8px;font-size:.66rem;letter-spacing:.06em;color:var(--route-tone, var(--accent));border:1px solid color-mix(in srgb,var(--route-tone, var(--accent)) 45%,transparent);border-radius:999px;padding:1px 7px;background:#080e16e6}.hub-route-badge{position:absolute;top:-7px;left:12px;z-index:1;min-width:22px;height:18px;padding:0 6px;display:grid;place-items:center;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#081018;background:var(--route-tone, var(--accent-2));box-shadow:0 2px 8px #00000059}.hub-route-card[data-kind=clear]{--route-tone: #6ec8ff}.hub-route-card[data-kind=event]{--route-tone: #c084fc}.hub-route-card[data-kind=rest]{--route-tone: #5eead4}.hub-route-card[data-kind=shop]{--route-tone: #f0b429}.hub-route-card[data-kind=elite]{--route-tone: #f07178}.hub-route-card[data-kind=boss]{--route-tone: #ffc857}.hub-route-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--route-tone) 55%,var(--line));background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--route-tone) 30%,transparent),transparent 65%),color-mix(in srgb,var(--route-tone) 12%,#0a1220);color:var(--route-tone);box-shadow:0 0 16px color-mix(in srgb,var(--route-tone) 22%,transparent)}.hub-route-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hub-route-body{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:52px;padding-top:0}.hub-route-card strong{color:var(--text-hi);font-size:.94rem}.hub-route-card em{font-style:normal;font-size:.7rem;letter-spacing:.04em;color:var(--route-tone, var(--accent-2))}.hub-route-body>span{color:var(--muted);font-size:.78rem;line-height:1.35}.hub-route-body>span b{color:var(--accent-2-hi)}.hub-route-body>span.refit-cost{color:#fca5a5}.hub-route-body>small{min-height:1.05em;color:var(--muted-2);font-size:.72rem;line-height:1.3}.hub-next-card{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px dashed var(--line);border-radius:10px}.hub-next-card span{color:var(--muted);font-size:.85rem}.hub-next-card small{color:var(--muted);font-size:.78rem}.hub-done{color:var(--accent);font-size:.88rem;padding:10px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}.hub-ship-row{display:grid;gap:8px}.hub-ship-opt.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hub-ship-preview{margin-top:8px;font-size:.85rem}.hub-ship-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:6px}.hub-ship-cols small{display:block;color:var(--muted);font-size:.75rem}.hub-ship-arrow{color:var(--muted)}.hub-ship-diff{color:var(--text);line-height:1.5;margin-bottom:8px}.hub-ship-diff b{color:var(--accent-2)}.hub-ship-act{display:flex;align-items:center;justify-content:space-between;gap:8px}.hub-ship-msg{color:var(--accent);font-size:.82rem;margin-top:6px}.hub-extra-sec{margin-bottom:10px}.hub-extra-sec:last-child{margin-bottom:0}.hub-event-text{color:var(--text);font-size:.9rem;line-height:1.5;margin:0 0 10px}.hub-shop-bank{margin-bottom:10px;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--line));background:#f0b42914;font-size:.85rem}.hub-shop-bank b{color:var(--accent-2)}.hub-shop-block{margin-top:10px;display:flex;flex-direction:column;min-height:0;min-width:0}.hub-shop-block>.hub-sec-label{flex:0 0 auto}.hub-shop-block>.hub-ship-row,.hub-shop-block>.hub-shop-sell-pane{flex:1 1 auto;min-height:min(52vh,480px);max-height:min(58vh,560px)}.hub-shop-block>.hub-ship-row{overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.hub-shop-sell-pane{display:flex;flex-direction:column;min-height:0;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#080c1473;overflow:hidden}.hub-shop-sell-pin{border-radius:0;border-bottom:1px solid rgba(148,163,184,.12)}.hub-sec-hint{margin-left:6px;font-size:.72rem;font-weight:400;letter-spacing:.02em;color:var(--muted-2);text-transform:none}.hub-shop-sell-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:6px;scrollbar-gutter:stable}.hub-shop-sell-list::-webkit-scrollbar,.hub-shop-block>.hub-ship-row::-webkit-scrollbar{width:5px}.hub-shop-sell-list::-webkit-scrollbar-thumb,.hub-shop-block>.hub-ship-row::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.hub-shop-sell-list .hub-sell-cat{margin:0 0 6px}.hub-sell-item{width:100%;cursor:pointer;text-align:left;font:inherit;color:inherit}.hub-sell-item:hover{border-color:color-mix(in srgb,var(--accent-2) 45%,rgba(148,163,184,.26))}.hub-sell-price{flex-shrink:0;font-family:var(--display);font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--accent-2);letter-spacing:.02em;padding:0 2px}.hub-shop-item small{color:var(--accent-2);font-size:.78rem}.hub-shop-item:disabled{opacity:.45;cursor:not-allowed}.hub-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))}.hub-status{flex:1;min-width:180px;color:var(--muted);font-size:.78rem;line-height:1.35}.hub-status.is-ready{color:var(--accent-hi)}.hub-status.is-blocked{color:var(--accent-2-hi)}.hub-action-btns{display:flex;flex-wrap:wrap;gap:8px}.hub-launch:disabled{opacity:.42;filter:grayscale(.25)}.hub-launch:not(:disabled){animation:hub-launch-pulse 1.6s ease-in-out infinite}@keyframes hub-launch-pulse{0%,to{box-shadow:var(--shadow-s),0 0 16px #3dd6c638,inset 0 1px #ffffff1f}50%{box-shadow:var(--shadow-m),0 0 28px #3dd6c666,inset 0 1px #ffffff24}}.hub-card-slim{width:min(560px,100%);max-height:min(84vh,720px)}.hub-sec-solo{border:1px solid var(--line);border-radius:12px;padding:12px;background:#0e1522;margin-bottom:12px}.lobby-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:stretch;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#070b14}.lobby-screen.hidden{display:none!important}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.lobby-shell{position:relative;z-index:1;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;width:min(1280px,100%);height:100%;max-height:100%;margin:0 auto;padding:10px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(145deg,rgba(61,214,198,.06),transparent 40%),linear-gradient(180deg,#121a28f0,#080c14f5);box-shadow:0 24px 80px #00000080;overflow:hidden}.lobby-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.lobby-identity{line-height:1.15}.lobby-top-actions{display:flex;align-items:center;gap:6px}.lobby-top-actions .ghost{padding:6px 10px;font-size:.8rem;border-radius:8px}.lobby-eyebrow{display:block;font-family:var(--display);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.lobby-identity h2{margin:0;font-family:var(--display);letter-spacing:.08em;font-size:1.05rem}.lobby-bank{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--line));background:#f0b4290f}.lobby-bank strong{color:var(--accent-2);font-size:1rem;line-height:1.2}.lobby-bank span,.lobby-bank em{color:var(--muted);font-style:normal;font-size:.75rem}.lobby-nav{display:flex;flex-wrap:wrap;gap:6px}.lobby-tab{padding:6px 12px;font-size:.85rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted)}.lobby-tab.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 12%,transparent)}.lobby-body{display:grid;grid-template-columns:minmax(0,1fr) min(340px,34%);gap:10px;min-height:0;height:100%;overflow:hidden;align-items:stretch}.lobby-body>*{min-height:0;max-height:100%;overflow:hidden}@media(max-width:860px){.lobby-body{grid-template-columns:1fr;overflow:auto;height:auto}.lobby-body>*{max-height:none;overflow:visible}.lobby-panel.is-ships{overflow:visible}.lobby-ships{overflow:visible;height:auto}.lobby-ship-grid{overflow:visible}.lobby-deploy{position:sticky;bottom:0;z-index:2;max-height:min(58vh,480px);overflow:hidden;box-shadow:0 -12px 28px #00000059}}.lobby-panel{min-height:0;overflow:auto;padding-right:4px}.lobby-panel:has(.lobby-play){display:flex;flex-direction:column;height:100%;overflow:hidden;padding-right:0}.lobby-panel:has(.lobby-play)>.lobby-play{flex:1 1 auto;min-height:0}.lobby-panel.is-ships{overflow:hidden;display:flex;flex-direction:column;height:100%}.lobby-panel.is-ships>.lobby-ships{flex:1 1 0;min-height:0}.lobby-ships{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1 1 0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.lobby-ships-toolbar{position:sticky;top:0;z-index:2;flex-shrink:0;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:#080e18f5;overflow-x:auto;scrollbar-width:none}.lobby-ships-toolbar::-webkit-scrollbar{display:none}.lobby-ship-filters{display:flex;flex-wrap:nowrap;gap:4px;flex-shrink:0}.lobby-filter-chip{padding:3px 8px;flex-shrink:0;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.72rem;letter-spacing:.02em;cursor:pointer}.lobby-filter-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.lobby-filter-chip.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 14%,transparent)}.lobby-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:12px}.lobby-intro span{color:var(--muted);font-size:.88rem}.lobby-ship-list{display:grid;gap:10px}.lobby-ship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;flex:0 0 auto;width:100%;height:auto;min-height:0;overflow:visible;padding-right:2px;padding-bottom:10px;align-content:start;justify-items:stretch}.lobby-ship-grid>.lobby-ship-card{min-width:0;max-width:100%;width:100%;height:auto;box-sizing:border-box;justify-self:stretch}@media(max-width:720px){.lobby-ship-grid{grid-template-columns:minmax(0,1fr)}}.lobby-ship-empty{grid-column:1 / -1;padding:28px 12px;text-align:center;color:var(--muted);font-size:.88rem;border:1px dashed rgba(148,163,184,.22);border-radius:10px}.lobby-ship-card{position:relative;display:flex!important;flex-direction:column;gap:8px;padding:12px;cursor:pointer;width:100%;max-width:100%;min-width:0;height:auto;align-items:stretch;box-sizing:border-box;overflow:hidden;border-radius:14px}.lobby-ship-card.locked{cursor:pointer}.lobby-ship-card .frame-meta{gap:6px;flex:1 1 auto;min-width:0;width:100%;min-height:0}.lobby-ship-card .fleet-card-actions{flex:0 0 auto;margin-top:auto}.lobby-ship-card.in-fleet:not(.active){border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.lobby-ship-card.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.lobby-ship-card.is-flagship{border-color:color-mix(in srgb,var(--accent) 78%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 32%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 55%),inherit}.lobby-ship-card.is-flagship.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 48%,transparent)}.lobby-ship-badge.flag{font-weight:700;background:color-mix(in srgb,var(--accent) 22%,rgba(12,18,28,.92))}.lobby-ship-preview{container-type:size;display:grid;place-items:center;flex:0 0 auto;width:100%;max-width:100%;min-width:0;padding:10px;border-radius:10px;background:#060a12b3;border:1px solid rgba(148,163,184,.12);overflow:hidden;box-sizing:border-box}.lobby-ship-preview.hull-escort{height:118px;min-height:118px}.lobby-ship-preview.hull-destroyer{height:140px;min-height:140px}.lobby-ship-preview.hull-cruiser{height:164px;min-height:164px}.lobby-ship-preview.hull-battleship{height:196px;min-height:196px}.lobby-ship-preview .frame-mini.lobby-fit{--ar: var(--mini-ar, 1);width:min(100cqw,calc(100cqh * var(--ar)));height:min(100cqh,calc(100cqw / var(--ar)));max-width:100%;max-height:100%;margin:0;padding:5px;gap:2px;transform:none;flex-shrink:0;box-sizing:border-box}.lobby-ship-preview .frame-mini.lobby-fit .on,.lobby-ship-preview .frame-mini.lobby-fit .core,.lobby-ship-preview .frame-mini.lobby-fit .off{width:auto;height:auto;min-width:0;min-height:0}.lobby-ship-badge{position:absolute;top:12px;right:12px;z-index:1;padding:2px 8px;border-radius:999px;font-size:.68rem;letter-spacing:.06em;background:#0c121ceb;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}.lobby-ship-badge.wing{border-color:color-mix(in srgb,#fb7185 45%,var(--line));color:#fda4af}.lobby-ship-title{display:flex;align-items:center;gap:8px;padding-right:48px}.lobby-ship-title strong{font-size:1.05rem}.lobby-ship-blurb{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--muted, #8b9bb3);line-height:1.35}.lobby-role-tag{display:inline-block!important;width:fit-content;max-width:100%;margin:0!important;padding:2px 8px!important;white-space:nowrap;color:#cbd5e1!important;background:#94a3b81a!important;border:1px solid rgba(148,163,184,.28);font-weight:500;font-size:.78rem;letter-spacing:.04em}.lobby-slot-dots{display:flex;flex-wrap:wrap;gap:5px}.lobby-slot-dot{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;height:1.35rem;padding:0 5px;border-radius:5px;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;color:#f8fafc;background:color-mix(in srgb,var(--dot, #64748b) 55%,#0b1220);border:1px solid color-mix(in srgb,var(--dot, #64748b) 70%,transparent)}.lobby-slot-dot.dodge{color:#cbd5e1;background:#94a3b81f;border-color:#94a3b847;font-weight:500}.lobby-ship-blurb,.lobby-unlock-note{color:#94a3b8;font-size:.78rem;line-height:1.35}.fleet-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.lobby-ship-card .hangar-chip{padding:6px 12px;font-size:.8rem}.hangar-chip-primary{background:color-mix(in srgb,var(--accent) 18%,rgba(12,18,28,.9));border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:#e6fffb}.hangar-chip-primary:hover:not(:disabled){border-color:var(--accent);color:#fff}.hangar-chip-accent{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent)}.hangar-chip:disabled{opacity:.45;cursor:not-allowed}.lobby-deploy{display:flex;flex-direction:column;gap:10px;padding:0;border:none;background:transparent;align-self:stretch;min-height:0;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.lobby-ready{display:flex;flex-direction:column;gap:8px;flex:none;overflow:visible;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#0c1320}.lobby-quick{flex:none;display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#0c1320}.lobby-quick:empty{display:none}.lobby-deploy-footer{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#080c1466,#080c14f2),#0c1320}.lobby-deploy-btn,.lobby-deploy-hint,.lobby-dev{flex-shrink:0}.lobby-deploy-btn{width:100%;min-height:44px;font-size:1rem;letter-spacing:.08em}.lobby-deploy-hint{margin:0;color:#94a3b8;font-size:.72rem;line-height:1.35}.lobby-advanced{margin-top:6px;border-top:1px solid var(--line);padding-top:8px}.lobby-advanced>summary{cursor:pointer;color:var(--muted);font-size:.72rem;list-style:none}.lobby-advanced>summary::-webkit-details-marker{display:none}.lobby-advanced[open]>summary{margin-bottom:8px;color:var(--text)}.lobby-play{display:flex;flex-direction:column;min-height:0;height:100%;padding:4px 2px 8px}.lobby-play-deck{position:relative;display:grid;grid-template-columns:minmax(220px,.92fr) minmax(280px,1.15fr);gap:0;flex:1 1 auto;min-height:min(58vh,520px);border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(ellipse 55% 50% at 22% 40%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),radial-gradient(ellipse 40% 35% at 88% 12%,color-mix(in srgb,#f0c36a 8%,transparent),transparent 65%),linear-gradient(145deg,#121a2c,#0a101c 48%,#080e18);overflow:hidden;box-shadow:inset 0 1px #7df0e214,0 18px 40px #00000047}.lobby-play-deck-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.lobby-play-deck-glow{position:absolute;inset:10% 8% auto 4%;height:48%;background:radial-gradient(ellipse,color-mix(in srgb,#7df0e2 16%,transparent),transparent 72%)}.lobby-play-deck-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(color-mix(in srgb,var(--accent) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 40%,transparent) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 28% 45%,#000 15%,transparent 78%);mask-image:radial-gradient(ellipse 75% 70% at 28% 45%,#000 15%,transparent 78%)}.lobby-play-deck-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 11px,rgba(125,240,226,.025) 11px 12px);opacity:.55;animation:lobby-play-scan 10s linear infinite}@keyframes lobby-play-scan{0%{transform:translateY(0)}to{transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){.lobby-play-deck-scan{animation:none}}.lobby-play-bay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 18px 24px;border-right:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:linear-gradient(180deg,#080e1826,#060a1273)}.lobby-play-bay-stage{position:relative;z-index:1;width:min(100%,300px);aspect-ratio:1.08;container-type:size;display:grid;place-items:center;padding:18px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(125,240,226,.08),transparent 70%),#060a129e;box-shadow:inset 0 0 0 1px #7df0e20a}.lobby-play-bay-stage .frame-mini.lobby-fit{--ar: var(--mini-ar, 1);width:min(100cqw,calc(100cqh * var(--ar)));height:min(100cqh,calc(100cqw / var(--ar)));max-width:100%;max-height:100%;margin:0;padding:5px;gap:2px;display:grid;transform:none;box-sizing:border-box}.lobby-play-bay-stage .frame-mini.lobby-fit .on,.lobby-play-bay-stage .frame-mini.lobby-fit .core,.lobby-play-bay-stage .frame-mini.lobby-fit .off{width:auto;height:auto;min-width:0;min-height:0}.lobby-play-bay-meta{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;text-align:center}.lobby-play-bay-tag{font-size:.68rem;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.lobby-play-bay-meta strong{font-size:1.35rem;letter-spacing:.04em}.lobby-play-brief{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 20px 20px;min-width:0;overflow:auto}.lobby-play-deck-slim .lobby-play-brief{gap:18px;justify-content:center}.lobby-play-deck-slim .lobby-play-meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lobby-play-deck-slim .lobby-play-meter{padding:14px 12px}.lobby-play-deck-slim .lobby-play-meter b{font-size:1.35rem}.lobby-play-deck-slim .lobby-play-asc{padding:14px}.lobby-play-deck-slim .lobby-play-asc em{font-size:.86rem}.lobby-play-brief-head{display:grid;gap:4px}.lobby-play-kicker{margin:0;font-family:Orbitron,sans-serif;letter-spacing:.16em;font-size:.72rem;color:var(--accent, #3dd6c6)}.lobby-play-brief h3{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.02em}.lobby-play-meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lobby-play-meter{display:grid;gap:2px;padding:10px 8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:#080e18b8;text-align:center}.lobby-play-meter span{font-size:.68rem;letter-spacing:.06em;color:#94a3b8}.lobby-play-meter b{font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.1}.lobby-play-meter small{margin-left:2px;font-size:.68rem;font-weight:500;color:#94a3b8}.lobby-play-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lobby-play-fact{display:grid;gap:4px;padding:10px 10px 9px;border-radius:12px;border:1px solid var(--line);background:#0c1320e0}.lobby-play-fact-k{font-size:.66rem;letter-spacing:.08em;color:var(--accent)}.lobby-play-fact strong{font-size:.92rem;font-variant-numeric:tabular-nums;color:var(--text)}.lobby-play-slots{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:#060a1273}.lobby-play-slots-k{font-size:.68rem;letter-spacing:.08em;color:#94a3b8}.lobby-play-passive,.lobby-play-asc,.lobby-play-brief .lobby-ship-starter{display:grid;gap:3px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:#060a1280}.lobby-play-passive span,.lobby-play-asc span,.lobby-play-brief .lobby-ship-starter b{font-size:.72rem;letter-spacing:.04em;color:var(--accent);font-weight:600}.lobby-play-passive em,.lobby-play-asc em,.lobby-play-brief .lobby-ship-starter span{font-style:normal;font-size:.78rem;line-height:1.45;color:#cbd5e1}@media(max-width:1100px){.lobby-play-facts,.lobby-play-meters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.lobby-play{min-height:0;height:auto}.lobby-play-deck{grid-template-columns:1fr;min-height:0}.lobby-play-bay{border-right:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));padding:20px 16px 16px}.lobby-play-bay-stage{width:min(100%,240px)}.lobby-play-brief{padding:16px}}.lobby-ready-brief{display:grid;gap:8px}.lobby-ready-eyebrow{font-size:.68rem;letter-spacing:.14em;color:var(--accent)}.lobby-ready-brief-top{display:grid;gap:2px}.lobby-ready-brief-top strong{font-size:1.05rem}.lobby-ready-points{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.8rem;line-height:1.55}.lobby-ready-points b{color:var(--text)}.lobby-resume-block{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lobby-daily-card{width:100%}.lobby-resume-block+.lobby-daily-card{margin-top:2px;padding-top:10px;border-top:1px solid color-mix(in srgb,#f0b429 22%,var(--line))}.lobby-daily-main{width:100%;display:grid;gap:3px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,#f0b429 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#f0b429 14%,transparent),#0c1320 58%);color:inherit;cursor:pointer}.lobby-daily-kicker{font-size:.72rem;letter-spacing:.06em;color:#ffd97a}.lobby-daily-main strong{font-size:.95rem}.lobby-daily-main em{font-style:normal;font-size:.74rem;color:var(--muted);line-height:1.35}.hub-rest-lead{margin:0 0 10px;color:var(--muted);font-size:.84rem}.hub-rest-pick-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:min(28vh,220px)}.hub-rest-choice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:168px;padding:18px 14px;border-radius:14px;border:1px solid var(--line);background:#0c1522;color:inherit;cursor:pointer;text-align:center}.hub-rest-choice-card.tone-heal{border-color:color-mix(in srgb,#5eead4 45%,var(--line));background:radial-gradient(ellipse 70% 50% at 50% 28%,color-mix(in srgb,#5eead4 12%,transparent),transparent 70%),#0c1522}.hub-rest-choice-card.tone-gear{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:radial-gradient(ellipse 70% 50% at 50% 28%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),#0c1522}.hub-rest-choice-card:hover{filter:brightness(1.06)}.hub-rest-choice-card:disabled{opacity:.55;cursor:not-allowed;filter:none}.hub-rest-choice-card.tone-heal:hover{border-color:#5eead4;box-shadow:0 0 0 1px color-mix(in srgb,#5eead4 28%,transparent)}.hub-rest-choice-card.tone-gear:hover{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.hub-rest-choice-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,#5eead4 14%,transparent);color:#5eead4}.hub-rest-choice-card.tone-gear .hub-rest-choice-ico{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.hub-rest-choice-ico svg{width:22px;height:22px}.hub-rest-choice-title{font-size:1.05rem;font-weight:700}.hub-rest-choice-value{font-family:Orbitron,sans-serif;font-size:1.35rem;letter-spacing:.04em;color:#5eead4}.hub-rest-choice-card.tone-gear .hub-rest-choice-value{color:var(--accent)}.hub-rest-choice-desc{max-width:14rem;font-size:.76rem;color:var(--muted);line-height:1.4}.hub-rest-gear-panel{display:flex;flex-direction:column;gap:8px;min-height:min(36vh,320px)}.hub-rest-gear-panel.hidden{display:none}.hub-rest-list{min-height:min(32vh,280px);max-height:min(52vh,480px);overflow:auto;padding-top:4px}.hub-rest-gear-card{position:relative;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;padding:12px 12px 11px}.hub-rest-gear-hint{display:block;margin-top:2px;font-size:.7rem;color:var(--muted-2, #6b7c94)}.hub-rest-gear-badge{flex:0 0 auto;margin-left:auto;padding:3px 8px;border-radius:999px;font-size:.68rem;letter-spacing:.06em;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.hub-rest-gear-badge.tone-up{border-color:color-mix(in srgb,#f0b429 45%,var(--line));color:#ffd97a;background:color-mix(in srgb,#f0b429 12%,transparent)}@media(max-width:720px){.hub-rest-pick-row{grid-template-columns:1fr;min-height:0}.hub-rest-choice-card{min-height:132px}}.codex-frame-list{display:flex;flex-direction:column;gap:8px}.codex-frame-tier{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#0c1320}.codex-frame-tier>summary{cursor:pointer;font-weight:600}.codex-frame-grid{display:flex;flex-direction:column;gap:6px;margin-top:8px}.codex-frame-row{display:grid;grid-template-columns:5.5rem 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:#ffffff08}.codex-frame-row.locked{opacity:.75}.codex-frame-row strong{font-size:.85rem}.codex-frame-row span{font-size:.75rem;color:var(--muted)}.codex-frame-row em{font-style:normal;font-size:.72rem;color:var(--accent, #3dd6c6)}.codex-frame-row small{grid-column:1 / -1;color:var(--muted);font-size:.72rem}.lobby-seed-row{display:flex;gap:6px;align-items:center}.lobby-seed-row input{flex:1;min-width:0;background:#0b1020;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 8px;font-size:.75rem}.lobby-ready-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;align-items:center}.lobby-ready-fleet-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0;font-size:.82rem;color:#cbd5e1;min-height:24px}.lobby-ready-fleet-head>span:first-child{flex-shrink:0}.lobby-ready-summary{display:grid;gap:6px}.lobby-route{display:grid;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--sector, var(--accent)) 40%,var(--line));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--sector, var(--accent)) 18%,transparent),transparent 60%),#080e18e6}.lobby-route-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;letter-spacing:.06em;color:var(--muted)}.lobby-route-reroll{font-size:.72rem;padding:3px 8px}.lobby-route-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.route-node{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:9px;border:1px solid color-mix(in srgb,var(--sector, var(--accent)) 45%,var(--line));background:color-mix(in srgb,var(--sector, var(--accent)) 12%,transparent)}.route-node-act{font-style:normal;font-size:.68rem;color:var(--sector, var(--accent));border:1px solid color-mix(in srgb,var(--sector, var(--accent)) 55%,var(--line));border-radius:999px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.route-node-body{display:flex;flex-direction:column;line-height:1.15}.route-node-body b{font-size:.8rem}.route-node-body small{color:var(--muted);font-size:.66rem}.route-arrow{font-style:normal;color:var(--muted);font-size:.7rem}.lobby-route-asc{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem}.lobby-route-asc b{color:var(--accent-2)}.lobby-route-asc-btns{display:inline-flex;gap:4px}.lobby-route-hint,.lobby-route-desc{display:block;color:#94a3b8;font-size:.72rem;line-height:1.4;max-width:100%;white-space:normal;word-break:break-word}.lobby-ready-summary small{color:#94a3b8;font-size:.75rem}.lobby-ready-summary b{color:var(--accent-2);font-weight:600}.lobby-ready strong{display:block}.lobby-ready small,.lobby-ready-empty{color:var(--muted);font-size:.8rem;line-height:1.4}.lobby-ready .frame-role{display:block;font-style:normal;color:#94a3b8;font-size:.78rem}.lobby-ready .lobby-slot-dots{margin-top:-2px}.fleet-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.hangar-fleet-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fleet-member-tab.active{border-color:#38bdf8;color:#e0f2fe}.load-meter{position:relative;overflow:hidden}.load-meter-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#e8b84a,#f59e0b);opacity:.35}.load-meter-fill.energy{background:linear-gradient(90deg,#3ecf8e,#38bdf8)}.load-meter>span{position:relative;z-index:1;font-size:.72rem;color:#cbd5e1}.load-meter.warn{border-color:#fb71858c}.hangar-load-note{margin:0 0 8px;font-size:.7rem;color:#94a3b8}.lobby-deploy-btn{width:100%;padding:12px 16px;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase}.lobby-deploy-hint{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.lobby-dev{margin-top:4px;align-self:flex-end;padding:2px 8px;font-size:.68rem;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;opacity:.5}.lobby-dev:hover{opacity:.95;border-color:var(--line);color:var(--text)}.lobby-bay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.lobby-bay-card{padding:14px;border-radius:12px;border:1px dashed var(--line);background:#0003}.lobby-bay-card strong{display:block;margin-bottom:6px}.lobby-bay-card small{color:var(--muted);font-size:.8rem}html,body{overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#game-root,#game-root canvas{touch-action:none}.touch-controls,.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));pointer-events:none}.touch-controls.hidden{display:none!important}.stick-zone{position:relative;width:min(48vw,360px);height:min(52dvh,280px);pointer-events:auto}.stick-base{position:absolute;left:80px;top:58%;width:132px;height:132px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:radial-gradient(circle,#3dd6c61f,#080c1494);box-shadow:0 8px 30px #00000073,inset 0 1px #ffffff0f;opacity:.92}.stick-base.active{opacity:1;border-color:color-mix(in srgb,var(--accent) 75%,white);box-shadow:0 0 24px #3dd6c640,inset 0 1px #ffffff14}.stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:linear-gradient(180deg,#33415a,#1c2536);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line))}.touch-buttons{display:flex;align-items:flex-end;gap:16px;pointer-events:auto;padding-bottom:12px;padding-right:4px}.touch-btn{position:relative;display:grid;place-items:center;width:76px;height:76px;min-width:76px;min-height:76px;border-radius:50%;font-weight:650;letter-spacing:.08em;padding:0;font-size:.82rem;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.14),transparent 42%),linear-gradient(165deg,#2a3548,#141c2a 55%,#0c121c);box-shadow:0 10px 28px #0000006b,inset 0 1px #ffffff1a,inset 0 -10px 18px #00000047;color:var(--text-hi);transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease}.touch-btn-ring{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:inherit;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #00000040;pointer-events:none;z-index:0}.touch-btn-label{position:relative;z-index:1;font-family:var(--display);text-shadow:0 1px 2px rgba(0,0,0,.45)}.touch-btn.held{transform:scale(.94);border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 0 22px #3dd6c652,inset 0 1px #ffffff24}.touch-dodge{color:#e8eef8}.touch-dodge.held{border-color:color-mix(in srgb,#7dd3fc 65%,white);box-shadow:0 0 0 1px #7dd3fc47,0 0 20px #38bdf847,inset 0 1px #ffffff1f}.touch-fire-cluster{--fire-size: 96px;position:relative;width:var(--fire-size);height:var(--fire-size);min-width:var(--fire-size);min-height:var(--fire-size);border-radius:50%;display:grid;grid-template-columns:1fr;overflow:hidden;box-shadow:0 12px 32px #00000073,0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.touch-fire-cluster.split{grid-template-columns:1fr 1fr}.touch-fire-cluster .touch-btn{width:100%;height:100%;min-width:0;min-height:0;border-radius:0;box-shadow:none;margin:0}.touch-fire-cluster .touch-btn[hidden]{display:none!important}.touch-fire-cluster:not(.split) .touch-fire{border-radius:50%}.touch-fire-cluster.split .touch-fire{border-right:1px solid rgba(8,14,22,.55)}.touch-fire-cluster.split .touch-groupb{border-left:1px solid rgba(255,255,255,.06)}.touch-fire{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:radial-gradient(circle at 32% 26%,rgba(180,255,240,.22),transparent 46%),linear-gradient(165deg,#2f6b64,#1a4541 48%,#102e2c);color:#d9fff8}.touch-groupb{border-color:color-mix(in srgb,var(--accent-2) 50%,var(--line));background:radial-gradient(circle at 68% 26%,rgba(255,236,180,.2),transparent 46%),linear-gradient(165deg,#6a5228,#3d3018 48%,#241c10);color:#ffe9b8;font-size:.9rem}.touch-fire-cluster.split .touch-btn-label{font-size:.95rem;letter-spacing:.12em}.touch-groupb.held{border-color:color-mix(in srgb,var(--accent-2) 75%,white);box-shadow:0 0 0 1px #fbbf2447,0 0 18px #fbbf2447,inset 0 1px #ffffff1f}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));background:radial-gradient(ellipse at 50% 30%,rgba(61,214,198,.12),transparent 55%),#04080ef5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rotate-gate.hidden{display:none!important}.rotate-gate-card{width:min(420px,100%);text-align:center;padding:28px 22px 22px;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--accent-2) 40%,var(--line));background:linear-gradient(160deg,rgba(240,180,41,.1),transparent 40%),linear-gradient(180deg,#1a2436,#0c1220);box-shadow:var(--shadow-l)}.rotate-gate-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;font-size:1.8rem;color:#0b1020;background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 8px 24px #fbbf2459;animation:rotate-gate-spin 2.4s ease-in-out infinite}@keyframes rotate-gate-spin{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}.rotate-gate-card h2{margin:0 0 10px;font-family:var(--display);letter-spacing:.12em;font-size:1.35rem;color:var(--text-hi)}.rotate-gate-card p{margin:0 0 18px;color:var(--muted);font-size:.95rem;line-height:1.55}.rotate-gate-card .primary{width:100%;min-height:48px}body.is-fullscreen #app,body.pseudo-fullscreen #app{min-height:100dvh;height:100dvh;width:100%}body.pseudo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}body.portrait-blocked{overflow:hidden}body.portrait-blocked #app,body.portrait-blocked .title-screen,body.portrait-blocked .lobby-screen,body.portrait-blocked .modal,body.portrait-blocked .expand-cell-picker,body.portrait-blocked .drag-float{pointer-events:none;-webkit-user-select:none;user-select:none}body.portrait-blocked #rotate-gate,body.portrait-blocked #rotate-gate *{pointer-events:auto;-webkit-user-select:auto;user-select:auto}body.is-fullscreen #game-root,body.pseudo-fullscreen #game-root,:fullscreen #game-root{width:100%;max-width:none;margin:0;aspect-ratio:auto;height:100%;border-radius:0}:fullscreen #app{min-height:100dvh;background:#050814}@media(pointer:coarse){button,.lobby-tab,.inv-item{min-height:44px}.app-play .topbar-actions button,.dev-bar button{min-height:0}.topbar{padding:var(--safe-top) max(12px,var(--safe-right)) 8px max(12px,var(--safe-left));gap:8px}.app-play .topbar{justify-content:flex-end;background:transparent;border-bottom:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:calc(var(--safe-top) + 6px) var(--safe-right) 0 0}.brand-sub,.hangar-keys{display:none}#hud-hint{display:block;max-width:min(70vw,520px);font-size:.72rem;padding:4px 10px}.topbar-actions button{padding:10px 12px;font-size:.86rem}.app-play .topbar-actions button{padding:5px 9px;font-size:.72rem}#game-root{width:100%;height:100%}.gear-cell{position:relative;touch-action:manipulation}.gear-cell:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.inv-item{padding:10px 8px}.hangar-workspace{touch-action:pan-y}.gear-grid,.gear-overlays{touch-action:manipulation}.modal{padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) max(10px,var(--safe-bottom)) max(10px,var(--safe-left))}.modal-card,.hub-card,.pause-card,.intermission-card,.settings-card,.admin-card{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);overflow:auto;-webkit-overflow-scrolling:touch}.title-screen{padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));overflow:auto;align-content:center}.title-panel{padding:26px 18px 20px;max-height:none}.lobby-screen{padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left))}.lobby-shell{padding:12px 10px;border-radius:14px}.lobby-tab{min-height:40px;padding:8px 12px}.lobby-deploy-btn,.title-cta,#btn-enter-lobby{min-height:48px}.loadout-modal.modal{padding:0}.hangar-bay.loadout-card{padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left))}}@media(pointer:coarse)and (orientation:landscape){#game-root{height:100%;aspect-ratio:auto}#hud{padding:4px max(12px,var(--safe-right)) 8px max(12px,var(--safe-left));font-size:.8rem}.topbar{padding:max(6px,var(--safe-top)) max(10px,var(--safe-right)) 4px max(10px,var(--safe-left))}.app-play .topbar{padding:calc(var(--safe-top) + 4px) max(8px,var(--safe-right)) 0 0}.brand{font-size:.95rem}.title-screen{padding:max(8px,var(--safe-top)) max(12px,var(--safe-right)) max(8px,var(--safe-bottom)) max(12px,var(--safe-left))}.title-panel{width:min(640px,100%);padding:16px 20px 14px}.title-brand{font-size:clamp(1.6rem,4.2vw,2.4rem)}.title-tagline{margin-top:8px;font-size:.92rem}.title-auth{margin-top:12px;padding:10px}.title-orb-a,.title-orb-b{opacity:.35}.lobby-shell{gap:6px;padding:8px 10px}.lobby-identity h2{font-size:1rem}.lobby-bank{padding:4px 10px}.lobby-nav{gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lobby-nav::-webkit-scrollbar{display:none}.lobby-tab{flex:0 0 auto;padding:6px 12px;min-height:36px;font-size:.86rem}.lobby-body{grid-template-columns:minmax(0,1fr) min(280px,36%);gap:10px;height:100%;overflow:hidden}.lobby-body>*{max-height:100%;overflow:hidden}.lobby-panel{overflow:auto}.lobby-panel.is-ships{overflow:hidden;height:100%}.lobby-ships{overflow-x:hidden;overflow-y:auto;height:100%;flex:1 1 0}.lobby-ships-toolbar{flex-wrap:nowrap;gap:6px;padding:4px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lobby-ships-toolbar::-webkit-scrollbar{display:none}.lobby-ship-filters{flex-wrap:nowrap;flex-shrink:0}.lobby-filter-chip{flex-shrink:0;padding:3px 8px;min-height:0}.lobby-ship-grid{flex:0 0 auto;overflow:visible}.lobby-deploy{position:static;max-height:none;overflow:auto;box-shadow:none}.lobby-deploy-btn{min-height:44px}.hub-card,.pause-card,.intermission-card,.settings-card,.admin-card,.frame-card{width:min(960px,100%);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);padding:12px 14px 10px}.hub-head{margin-bottom:8px;padding-bottom:8px}.hub-brand h2{font-size:1.1rem}.hub-summary{margin-bottom:8px}.hub-stat{padding:6px 8px}.hub-stat-label{font-size:.62rem}.hub-stat-value{font-size:.76rem}.hub-stat-salvage .hub-gain{font-size:.9rem}.hub-status{min-width:0;flex-basis:100%}.hub-actions{gap:6px;margin-top:8px;padding-top:6px}.hub-action-btns{width:100%;justify-content:flex-end}.hub-action-btns button{min-height:40px}.hangar-top{grid-template-columns:minmax(120px,1fr) auto;gap:6px 12px;padding:6px 10px 4px}.hangar-hint-bar{padding:0 10px 2px;font-size:.68rem}.hangar-chip,.hangar-exit{min-height:40px;padding:5px 10px;font-size:.78rem}.hangar-workspace{grid-template-columns:minmax(0,1fr) minmax(240px,32%);grid-template-rows:none}.hangar-workspace.rail-empty{grid-template-columns:minmax(0,1.4fr) minmax(120px,18%)}.hangar-workspace.rail-empty .cargo-empty{padding:14px 6px}.hangar-stats{position:static;top:auto;left:auto;width:auto;max-width:none;max-height:44%;margin:6px 10px 0;flex:0 0 auto;font-size:.78rem}.hangar-stats-toggle{min-height:40px}.hangar-stats-body{max-height:30dvh}.hangar-viewport:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(3,6,12,.7))}.rail-head{padding:8px 10px 6px}.modal-card{padding:14px}.stick-zone{width:min(42vw,300px);height:min(58dvh,240px)}.stick-base{width:118px;height:118px}.touch-btn{width:68px;height:68px;min-width:68px;min-height:68px}.touch-fire-cluster{--fire-size: 88px}}@media(pointer:coarse)and (orientation:landscape)and (min-width:900px)and (min-height:600px){.lobby-body{grid-template-columns:minmax(0,1fr) min(320px,34%);gap:12px}.hangar-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,34%)}.hangar-top{padding:8px 14px 6px}.stick-zone{width:min(36vw,340px);height:min(50dvh,280px)}.stick-base{width:128px;height:128px}.touch-btn{width:74px;height:74px;min-width:74px;min-height:74px}.touch-fire-cluster{--fire-size: 96px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:480px){.lobby-eyebrow,.lobby-deploy-hint,.lobby-seed-row{display:none}.hangar-workspace{grid-template-columns:minmax(0,1.2fr) minmax(220px,34%)}.hangar-top{padding:4px 8px 2px}.hangar-eyebrow{display:none}#hangar-ship-name{font-size:.95rem}.hangar-hint-bar{display:none}.title-eyebrow{margin-bottom:4px}.title-tagline{display:none}.hub-steps{gap:4px;margin-bottom:6px}.hub-frame{display:none}.touch-controls{padding:0 max(10px,var(--safe-right)) max(8px,var(--safe-bottom)) max(10px,var(--safe-left))}.stick-zone{width:min(36vw,220px);height:min(46dvh,168px)}.stick-base{width:96px;height:96px}.stick-knob{width:44px;height:44px;margin:-22px 0 0 -22px}.touch-buttons{gap:10px;padding-bottom:4px}.touch-btn{width:54px;height:54px;min-width:54px;min-height:54px;font-size:.74rem}.touch-fire-cluster{--fire-size: 70px}.app-play .topbar-actions{gap:4px;padding:4px}.app-play .topbar-actions button{padding:4px 7px;font-size:.68rem}}@media(prefers-reduced-motion:reduce){.rotate-gate-icon{animation:none}}.boot-error{max-width:min(90vw,420px);text-align:center;color:#fca5a5;font-size:.95rem;letter-spacing:normal;text-indent:0;line-height:1.6;padding:16px}.boot-error small{color:#8b9bb3;font-size:.75rem;letter-spacing:normal;word-break:break-word}.hub-stat-seed .hub-seed-btn,.seed-copy-btn{font:inherit;padding:2px 8px;border-radius:6px;border:1px dashed rgba(148,163,184,.4);background:#080c14b3;color:#7df0e2;cursor:pointer}.hub-route-card.picked{border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.hub-pick-slim{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:8px 10px;padding:12px 12px 11px}.hub-pick-slim .hub-route-ico{width:36px;height:36px;grid-column:1;grid-row:1}.hub-pick-slim .hub-route-body{grid-column:2;grid-row:1;min-width:0;padding-right:8px}.hub-pick-slim .hub-pick-nodes{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;grid-column:1 / -1}.hub-pick-slim .hub-pick-arrow,.hub-path-arrow,.hub-path-or{color:var(--muted-2);font-size:.85rem;opacity:.75}.hub-pick-slim .hub-pick-line,.hub-pick-slim .hub-pick-detail{display:block;min-width:0;max-width:100%;font-size:.82rem;color:#cbd5e1;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-branch-card.hub-pick-slim>.hub-pick-line{grid-column:1 / -1}.hub-pick-slim .hub-pick-line b,.hub-pick-slim .hub-pick-detail b{color:#f8fafc;font-weight:700}.hub-pick-toggle{display:none}.hub-branch-card.hub-pick-slim{grid-template-columns:minmax(0,1fr)}.hub-node-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px 4px 4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--route-tone, var(--line)) 40%,var(--line));background:color-mix(in srgb,var(--route-tone, #6ec8ff) 12%,#0a1220)}.hub-node-chip[data-kind=clear]{--route-tone: #6ec8ff}.hub-node-chip[data-kind=event]{--route-tone: #c084fc}.hub-node-chip[data-kind=rest]{--route-tone: #5eead4}.hub-node-chip[data-kind=shop],.hub-node-chip[data-kind=forge]{--route-tone: #f0b429}.hub-node-chip[data-kind=elite],.hub-node-chip[data-kind=treasure]{--route-tone: #f07178}.hub-node-chip[data-kind=boss],.hub-node-chip[data-kind=swarm]{--route-tone: #ffc857}.hub-node-glyph{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:.68rem;font-weight:700;color:#081018;background:var(--route-tone, var(--accent-2))}.hub-node-name{font-size:.86rem;font-weight:600;color:#e8eef7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9.5em}.hub-path-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 12px;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:#080e1673}.hub-path-strip:empty{display:none}.hub-path-fork{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.hub-path-node.is-here .hub-node-chip{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.hub-event-text-compact{max-height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;color:var(--muted);margin:0 0 10px}.hub-summary-slim{margin-bottom:8px}.hub-shop-bank{display:flex;align-items:center;gap:10px}.hub-reroll-btn{padding:4px 10px;font-size:.78rem}.lobby-discover-hint{font-size:.75rem;color:var(--muted);padding:6px 2px 0}.lobby-ship-passive{display:grid;gap:2px;margin-top:6px;padding:6px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:.72rem;line-height:1.4}.lobby-ship-passive b{color:var(--accent);font-weight:600}.lobby-ship-passive span{color:var(--muted)}.lobby-ship-starter{display:grid;gap:2px;margin-top:6px;padding:6px 8px;border-radius:8px;border:1px dashed color-mix(in srgb,#7dd3fc 40%,var(--line));background:color-mix(in srgb,#7dd3fc 6%,transparent);font-size:.72rem;line-height:1.4}.lobby-ship-starter b{color:#7dd3fc;font-weight:600}.lobby-ship-starter span{color:var(--muted)}.lobby-ship-tune{margin-top:6px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#080c148c;outline:none}.lobby-ship-tune.tuned{border-color:color-mix(in srgb,var(--accent) 35%,rgba(148,163,184,.18))}.lobby-ship-tune.maxed{border-color:color-mix(in srgb,#fbbf24 45%,var(--line));background:linear-gradient(180deg,#fbbf2414,#080c148c 60%)}.lobby-ship-tune:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.tune-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;font-size:.74rem;line-height:1.35}.tune-head{color:var(--muted);letter-spacing:.08em;font-size:.7rem}.tune-pips{display:inline-flex;gap:3px}.tune-pips i{width:14px;height:4px;border-radius:999px;background:#94a3b840}.tune-pips i.on{background:var(--accent)}.tune-pips i.next{background:#fbbf24b3;animation:tune-next-pulse 1.6s ease-in-out infinite}@keyframes tune-next-pulse{0%,to{opacity:1}50%{opacity:.45}}.tune-lv{color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap}.tune-bonus{flex:1 1 90px;min-width:0;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tune-info{padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:transparent;color:var(--muted);font-size:.7rem;cursor:pointer}.tune-info:hover{color:#fff;border-color:var(--accent)}.tune-max{padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#451a03;background:linear-gradient(160deg,#fde68a,#f59e0b)}.tune-summary .tune-up{padding:4px 10px!important;font-size:.72rem!important}.tune-pop{display:none;border-top:1px dashed rgba(148,163,184,.22);padding:7px 8px 8px}.lobby-ship-tune.open .tune-pop{display:block}.tune-pop-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.68rem;color:var(--muted)}.tune-pop-total{color:#fcd34d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.tune-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.tune-steps li{display:flex;align-items:baseline;gap:8px;padding:5px 7px;border-radius:6px;border:1px solid transparent;font-size:.74rem;line-height:1.35}.tune-steps li.done{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.tune-steps li.next{background:#fbbf2414;border-color:#fbbf2466}.tune-steps li.locked{opacity:.62}.tune-step-lv{flex:none;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem}.tune-steps li.done .tune-step-lv{color:var(--accent)}.tune-steps li.next .tune-step-lv{color:#fbbf24}.tune-step-main{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:2px 6px}.tune-step-main b{color:#f1f5f9;font-weight:600}.tune-step-main span{color:var(--muted)}.tune-step-state{flex:none;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}.tune-steps li.done .tune-step-state{color:var(--accent)}.tune-steps li.next .tune-step-state{color:#fcd34d}.lobby-extra-runs{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.lobby-daily-btn{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.lobby-resume-btn{flex:1 1 100%;justify-content:center;font-size:.82rem;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.lobby-resume-drop{flex:0 0 auto;font-size:.72rem;opacity:.75}.lobby-score-tabs{display:flex;gap:8px;margin:8px 0}.score-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:min(52vh,460px);overflow-y:auto}.score-row{display:flex;align-items:baseline;gap:8px;padding:6px 10px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#080c1499;font-size:.82rem}.score-row.win{border-color:color-mix(in srgb,var(--accent-2) 45%,var(--line))}.score-rank{color:var(--muted);min-width:36px}.score-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-codex .codex-group h4{margin:12px 0 6px;font-size:.85rem;letter-spacing:.06em}.codex-grid{display:flex;flex-wrap:wrap;gap:6px}.codex-chip{font-size:.72rem;padding:3px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.2);color:var(--muted-2)}.codex-chip.seen{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:#3dd6c614}.codex-bp-list{display:grid;gap:6px}.codex-bp-row{display:flex;align-items:baseline;gap:8px;padding:6px 10px;border:1px solid rgba(148,163,184,.16);border-radius:8px}.codex-bp-row.owned{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.codex-bp-row small{flex:1;color:var(--muted)}.result-blueprint{border:1px solid color-mix(in srgb,var(--accent-2) 55%,var(--line));border-radius:8px;padding:6px 8px;background:#f0b42914}.result-upload-row{display:flex;align-items:center;gap:8px;margin-top:10px}.result-upload-tip{color:var(--muted)}.topbar-actions{position:relative}.volume-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;gap:8px;min-width:220px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#080c14f5;box-shadow:var(--shadow-m)}.volume-panel label{display:grid;grid-template-columns:40px 1fr 30px;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}.volume-panel input[type=range]{width:100%}#modal-settings{z-index:60}.settings-card{width:min(560px,100%);max-height:min(84dvh,720px);overflow-y:auto}.settings-groups{display:grid;gap:14px;margin-top:12px}.settings-group{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#080c168c}.settings-group h3{margin:0 0 8px;font-size:.85rem;letter-spacing:.12em;color:var(--text-hi)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:.88rem;color:var(--muted)}.settings-row+.settings-row{border-top:1px dashed color-mix(in srgb,var(--line) 70%,transparent)}.settings-row input[type=range]{flex:1;min-width:120px}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.settings-row select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.settings-hint{margin:8px 0 0;font-size:.78rem;color:var(--muted)}