:root{--abyss: #00040d;--deep-navy: #001126;--hud-glass: rgba(0, 15, 40, .82);--cyan: #4fe3ff;--aqua: #00ffcc;--hp: #00ff9d;--special: #ffcc1a;--threat: #ff4466;--enemy-violet: #2e32d4;--white: #eaffff;--cyan-dim: rgba(79, 227, 255, .55);--cyan-faint: rgba(79, 227, 255, .22);--panel-border: rgba(79, 227, 255, .35);--panel-glow: 0 0 54px rgba(0, 140, 255, .28), inset 0 0 42px rgba(0, 30, 70, .42);--font-display: "Bungee", "Arial Black", system-ui, sans-serif;--font-ui: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--fs-hero: clamp(32px, 8vw, 64px);--fs-title: clamp(22px, 5vw, 38px);--fs-h2: clamp(18px, 3.4vw, 24px);--fs-body: 14px;--fs-small: 12px;--fs-micro: 10px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur: .22s;--dur-slow: .42s;--z-canvas: 0;--z-hud: 4;--z-overlay: 6;--z-toast: 20;--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}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:var(--hud-glass);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-glow);animation:panel-in var(--dur) var(--ease-out)}.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.02;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#aef6ff,#2bb8ff 55%,#06c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(0,180,255,.6))}.screen-title{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:var(--fs-title);text-transform:uppercase;text-align:center;color:var(--white);text-shadow:0 0 20px rgba(0,180,255,.5)}.eyebrow{margin:0 0 var(--sp-4);color:var(--cyan);font-size:var(--fs-small);font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center}.muted{color:#7fbbe0;font-size:var(--fs-small);line-height:1.6}.hint{max-width:420px;margin:var(--sp-4) auto 0;color:#7fbbe0;font-size:var(--fs-small);line-height:1.7;text-align:center}.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%;min-height:50px;padding:12px 22px;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;font-size:15px;letter-spacing:.03em;text-transform:uppercase;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(-2px);box-shadow:0 0 30px #00d2ffd1}.btn:active:not(:disabled){transform:translateY(0) scale(.98);filter:brightness(1.15)}.btn:disabled{opacity:.4;filter:saturate(.4);cursor:not-allowed}.btn.ghost{background:#001e4685;border-color:var(--panel-border);box-shadow:none}.btn.ghost:hover:not(:disabled){background:#002d5f9e;box-shadow:0 0 18px #0096ff4d}.btn.amber{background:linear-gradient(135deg,#c89600eb,#ffcc1aeb);border-color:#ffe08299;color:#241a00;box-shadow:0 0 20px #ffc82880}.btn.danger{background:#3c0a1899;border-color:#ff446680;color:#ffd7de;box-shadow:none}.btn.danger:hover:not(:disabled){box-shadow:0 0 20px #f466}.btn.sm{min-height:40px;padding:8px 16px;font-size:13px}.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}.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;left:0;bottom:0;width:42%;height:46%;z-index:var(--z-hud);pointer-events:auto}.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}