:root{--abyss: #020811;--ink: #010509;--deep-navy: #04182e;--surface-0: #030c18;--surface-1: #06172b;--surface-2: #0a2340;--hud-glass: rgba(3, 14, 29, .88);--cyan: #53e0f7;--cyan-bright: #9df2ff;--aqua: #2ef2c0;--hp: #2ef2a0;--special: #ffc247;--amber: #ffc247;--amber-deep: #b57a14;--threat: #ff5470;--enemy-violet: #5a5ff2;--white: #e9f8fd;--text-hi: #e9f8fd;--text-mid: #a8cfe2;--text-dim: #6f9cb8;--cyan-dim: rgba(83, 224, 247, .55);--cyan-faint: rgba(83, 224, 247, .2);--amber-faint: rgba(255, 194, 71, .28);--panel-border: rgba(83, 224, 247, .32);--panel-glow: 0 24px 60px -18px rgba(0, 0, 0, .9), 0 0 44px rgba(8, 96, 158, .22), inset 0 0 42px rgba(2, 22, 48, .5);--edge-hi: rgba(158, 236, 255, .55);--font-display: "Michroma", "Arial Black", system-ui, sans-serif;--font-ui: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--fs-hero: clamp(1.7rem, 1rem + 4.4vw, 3.4rem);--fs-title: clamp(1.15rem, .9rem + 2.2vw, 1.8rem);--fs-h2: clamp(1rem, .85rem + 1.1vw, 1.3rem);--fs-h3: clamp(.9rem, .82rem + .5vw, 1.05rem);--fs-body: clamp(.85rem, .8rem + .3vw, .95rem);--fs-small: clamp(.76rem, .72rem + .24vw, .84rem);--fs-micro: clamp(.62rem, .6rem + .15vw, .7rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--radius-pill: 999px;--shadow-1: 0 2px 10px rgba(0, 0, 0, .55);--shadow-2: 0 10px 30px -8px rgba(0, 0, 0, .75);--shadow-glow-cyan: 0 0 18px rgba(48, 180, 220, .35);--shadow-glow-amber: 0 0 18px rgba(255, 194, 71, .3);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-snap: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .13s;--dur: .22s;--dur-slow: .42s;--z-canvas: 0;--z-hud: 4;--z-overlay: 6;--z-nav: 8;--z-toast: 20;--z-tip: 30;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}.color-deuter{--hp: #38b0ff;--special: #ffe14a;--threat: #ff9a3d;--aqua: #6fd0ff}.color-prot{--hp: #4fd0ff;--special: #ffe14a;--threat: #ffab3d;--aqua: #7fd8ff}.color-trit{--hp: #00ffb0;--special: #ff7ad1;--threat: #ff4d6d;--aqua: #59ffd8}*{box-sizing:border-box}.glass :is(h1,h2,h3,h4,p,span,strong,small,em,button,a,label){overflow-wrap:break-word}.glass :is(.board-row,.perk-row,.chapter-stratum,.crew-card,.crew-slot-row,.slider-field,.toggle-field,.top-nav)>*{min-width:0}.glass :is(.card-grid,.world-grid,.summary-grid,.hub-grid,.field-guide,.glow-triangle,.flagship-grid)>*{min-width:0;max-width:100%}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--white);background:var(--abyss);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--abyss)}.game-stage,.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.text-small{font-size:13px}.text-large{font-size:16px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:calc(var(--sp-5) + var(--safe-t)) calc(var(--sp-4) + var(--safe-r)) calc(var(--sp-5) + var(--safe-b)) calc(var(--sp-4) + var(--safe-l));overflow:auto;background:radial-gradient(ellipse at center,#00143247,#00040dd1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in var(--dur) var(--ease-out)}.overlay.bare{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.overlay.bare>*{pointer-events:auto}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.glass{position:relative;width:min(94vw,560px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 32px);overflow:auto;padding:var(--sp-6) var(--sp-6);background:repeating-linear-gradient(to bottom,rgba(140,230,255,.018) 0,rgba(140,230,255,.018) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,#0a223a80,#020a1633 120px),var(--hud-glass);background-attachment:local,local,scroll;border:1px solid var(--panel-border);border-top-color:var(--edge-hi);border-radius:var(--radius);box-shadow:var(--panel-glow),inset 0 14px 30px -22px #3cc8ff80;animation:panel-power-on .32s var(--ease-out)}@keyframes panel-power-on{0%{opacity:0;transform:translateY(16px) scaleY(.96)}45%{opacity:.9;transform:translateY(2px) scaleY(1);filter:brightness(1.7) saturate(1.3)}62%{opacity:.55;filter:brightness(.9)}to{opacity:1;transform:none;filter:none}}.glass>*{animation:child-rise .3s var(--ease-out) backwards}.glass>*:nth-child(2){animation-delay:40ms}.glass>*:nth-child(3){animation-delay:80ms}.glass>*:nth-child(4){animation-delay:.12s}.glass>*:nth-child(5){animation-delay:.16s}.glass>*:nth-child(6){animation-delay:.2s}.glass>*:nth-child(n+7){animation-delay:.24s}@keyframes child-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.glass.wide{width:min(96vw,940px)}.glass.corner:before,.glass.corner:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--cyan);opacity:.7;pointer-events:none}.glass.corner:before{top:8px;left:8px;border-right:0;border-bottom:0}.glass.corner:after{right:8px;bottom:8px;border-left:0;border-top:0}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-title{margin:0;font-family:var(--font-display);font-size:var(--fs-hero);line-height:1.12;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-wrap:balance;background:linear-gradient(180deg,var(--cyan-bright),#37b6e0 55%,#0d5f96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(20,150,210,.5))}.screen-title{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:var(--fs-title);line-height:1.18;letter-spacing:.05em;text-transform:uppercase;text-align:center;text-wrap:balance;color:var(--text-hi);text-shadow:0 0 20px rgba(20,150,210,.45)}.eyebrow{margin:0 0 var(--sp-4);color:var(--cyan);font-size:var(--fs-micro);font-weight:600;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;text-align:center}.muted{color:var(--text-mid);font-size:var(--fs-small);line-height:1.6}.hint{max-width:420px;margin:var(--sp-4) auto 0;color:var(--text-mid);font-size:var(--fs-small);line-height:1.7;text-align:center;text-wrap:pretty}.error-text{color:var(--threat);font-size:var(--fs-small);font-weight:700;text-align:center;margin:var(--sp-2) 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 18px;color:#04222f;background:linear-gradient(180deg,#6fe6fb,#2fb9dd 62%,#1690b6);border:1px solid var(--edge-hi);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow-cyan),inset 0 -2px #04283c59,inset 0 1px #e6fcff99;font-weight:700;font-size:var(--fs-small);line-height:1.25;letter-spacing:.06em;text-transform:uppercase;white-space:normal;text-align:center;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 26px #40cdf08c,inset 0 -2px #04283c59,inset 0 1px #e6fcffa6}.btn:active:not(:disabled){transform:translateY(1px) scale(.985);filter:brightness(.96);box-shadow:0 0 10px #40cdf059,inset 0 3px 8px #02182873}.btn:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.btn:disabled{opacity:.45;filter:saturate(.35);cursor:not-allowed}.btn.ghost{color:var(--text-hi);background:#061a308c;border-color:var(--panel-border);box-shadow:none}.btn.ghost:hover:not(:disabled){background:#092644b3;filter:none;box-shadow:0 0 16px #1e96d240}.btn.amber{background:linear-gradient(180deg,#ffd98a,#f0a92e 62%,#c67f10);border-color:#ffe2a0b3;color:#2b1a00;box-shadow:var(--shadow-glow-amber),inset 0 1px #fff4d6a6}.btn.danger{background:#3c0a1899;border-color:#ff547080;color:#ffd7de;box-shadow:none}.btn.danger:hover:not(:disabled){filter:none;box-shadow:0 0 20px #ff547066}.btn.sm{min-height:38px;padding:7px 14px;font-size:var(--fs-micro);letter-spacing:.08em}.btn-stack{display:grid;gap:var(--sp-3);margin-top:var(--sp-5)}.tab-row{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap;margin:var(--sp-3) 0}.tab{min-width:118px;padding:8px 18px;color:#9cf;background:#00143275;border:1px solid var(--cyan-faint);border-radius:var(--radius-pill);font-size:13px;font-weight:700;text-transform:uppercase;transition:all var(--dur-fast) var(--ease-out)}.tab.active{color:#fff;background:linear-gradient(135deg,#0082dcf0,#00befff0);border-color:#96f0ffad}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#00143299;border:1px solid var(--cyan-faint);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:700}.pill.amber{color:var(--special);border-color:#ffcc1a66}.pill.aqua{color:var(--aqua);border-color:#0fc6}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.chip-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;color:var(--white);background:#00143299;border:1px solid var(--cyan-faint);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:700;transition:all var(--dur-fast) var(--ease-out)}.chip-btn:hover{border-color:var(--cyan-dim);box-shadow:0 0 16px #0096ff4d}.dot{width:8px;height:8px;border-radius:50%;background:var(--hp);box-shadow:0 0 8px var(--hp)}.dot.offline{background:var(--threat);box-shadow:0 0 8px var(--threat)}.glass .sigil{display:block;width:96px;height:96px;margin:0 auto;filter:drop-shadow(0 0 22px rgba(0,220,255,.55))}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-top:var(--sp-5)}.hub-grid .btn.primary{grid-column:1 / -1;min-height:62px;font-size:18px}.hub-grid .span-2{grid-column:1 / -1}.btn.quick-dive{flex-direction:column;gap:2px}.qd-label{font-size:18px;line-height:1.1}.qd-meta{font-size:11px;font-weight:600;letter-spacing:.1em;opacity:.85;text-transform:uppercase}.btn.store-muted{opacity:.62}.soon-tag{margin-left:8px;padding:2px 8px;font-size:var(--fs-micro);font-style:normal;font-weight:700;letter-spacing:.08em;color:var(--special);border:1px solid rgba(255,204,26,.4);border-radius:var(--radius-pill)}.quick-dive-boot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 30px;color:var(--white);background:linear-gradient(135deg,#006ec8eb,#00b4ffeb);border:1px solid rgba(120,230,255,.55);border-radius:var(--radius-sm);box-shadow:0 0 18px #0096ff6b;font-weight:700;text-transform:uppercase;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.quick-dive-boot:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d2ffd1}.quick-dive-boot .qd-label{font-size:15px;letter-spacing:.06em}.stat-row{display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-4)}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0 var(--sp-5)}.world-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:168px;padding:var(--sp-4);overflow:hidden;text-align:left;color:#fff;background:linear-gradient(150deg,hsl(var(--world-hue),70%,18%),hsl(var(--world-hue),75%,7%));border:1px solid hsl(var(--world-hue),80%,55%);border-radius:var(--radius);box-shadow:0 0 24px hsla(var(--world-hue),80%,50%,.35);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.world-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 0 40px hsla(var(--world-hue),85%,55%,.55)}.world-card strong{font-family:var(--font-display);font-size:16px;line-height:1.15}.world-card .tagline{color:#d6e9ff;font-size:var(--fs-small);line-height:1.45}.world-card .world-stats{margin-top:auto;color:#bcd;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.05em}.world-card.locked{filter:grayscale(.85) brightness(.45);cursor:not-allowed}.world-card .lock-cost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#00040df0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--special);font-weight:700;font-size:13px;text-transform:uppercase;filter:none}.info-list{display:grid;gap:8px;margin:var(--sp-4) 0;padding:0;list-style:none;text-align:left}.info-list li{position:relative;padding-left:22px;color:#cef;font-size:var(--fs-body);line-height:1.5}.info-list li:before{position:absolute;left:4px;color:var(--cyan);content:"›";font-weight:700}.field{display:grid;gap:6px;margin-bottom:var(--sp-3);text-align:left}.field label{color:var(--cyan);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.field input{width:100%;padding:12px 14px;color:var(--white);background:#000a1cb3;border:1px solid var(--panel-border);border-radius:var(--radius-sm)}.field input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 14px #0096ff59}.slider-field{display:grid;grid-template-columns:110px 1fr 44px;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-3);text-align:left}.slider-field label{color:#bfefff;font-size:var(--fs-small);font-weight:700}.slider-field input[type=range]{width:100%;accent-color:var(--cyan)}.slider-field .value{color:var(--cyan);font-size:var(--fs-small);text-align:right}.toggle-field{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:10px 0;border-top:1px solid rgba(79,227,255,.12);text-align:left}.toggle-field span{color:#bfefff;font-size:var(--fs-body)}.switch{position:relative;width:46px;height:26px;flex-shrink:0;background:#001432cc;border:1px solid var(--panel-border);border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#7fbbe0;border-radius:50%;transition:all var(--dur-fast) var(--ease-out)}.switch.on{background:#0082dcb3;border-color:var(--cyan)}.switch.on:after{left:22px;background:var(--white);box-shadow:0 0 10px var(--cyan)}.seg{display:inline-flex;gap:4px;padding:3px;background:#00143299;border:1px solid var(--cyan-faint);border-radius:var(--radius-pill)}.seg button{padding:6px 12px;color:#9cf;border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase}.seg button.active{color:#fff;background:#0082dccc}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0}.draft-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);min-height:160px;text-align:left;color:var(--white);background:#00122cb3;border:1px solid var(--panel-border);border-radius:var(--radius);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.draft-card:hover{transform:translateY(-4px);box-shadow:0 0 28px #0096ff66}.draft-card.rarity-rare{border-color:#78a0ff99;box-shadow:0 0 18px #5078ff47}.draft-card.rarity-epic{border-color:#d282ffb3;box-shadow:0 0 22px #be64ff59}.draft-card .rarity-tag{align-self:flex-start;font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan)}.draft-card.rarity-rare .rarity-tag{color:#9db8ff}.draft-card.rarity-epic .rarity-tag{color:#dca6ff}.draft-card h3{margin:0;font-size:16px;font-family:var(--font-display)}.draft-card p{margin:0;color:#bcd;font-size:var(--fs-small);line-height:1.5}.draft-card .tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px}.draft-card .tags span{font-size:var(--fs-micro);padding:2px 7px;color:#9cf;background:#001e4699;border-radius:var(--radius-pill)}.store-card{display:flex;flex-direction:column;gap:6px;padding:var(--sp-4);text-align:left;background:#00122cb3;border:1px solid var(--panel-border);border-radius:var(--radius)}.store-card h3{margin:0;font-size:15px}.store-card p{margin:0;color:#bcd;font-size:var(--fs-small);line-height:1.45;flex:1}.store-card .price{color:var(--special);font-weight:700;font-family:var(--font-display)}.store-card.owned{border-color:#00ff9d80}.store-card.preview{opacity:.82}.preview-tag{align-self:flex-start;padding:5px 12px;color:#9cf;border:1px dashed var(--cyan-faint);border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.store-offline{margin:0 auto var(--sp-4);max-width:440px;padding:var(--sp-3) var(--sp-4);text-align:center;background:#00122c8c;border:1px solid rgba(255,204,26,.28);border-radius:var(--radius)}.store-offline-title{margin:0 0 4px;color:var(--special);font-family:var(--font-display);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.store-offline-body{margin:0;color:#bcd;font-size:var(--fs-small);line-height:1.6}.perk-row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3);margin-bottom:var(--sp-2);text-align:left;background:#00122c99;border:1px solid var(--cyan-faint);border-radius:var(--radius-sm)}.perk-row h4{margin:0 0 2px;font-size:14px}.perk-row p{margin:0;color:#bcd;font-size:var(--fs-small)}.rank-dots{display:inline-flex;gap:3px;margin-top:4px}.rank-dots i{width:8px;height:8px;border-radius:50%;border:1px solid var(--cyan-dim);background:transparent}.rank-dots i.filled{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.board{display:grid;gap:6px;margin:var(--sp-4) 0;text-align:left}.board-row{display:grid;grid-template-columns:36px 1fr auto;gap:var(--sp-3);align-items:center;padding:10px 14px;background:#00122c99;border:1px solid var(--cyan-faint);border-radius:var(--radius-sm)}.board-row .rank{color:var(--cyan);font-family:var(--font-display);font-size:15px}.board-row .who{font-weight:700}.board-row .who small{display:block;color:#8cb;font-weight:400;font-size:var(--fs-micro);text-transform:uppercase}.board-row .pts{color:var(--white);font-family:var(--font-display);font-size:15px}.board-row.you{border-color:var(--cyan);box-shadow:0 0 14px #0096ff47}.empty-state{padding:var(--sp-6) var(--sp-4);text-align:center;color:#7fbbe0;font-size:var(--fs-small);line-height:1.7}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center}.boot .sigil{width:120px;height:120px;filter:drop-shadow(0 0 26px rgba(0,220,255,.6));animation:bloom 2.4s var(--ease-out) infinite alternate}@keyframes bloom{0%{filter:drop-shadow(0 0 16px rgba(0,220,255,.4))}to{filter:drop-shadow(0 0 40px rgba(0,240,255,.85))}}.boot .tap{color:var(--cyan);font-size:var(--fs-body);font-weight:700;letter-spacing:.14em;text-transform:uppercase;animation:pulse-soft 1.8s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}.boot .meta{display:flex;gap:var(--sp-3);align-items:center;color:#6aa;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em}.sonar-spinner{width:40px;height:40px;margin:0 auto;border:2px solid var(--cyan-faint);border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud);color:#dff;pointer-events:none;text-shadow:0 0 8px rgba(0,200,255,.72)}.hud .pointer{pointer-events:auto;z-index:3}.hud-bars{position:absolute;top:calc(14px + var(--safe-t));left:calc(14px + var(--safe-l));display:grid;gap:8px;width:min(280px,calc(100vw - 28px))}.bar-wrap{position:relative;display:grid;grid-template-columns:18px 34px 1fr 34px;gap:7px;align-items:center;padding:4px 8px;background:#000a1e80;font-size:var(--fs-micro);font-weight:700;text-transform:uppercase}.bar-wrap:before,.bar-wrap:after{content:"";position:absolute;width:9px;height:9px;border:1.5px solid var(--cyan);opacity:.75;pointer-events:none}.bar-wrap:before{top:0;left:0;border-right:0;border-bottom:0}.bar-wrap:after{right:0;bottom:0;border-left:0;border-top:0}.bar-icon{display:grid;place-items:center;color:var(--cyan)}.bar-wrap.low .bar-icon,.bar-wrap.low .bar-label,.bar-wrap.low .bar-value{color:var(--threat)}.bar-wrap.low{animation:low-pulse .9s ease-in-out infinite}@keyframes low-pulse{0%,to{box-shadow:0 0 #f460}50%{box-shadow:0 0 16px #ff44668c}}.bar-wrap.charged .bar-icon{color:var(--special);filter:drop-shadow(0 0 6px var(--special))}.bar{position:relative;height:14px;overflow:hidden;background:#000a1eb8;border:1px solid var(--cyan-faint);border-radius:3px;box-shadow:inset 0 0 8px #0000009e}.bar i{display:block;height:100%;border-radius:2px;transition:width .2s var(--ease-out)}.bar .ticks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(0,6,18,.85) calc(10% - 1px),rgba(0,6,18,.85) 10%);pointer-events:none}.bar.hp i{background:linear-gradient(90deg,var(--hp),#7dffc0);box-shadow:0 0 10px var(--hp)}.bar-wrap.low .bar.hp i{background:linear-gradient(90deg,var(--threat),#ff8aa0);box-shadow:0 0 12px var(--threat)}.bar.glow i{background:linear-gradient(90deg,var(--special),#ffe98a);box-shadow:0 0 10px var(--special)}.popup-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.combat-popup{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:15px;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 10px rgba(0,213,255,.9);animation:popup-float .85s var(--ease-out) forwards}.combat-popup.damage{color:var(--threat);font-size:17px;text-shadow:0 0 12px rgba(255,68,102,.9)}.combat-popup.level{color:var(--special);font-size:22px;text-shadow:0 0 16px rgba(255,204,26,.9)}@keyframes popup-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}18%{opacity:1;transform:translate(-50%,-60%) scale(1.12)}to{opacity:0;transform:translate(-50%,-180%) scale(.92)}}.powerup-chips{position:absolute;top:calc(74px + var(--safe-t));left:calc(14px + var(--safe-l));display:flex;gap:8px;flex-wrap:wrap}.pchip{position:relative;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#000c22b3;border:1px solid var(--cyan-faint);border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:700;overflow:hidden}.pchip .ring{position:absolute;left:0;bottom:0;height:2px;background:var(--special)}.hud-center{position:absolute;top:calc(14px + var(--safe-t));left:50%;transform:translate(-50%);display:grid;gap:2px;text-align:center}.hud-center .world{color:#6cf;font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hud-center .stage{color:#8df;font-size:var(--fs-micro);opacity:.9}.hud-score{position:absolute;top:calc(14px + var(--safe-t));right:calc(16px + var(--safe-r));display:grid;gap:2px;text-align:right}.hud-score strong{color:#7df0ff;font-family:var(--font-display);font-size:22px}.hud-score span{color:var(--cyan);font-weight:700;font-size:15px}.hud-score small{color:#8cf;font-size:var(--fs-small)}.pause-btn{position:absolute;top:calc(58px + var(--safe-t));left:50%;transform:translate(-50%);width:40px;height:40px;display:grid;place-items:center;color:#9ef;background:#001432a3;border:1px solid var(--cyan-dim);border-radius:50%}.objective-bar{position:absolute;bottom:calc(16px + var(--safe-b));left:50%;transform:translate(-50%);max-width:84vw;padding:8px 18px;color:#dff;background:#000c22b8;border:1px solid var(--cyan-faint);border-radius:var(--radius-pill);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objective-bar strong{color:var(--cyan)}.minimap{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));width:132px;height:132px}.minimap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.minimap .blip{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%)}.minimap .blip.enemy{background:var(--threat);box-shadow:0 0 6px var(--threat)}.minimap .blip.boss{width:11px;height:11px;background:var(--enemy-violet);box-shadow:0 0 8px var(--enemy-violet)}.minimap .blip.powerup{background:var(--special);box-shadow:0 0 6px var(--special)}.minimap .blip.objective{background:var(--aqua);box-shadow:0 0 6px var(--aqua)}.boss-bar{position:absolute;top:calc(14px + var(--safe-t));left:50%;transform:translate(-50%);width:min(70vw,520px);display:grid;gap:4px;text-align:center}.boss-bar .name{color:var(--threat);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.boss-bar .bar{height:12px}.boss-bar .bar i{background:linear-gradient(90deg,var(--threat),#ff8aa0);box-shadow:0 0 10px var(--threat)}.special-btn{position:absolute;right:calc(38px + var(--safe-r));bottom:calc(170px + var(--safe-b));width:82px;height:82px;display:grid;place-items:center;color:#ffec99;background:transparent;border-radius:50%}.special-btn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.special-btn span{position:relative;z-index:1;font-family:var(--font-display);font-size:10px}.special-btn.ready{animation:pulse-amber 1.2s infinite}.special-btn:disabled{opacity:.45}@keyframes pulse-amber{0%,to{filter:drop-shadow(0 0 14px rgba(255,200,0,.4))}50%{filter:drop-shadow(0 0 32px rgba(255,220,40,.92))}}.wide-light-btn{position:absolute;left:calc(38px + var(--safe-l));bottom:calc(170px + var(--safe-b));width:62px;height:62px;display:grid;place-items:center;color:#9ef;background:#001432a3;border:1px solid var(--cyan-dim);border-radius:50%;font-size:var(--fs-micro);font-weight:700;text-transform:uppercase}.wide-light-btn.is-pressed{background:#003c78cc;box-shadow:0 0 18px #00b4ff80}.joystick-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;touch-action:none}.summary-score{font-family:var(--font-display);font-size:clamp(38px,10vw,64px);color:var(--cyan);text-align:center;text-shadow:0 0 26px rgba(0,180,255,.6);margin:var(--sp-2) 0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3);margin:var(--sp-4) 0}.summary-cell{padding:var(--sp-3);text-align:center;background:#00122c99;border:1px solid var(--cyan-faint);border-radius:var(--radius-sm)}.summary-cell strong{display:block;font-family:var(--font-display);font-size:20px;color:var(--white)}.summary-cell span{color:#8cb;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em}.notice{position:absolute;top:calc(18px + var(--safe-t));left:50%;z-index:var(--z-toast);transform:translate(-50%);max-width:min(92vw,520px);padding:10px 20px;color:var(--white);background:#00122ceb;border:1px solid var(--cyan-dim);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:clamp(12px,3.4vw,17px);letter-spacing:.04em;text-align:center;text-shadow:0 0 18px rgba(0,213,255,.6);box-shadow:0 0 24px #0096ff59,inset 0 0 12px #0096ff1f;pointer-events:none;animation:notice-in .26s var(--ease-out)}@keyframes notice-in{0%{opacity:0;transform:translate(-50%) translateY(-14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast{position:absolute;bottom:calc(24px + var(--safe-b));left:50%;z-index:var(--z-toast);transform:translate(-50%);padding:10px 18px;color:var(--white);background:#00122ce6;border:1px solid var(--cyan-dim);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:700;box-shadow:0 0 20px #0096ff4d;animation:panel-in var(--dur) var(--ease-out)}.toast.error{border-color:var(--threat);color:#ffd7de}@media(max-width:760px){.glass{padding:var(--sp-5) var(--sp-4)}.hub-grid,.world-grid{grid-template-columns:1fr}.hud-bars{width:min(230px,calc(100vw - 140px))}.hud-score{top:calc(14px + var(--safe-t))}.hud-center{top:auto;bottom:calc(58px + var(--safe-b))}.pause-btn{top:calc(92px + var(--safe-t));left:auto;right:calc(16px + var(--safe-r));transform:none}.minimap{width:104px;height:104px}.special-btn{right:calc(18px + var(--safe-r));bottom:calc(130px + var(--safe-b));width:74px;height:74px}.wide-light-btn{left:calc(18px + var(--safe-l));bottom:calc(134px + var(--safe-b))}.objective-bar{bottom:calc(12px + var(--safe-b));max-width:calc(100vw - 130px)}.slider-field{grid-template-columns:90px 1fr 40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.draft-card.rarity-legendary{border-color:#ffd166b3;box-shadow:0 0 22px #ffd1662e}.draft-card.rarity-legendary .rarity-tag{color:#ffd166}.upgrade-icon-frame{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:4px auto 6px;color:var(--cyan);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#4fe3ff14;border:1px solid var(--cyan-faint)}.upgrade-icon-frame.rarity-rare{color:var(--cyan);background:#4fe3ff24}.upgrade-icon-frame.rarity-epic{color:#c9b3ff;background:#a06bff24}.upgrade-icon-frame.rarity-legendary{color:#ffd166;background:#ffd16624}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#020812eb;border-top:1px solid var(--cyan-faint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:#9fd8e88c;font-family:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.bottom-nav-tab.active{color:var(--cyan)}.bottom-nav-tab .sonar-dot{position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:sonar-ping 1.8s ease-out infinite}@keyframes sonar-ping{0%{box-shadow:0 0 #4fe3ff80}70%{box-shadow:0 0 0 8px #4fe3ff00}to{box-shadow:0 0 #4fe3ff00}}@media(max-width:719px),(pointer:coarse){.overlay .glass{max-height:calc(100dvh - 76px);overflow-y:auto}}.intro-cinematic{display:grid;place-items:center;cursor:pointer;background:#00040d8c}.intro-beat{max-width:620px;padding:24px;text-align:center}.intro-speaker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}.intro-speaker.speaker-system{color:var(--special)}.intro-speaker.speaker-delphi{color:var(--aqua)}.intro-text{font-size:18px;line-height:1.65;color:#dff4ff;min-height:4.8em}.intro-text .cursor{animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.intro-pager{margin-top:18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9fd8e880}.intro-skip{position:absolute;top:18px;right:18px}.comms-panel{cursor:pointer}.comms-beat{min-height:7em}.descent-map{display:flex;flex-direction:column;gap:10px;margin-top:14px;position:relative}.descent-map:before{content:"";position:absolute;left:34px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--cyan-dim),rgba(255,77,109,.4))}.chapter-stratum{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid hsla(var(--stratum-hue, 190),70%,60%,.25);background:hsla(var(--stratum-hue, 190),60%,50%,.05);position:relative}.chapter-stratum.current{border-color:hsla(var(--stratum-hue, 190),80%,65%,.6);box-shadow:0 0 18px hsla(var(--stratum-hue, 190),80%,60%,.12)}.chapter-stratum.cleared{opacity:.75}.chapter-stratum.locked{opacity:.45}.chapter-stratum.endless{border-color:#ff4d6d80}.stratum-depth{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--cyan-dim);letter-spacing:.08em}.stratum-body h3{margin:2px 0;font-size:16px}.stratum-tag{font-size:12px;color:#c8e8f599;margin:0}.stratum-best{font-size:11px;color:var(--aqua);margin:4px 0 0}.stratum-action{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hangar-panel{max-width:min(960px,94vw)}.hangar-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.2fr);gap:18px;margin-top:10px}@media(max-width:760px){.hangar-layout{grid-template-columns:1fr}}.hangar-viewer{width:100%;height:240px;border:1px solid var(--cyan-faint);background:radial-gradient(ellipse at 50% 40%,#143c5a66,#02060ee6);cursor:grab;touch-action:none}.ship-strip{display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px;padding:4px 2px 10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent}.ship-strip::-webkit-scrollbar{height:6px}.ship-strip::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}.ship-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;flex:0 0 auto;min-width:116px;scroll-snap-align:start;padding:8px 12px;background:#0a1a2c99;border:1px solid var(--cyan-faint);border-radius:var(--radius-sm);color:#cfeafa;font-family:inherit;font-size:11px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ship-chip .ship-chip-head{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12px;letter-spacing:.03em;white-space:nowrap}.ship-chip .ship-chip-head svg{flex:0 0 auto}.ship-chip.owned{border-color:#00ff9d66}.ship-chip.iap{border-color:#ffd16673}.ship-strip-label{margin:12px 0 0}.ship-chip em{font-style:normal;font-size:9px;letter-spacing:.1em;color:var(--cyan-dim);display:inline-flex;align-items:center;gap:4px}.ship-chip.iap em{color:#ffd166}.ship-chip.selected{border-color:var(--cyan);box-shadow:0 0 10px #4fe3ff40}.ship-stats{margin:12px 0;display:grid;gap:6px}.ship-stat-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#bfe2f2}.ship-stat-row .stat-label{width:76px;flex-shrink:0;letter-spacing:.06em}.ship-stat-row .stat-bar{flex:1;height:6px;background:#4fe3ff14;border:1px solid rgba(79,227,255,.15)}.ship-stat-row .stat-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan))}.ship-stat-row .stat-delta{width:56px;text-align:right;font-size:10px}.ship-stat-row .stat-delta.up{color:var(--aqua)}.ship-stat-row .stat-delta.down{color:var(--threat)}.ship-stat-row .stat-value{color:var(--cyan);font-weight:600}.crew-section{margin-top:14px;border-top:1px solid var(--cyan-faint);padding-top:10px}.crew-slot-row{display:flex;align-items:center;gap:10px;margin:8px 0}.crew-role-label{display:flex;align-items:center;gap:5px;width:100px;font-size:11px;letter-spacing:.08em;color:var(--cyan-dim);text-transform:uppercase}.crew-sockets{display:flex;gap:8px;flex-wrap:wrap}.crew-socket{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:5px;background:#0a1a2c80;border:1px dashed var(--cyan-faint);color:var(--cyan-dim);font-family:inherit;font-size:9px;cursor:pointer;clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.crew-socket.filled{border-style:solid;color:#cfeafa}.crew-socket.empty{font-size:18px;min-height:58px;justify-content:center}.crew-roster{margin-top:10px;display:grid;gap:8px;max-height:320px;overflow-y:auto}.crew-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cyan-faint);background:#08142499}.crew-card.rarity-rare{border-color:#4fe3ff73}.crew-card.rarity-epic{border-color:#a06bff80}.crew-card.rarity-legendary{border-color:#ffd16699}.crew-card-body{flex:1;display:flex;flex-direction:column;gap:2px;font-size:11px}.crew-card-body .crew-title{color:var(--cyan-dim);font-style:italic}.crew-card-body .crew-bonus{color:var(--aqua);font-size:10px}.store-tier{margin-top:16px}.store-tier-label{border-bottom:1px solid var(--cyan-faint);padding-bottom:4px}.store-tier.tier-whale .store-tier-label{color:#ffd166;border-color:#ffd16659}.flagship-grid{display:grid;gap:12px}.store-card.flagship{border:1px solid rgba(255,209,102,.55);box-shadow:0 0 24px #ffd1661a;background:linear-gradient(160deg,#1e160680,#040810cc)}.flagship-viewer{width:100%;height:180px;border:1px solid rgba(255,209,102,.25);background:radial-gradient(ellipse at 50% 40%,#3c2d0c59,#02060ee6);cursor:grab;touch-action:none}.store-card-head{display:flex;align-items:center;gap:8px}.store-card-head h3{margin:0}.wave-chip{margin-left:8px;padding:1px 7px;border:1px solid var(--cyan-faint);font-size:10px;letter-spacing:.1em;color:var(--cyan)}.mutator-banner{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:baseline;padding:6px 16px;background:#1e1606bf;border:1px solid rgba(255,209,102,.5);color:#ffd166;font-size:12px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.mutator-banner span{color:#ffe1a0bf;font-size:10px;text-transform:none;letter-spacing:.04em}.hud-callout{position:absolute;top:100px;left:50%;transform:translate(-50%);color:var(--aqua);font-size:14px;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,255,204,.5);pointer-events:none;animation:callout-in .25s ease-out}@keyframes callout-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.comms-ticker{position:absolute;left:16px;bottom:96px;max-width:min(440px,70vw);display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#020a14cc;border-left:2px solid var(--cyan);pointer-events:none}.comms-ticker .comms-speaker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.comms-ticker .comms-text{font-size:12px;color:#dff4ff;line-height:1.45}.tutorial-line{position:absolute;bottom:152px;left:50%;transform:translate(-50%);max-width:min(520px,84vw);padding:8px 16px;background:#020a14d9;border:1px solid var(--cyan-faint);color:#dff4ff;font-size:13px;text-align:center;pointer-events:none}.help-panel,.store-panel,.campaign-panel{max-width:min(860px,94vw)}.help-section{margin-top:14px}.glow-triangle{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.glow-node{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--cyan-faint);background:#08142480;font-size:11px;color:#bfe2f2}.field-guide{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.guide-card{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--cyan-faint);background:#08142480;font-size:11px;color:#bfe2f2}.credits-list a.credits-link{color:var(--cyan)}.hub-footer{display:flex;gap:8px;justify-content:center;margin-top:10px}.console-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:calc(var(--sp-6) * -1) calc(var(--sp-6) * -1) var(--sp-4);padding:7px 16px;background:#0016308c;border-bottom:1px solid rgba(79,227,255,.18);font-size:var(--fs-micro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9fd8e8b8;white-space:nowrap;overflow:hidden}.console-strip .cs-station{display:inline-flex;align-items:center;gap:7px;color:var(--cyan)}.console-strip .cs-pulse{width:6px;height:6px;border-radius:50%;background:#4fe3ff59;transition:all .4s ease}.console-strip .cs-pulse.on{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.console-strip .cs-readouts{display:inline-flex;gap:14px}.console-strip .cs-readouts strong{color:#bfefff;font-weight:700}@media(max-width:760px){.console-strip{margin:calc(var(--sp-5) * -1) calc(var(--sp-4) * -1) var(--sp-4);padding:6px 12px}}@media(max-width:520px){.console-strip .cs-readouts span:nth-child(2){display:none}}.tip-anchor{position:relative;display:inline-flex}.tip-anchor.block{display:flex;width:100%}.tip-panel{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);z-index:var(--z-toast);width:max-content;max-width:230px;padding:8px 11px;background:#020d1cf7;border:1px solid var(--cyan-dim);border-radius:4px;box-shadow:0 0 18px #0096ff47,inset 0 6px 14px -10px #00dcff80;color:#cfeafa;font-size:11px;font-weight:400;font-style:normal;line-height:1.55;letter-spacing:.02em;text-align:left;text-transform:none;white-space:normal;pointer-events:none;animation:tip-in .14s var(--ease-out)}.tip-panel:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--cyan-dim)}.tip-panel.below{bottom:auto;top:calc(100% + 9px)}.tip-panel.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--cyan-dim)}.tip-panel.left{left:0;transform:none}.tip-panel.left:after{left:16px}.tip-panel.right{left:auto;right:0;transform:none}.tip-panel.right:after{left:auto;right:16px;transform:none}@keyframes tip-in{0%{opacity:0;transform:translate(-50%) translateY(3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tip-panel.left,.tip-panel.right{animation-name:tip-in-flush}@keyframes tip-in-flush{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.chip-btn:active,.tab:active,.ship-chip:active,.crew-socket:active,.bottom-nav-tab:active,.world-card:active:not(:disabled){transform:scale(.965);transition:transform 80ms ease-out}.tab:hover:not(.active){border-color:var(--cyan-dim);color:#cfeafa}.ship-chip:hover{border-color:var(--cyan-dim);box-shadow:0 0 12px #4fe3ff2e}.crew-socket:hover{border-color:var(--cyan-dim);color:#dff4ff}.crew-card{transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.crew-card:hover{box-shadow:0 0 14px #4fe3ff1f}.draft-card:active{transform:translateY(0) scale(.98)}.hub-hero{position:relative;margin:var(--sp-2) 0 var(--sp-1)}.hub-hero-viewer{display:block;width:100%;height:150px;border:1px solid var(--cyan-faint);border-radius:var(--radius-sm);background:radial-gradient(ellipse at 50% 42%,#10345480,#02060eeb);cursor:grab;touch-action:none}.hub-hero-plate{position:absolute;left:10px;bottom:8px;display:flex;align-items:baseline;gap:8px;pointer-events:none}.hub-hero-plate strong{color:#dff4ff;font-family:var(--font-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,200,255,.55)}.hub-hero-plate span{color:var(--cyan-dim);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase}.hub-title{font-size:clamp(26px,6vw,44px)}.btn.hub-hero-fit{position:absolute;right:8px;bottom:8px;width:auto;min-height:32px;padding:5px 12px;font-size:11px}.elite-hero{position:relative;display:block;width:100%;margin-top:12px;padding:0;border:1px solid rgba(255,209,102,.5);border-radius:var(--radius-sm);background:linear-gradient(150deg,#221a068c,#02060eeb);box-shadow:0 0 26px #ffc75c24,inset 0 0 22px #ffc75c0d;cursor:pointer;overflow:hidden;text-align:left;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.elite-hero:hover{transform:translateY(-2px);box-shadow:0 0 34px #ffc75c42,inset 0 0 22px #ffc75c14}.elite-hero:active{transform:translateY(0)}.elite-hero-viewer{display:block;width:100%;height:132px;background:radial-gradient(ellipse at 50% 44%,#3a2c0c6b,#02060ef0);pointer-events:none}.elite-ribbon{position:absolute;top:10px;left:-30px;z-index:2;width:120px;padding:3px 0;transform:rotate(-38deg);background:linear-gradient(90deg,#b8860b,#ffd166);color:#1a1204;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase;box-shadow:0 2px 10px #00000080}.elite-hero-plate{position:absolute;left:12px;bottom:10px;display:flex;flex-direction:column;gap:1px;max-width:calc(100% - 130px);pointer-events:none}.elite-hero-plate .elite-eyebrow{color:#ffd166d9;font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase}.elite-hero-plate strong{color:#fff2d6;font-family:var(--font-display);font-size:15px;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 14px rgba(255,199,92,.55)}.elite-hero-plate .elite-class{color:#ffe0a899;font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase}.elite-cta{position:absolute;right:10px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid rgba(255,209,102,.6);border-radius:var(--radius-pill);background:#ffc75c1f;color:#ffe6ad;font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.chapter-stratum{transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.chapter-stratum.locked{border-color:#ff4d6d47;background:#ff4d6d09;box-shadow:inset 0 0 30px #78081e2e}.chapter-stratum.locked .stratum-depth{color:#ff829699}.stratum-stamp{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid rgba(0,255,204,.5);border-radius:3px;color:var(--aqua);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transform:rotate(-6deg);opacity:.85}.stratum-sub{animation:sub-bob 3.2s ease-in-out infinite}@keyframes sub-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.store-card.flagship{position:relative;overflow:hidden}.store-card.flagship:before{content:"FLAGSHIP";position:absolute;top:12px;right:-34px;padding:3px 40px;background:linear-gradient(90deg,#ffd16629,#ffd16666,#ffd16629);border-top:1px solid rgba(255,224,130,.5);border-bottom:1px solid rgba(255,224,130,.5);color:#ffe9b0;font-size:9px;font-weight:700;letter-spacing:.3em;transform:rotate(38deg);pointer-events:none}.store-card.flagship h3{color:#ffe9b0;font-family:var(--font-display);letter-spacing:.04em}.store-card.flagship .price{font-size:19px;color:#ffd166;text-shadow:0 0 14px rgba(255,209,102,.5)}.store-card{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.store-card:hover{transform:translateY(-3px);box-shadow:0 0 22px #0096ff40}.store-card.flagship:hover{box-shadow:0 0 32px #ffd16638}.perk-row{grid-template-columns:40px 1fr auto;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.perk-row:hover{border-color:var(--cyan-dim);box-shadow:0 0 14px #4fe3ff1f}.perk-icon-frame{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--cyan);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#4fe3ff17;border:1px solid var(--cyan-faint)}.stat-delta svg{vertical-align:-1px;margin-right:2px}.summary-cell strong{display:flex;align-items:center;justify-content:center;gap:5px}.summary-cell svg{color:var(--cyan-dim);flex-shrink:0}.bottom-nav{box-shadow:0 -8px 28px #00040dd9}.bottom-nav-tab{transition:color var(--dur-fast) var(--ease-out);touch-action:manipulation}.bottom-nav-tab svg{transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.bottom-nav-tab.active svg{filter:drop-shadow(0 0 7px rgba(79,227,255,.85));transform:translateY(-1px)}.hub-grid .btn svg{flex-shrink:0;opacity:.9}.chip-btn svg{flex-shrink:0}.guide-sprite{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:2px;color:var(--cyan);background:radial-gradient(circle at 50% 45%,rgba(79,227,255,.12),transparent 70%);border:1px solid var(--cyan-faint);border-radius:6px}.guide-card{transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.guide-card:hover{border-color:var(--cyan-dim);box-shadow:0 0 14px #4fe3ff1f}.glow-node{transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.glow-node:hover{border-color:var(--cyan-dim);box-shadow:0 0 14px #4fe3ff1f}.credits-sign{margin-top:var(--sp-4);text-align:center;color:#9fd8e880;font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase}.lock-cost svg{color:var(--special)}.card{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;padding:var(--sp-4);text-align:left;color:var(--text-hi);background:linear-gradient(180deg,#0a20388c,#030c18bf);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-3px);border-color:var(--cyan-dim);box-shadow:var(--shadow-2),0 0 22px #1e96d247}.card.interactive:active{transform:translateY(0) scale(.985)}.card.interactive:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.card.premium{border-color:var(--amber-faint);background:linear-gradient(165deg,#2e200880,#040a14d1)}.card.premium:hover{border-color:#ffd6828c;box-shadow:var(--shadow-2),0 0 24px #ffc2472e}.card.disabled{opacity:.5;filter:saturate(.4);pointer-events:none}.card-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h3);line-height:1.25;letter-spacing:.03em;overflow-wrap:break-word}.card-body{margin:0;color:var(--text-mid);font-size:var(--fs-small);line-height:1.55}.price-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;max-width:100%;color:var(--amber);background:#2e20088c;border:1px solid var(--amber-faint);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-tag.free{color:var(--aqua);background:#0628208c;border-color:#2ef2c04d}.price-tag svg{flex-shrink:0}.meter{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-width:0;font-size:var(--fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid)}.meter .meter-track{position:relative;height:8px;overflow:hidden;background:#020a16d9;border:1px solid rgba(83,224,247,.16);border-radius:2px}.meter .meter-fill{display:block;height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));box-shadow:0 0 8px #53e0f780;transition:width var(--dur) var(--ease-out)}.meter.amber .meter-fill{background:linear-gradient(90deg,var(--amber-deep),var(--amber));box-shadow:0 0 8px #ffc24780}.meter.threat .meter-fill{background:linear-gradient(90deg,#a4243c,var(--threat));box-shadow:0 0 8px #ff547080}.meter .meter-value{color:var(--text-hi);font-variant-numeric:tabular-nums}.quick-dive-boot{color:#04222f;background:linear-gradient(180deg,#6fe6fb,#2fb9dd 62%,#1690b6);border-color:var(--edge-hi);box-shadow:var(--shadow-glow-cyan),inset 0 1px #e6fcff99}.quick-dive-boot:hover{box-shadow:0 0 26px #40cdf08c}.tab{min-width:0;max-width:100%;font-size:var(--fs-micro);letter-spacing:.08em}.tab:focus-visible,.chip-btn:focus-visible,.bottom-nav-tab:focus-visible,.ship-chip:focus-visible,.crew-socket:focus-visible,.world-card:focus-visible,.draft-card:focus-visible,.switch:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.world-card strong,.draft-card h3,.store-card h3,.stratum-body h3{overflow-wrap:break-word;line-height:1.25}.store-card .price{font-variant-numeric:tabular-nums}.objective-bar{font-size:var(--fs-small)}.bottom-nav-tab{font-size:var(--fs-micro);letter-spacing:.06em;padding:0 2px;min-width:0}.bottom-nav-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-title{font-size:clamp(1.35rem,.9rem + 3.4vw,2.6rem)}.section-title{margin:var(--sp-5) 0 var(--sp-3);color:var(--cyan);font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--cyan-faint);padding-bottom:6px}.overlay{background:radial-gradient(ellipse at 50% 120%,rgba(6,44,70,.32),transparent 60%),radial-gradient(ellipse at center,#0210244d,#01050adb)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 7px;color:var(--cyan-bright);background:#061a30cc;border:1px solid var(--panel-border);border-bottom-width:2px;border-radius:4px;font-family:var(--font-ui);font-size:var(--fs-micro);font-weight:700;letter-spacing:.04em}@media(max-width:500px){.glass{padding:var(--sp-5) var(--sp-3)}.tab-row{gap:6px}.tab{padding:7px 12px}}.store-card-head{min-width:0}.store-card-head h3{min-width:0;flex:1 1 auto;overflow-wrap:anywhere;line-height:1.25}.store-card-head svg{flex:0 0 auto}.store-card{min-width:0}.store-card p,.store-card h3,.store-card .price,.store-card .preview-tag{min-width:0;max-width:100%;overflow-wrap:anywhere}.ship-chip{min-width:0;max-width:100%}.ship-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-chip svg,.ship-chip em{flex:0 0 auto}.ship-stat-row .stat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-card-body{min-width:0}.crew-card-body strong,.crew-card-body .crew-title,.crew-card-body .crew-bonus{min-width:0;overflow-wrap:anywhere}.pill,.price,.qd-meta,.eyebrow{overflow-wrap:anywhere}.hub-hero-plate strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62vw}