:root{--font-display: "Fredoka", cursive, sans-serif;--color-primary: #7c4dff;--color-primary-light: #b388ff;--color-accent: #00e676;--color-gold: #ffd740;--color-dark: #0f111a;--color-text: #ffffff;--color-bg-card: rgba(15, 17, 26, .8);--color-astronaut: #f43f5e}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#05060b;font-family:var(--font-display);color:var(--color-text)}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden}#webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px;z-index:10;transition:opacity .8s cubic-bezier(.16,1,.3,1)}#hud.cinematic-hidden{opacity:0;pointer-events:none}.hud-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;pointer-events:none}.hud-main-bar{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;pointer-events:none}.hud-left{display:flex;align-items:center;gap:8px;pointer-events:auto}.hud-levels-bar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:5}.planet-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0006;max-width:100%}.planet-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.planet-btn:hover{transform:scale(1.25) rotate(12deg)}.planet-icon{font-size:1.15rem}.pip-step-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#cbd5e1;width:18px;height:18px;border-radius:50%;font-size:.55rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:0;line-height:1}.pip-step-btn:hover{background:#a78bfa59;border-color:#a78bfa;color:#fff;transform:scale(1.2);box-shadow:0 0 8px #a78bfa99}.level-pips{display:flex;align-items:center;gap:1.5px;max-width:200px}.level-pips .pip{width:3px;height:3px;border-radius:50%;background:#ffffff2e;border:.5px solid rgba(167,139,250,.35);transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.level-pips .pip:hover{transform:scale(2)!important;box-shadow:0 0 6px #38bdf8!important;border-color:#7dd3fc!important}.level-pips .pip.phase-mark{border-color:#38bdf8b3;transform:scale(1.15)}.level-pips .pip.filled{background:#a78bfa;border-color:#c4b5fd;box-shadow:0 0 4px #a78bfa,0 0 6px #a78bfa80;transform:scale(1.2)}.level-pips .pip.filled.phase-mark{background:#38bdf8;border-color:#7dd3fc;box-shadow:0 0 5px #38bdf8,0 0 8px #38bdf8bf;transform:scale(1.3)}.level-progress-bar-mobile{display:none}.tracker-group{display:flex;align-items:center;gap:10px;pointer-events:auto}.stat-pill{display:flex;align-items:center;gap:10px;background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.goal-icon-pill{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border-radius:50%;background:radial-gradient(circle,#1e293bf0,#0f172afa);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid rgba(255,215,64,.65);box-shadow:0 4px 20px #00000080,0 0 16px #ffd74066;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:default}.goal-icon-pill:hover{transform:scale(1.08);border-color:#ffd740;box-shadow:0 6px 24px #0009,0 0 24px #ffd740b3}.orb-constellation{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.orb-constellation svg{width:40px;height:40px;overflow:visible;filter:drop-shadow(0 0 6px rgba(0,0,0,.65))}.orbs-pill.ready{border-color:#ffd740;box-shadow:0 0 28px #ffd740e6,inset 0 0 16px #ffd74073;animation:readyOrbPulse 1.4s ease-in-out infinite}@keyframes readyOrbPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px #ffd740)}50%{transform:scale(1.12);filter:drop-shadow(0 0 18px #ffd740)}}.stat-icon{font-size:1.2rem}.pulse-icon{animation:pulseIcon 2s ease-in-out infinite}@keyframes pulseIcon{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px #ffd740)}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px #ffd740)}}.tree-pips{display:flex;align-items:center;gap:7px}.tree-pips .pip{width:12px;height:12px;border-radius:50%;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.tree-pips .pip.filled{background:#00e676;border-color:#a7f3d0;box-shadow:0 0 10px #00e676,0 0 20px #00e67666;transform:scale(1.2)}.oxygen-vignette{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5;box-shadow:inset 0 0 120px #ef4444d9,inset 0 0 45px #000000e6;opacity:0;transition:opacity .3s ease}.oxygen-refill-vignette{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:6;box-shadow:inset 0 0 110px #00e5ffbf,inset 0 0 40px #38bdf880;opacity:0;transition:opacity .5s ease-out}.oxygen-bubble-float{position:fixed;left:max(50px,env(safe-area-inset-left,0px) + 38px);top:50%;font-size:1.4rem;font-weight:700;color:#00e5ff;pointer-events:none;z-index:95;opacity:0;transform:translateY(-50%) scale(.6);transition:all .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px #00e5ff)}.oxygen-bubble-float.show{opacity:1;transform:translateY(-110px) scale(1.3)}.oxygen-pill.refill-surge{border-color:#00e5ff!important;box-shadow:0 0 25px #00e5ffcc,inset 0 0 12px #00e5ff66!important;animation:refillBounce .6s ease-out!important}@keyframes refillBounce{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.96)}to{transform:scale(1)}}.stat-value{font-size:1.25rem;font-weight:700;color:var(--color-gold)}.oxygen-pill{position:fixed;left:max(18px,env(safe-area-inset-left,0px) + 12px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 7px;gap:8px;border-radius:999px;background:var(--color-bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.18);box-shadow:0 6px 28px #00000073;pointer-events:auto;z-index:90;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.oxygen-pill .oxygen-icon{font-size:1.1rem;line-height:1;filter:drop-shadow(0 0 6px #00e5ff);transition:transform .3s ease,filter .3s ease}.oxygen-track{width:11px;height:170px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 2px 6px #00000080;overflow:hidden;position:relative;display:flex;align-items:flex-end}.oxygen-fill{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:999px;background:linear-gradient(0deg,#00e5ff,#38bdf8);box-shadow:0 0 14px #00e5ff,0 0 6px #38bdf8d9;transition:height .25s cubic-bezier(.34,1.56,.64,1),background .3s ease}.oxygen-pill.warning{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b80}.oxygen-pill.warning .oxygen-fill{background:linear-gradient(0deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b}.oxygen-pill.warning .oxygen-icon{filter:drop-shadow(0 0 6px #f59e0b)}.oxygen-pill.critical{border-color:#ef4444;animation:criticalAlarm .7s ease-in-out infinite alternate}.oxygen-pill.critical .oxygen-fill{background:linear-gradient(0deg,#dc2626,#ef4444);box-shadow:0 0 12px #ef4444}.oxygen-pill.critical .oxygen-icon{filter:drop-shadow(0 0 8px #ef4444)}@keyframes criticalAlarm{0%{transform:scale(1);box-shadow:0 0 12px #ef444499}to{transform:scale(1.08);box-shadow:0 0 28px #ef4444}}.icon-button{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#fff;transition:all .2s ease;box-shadow:0 4px 16px #0000004d}.icon-button:hover{transform:scale(1.08);border-color:#ffffff59}.icon-button.active-toggle{border-color:#38bdf8;box-shadow:0 0 12px #38bdf880}.pov-joystick-zone{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));width:148px;height:148px;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;z-index:30;transition:opacity .3s ease,transform .3s ease}.pov-joystick-zone.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.pov-joystick-base{position:relative;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at center,#0f172a73,#1e1b4ba6);border:2px solid rgba(167,139,250,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px #0006,inset 0 0 16px #7c4dff33;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:border-color .25s ease,box-shadow .25s ease}.pov-joystick-base.active{border-color:var(--color-astronaut, #38bdf8);box-shadow:0 0 28px #38bdf873,inset 0 0 20px #38bdf840}.pov-ring-outer{position:absolute;width:104px;height:104px;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none}.pov-ring-inner{position:absolute;width:62px;height:62px;border-radius:50%;border:1px dashed rgba(255,255,255,.18);pointer-events:none}.pov-axis-h{position:absolute;width:94px;height:1px;background:#ffffff1f;pointer-events:none}.pov-axis-v{position:absolute;width:1px;height:94px;background:#ffffff1f;pointer-events:none}.pov-marker{position:absolute;color:#ffffff61;font-size:.65rem;pointer-events:none;line-height:1}.pov-n{top:6px}.pov-s{bottom:6px}.pov-e{right:8px}.pov-w{left:8px}.pov-joystick-stick{position:absolute;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7c4dff,#312e81);border:2.5px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000080,0 0 16px #7c4dff80;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform;transform:translate(0)}.pov-joystick-base.active .pov-joystick-stick{background:radial-gradient(circle at 35% 35%,var(--color-astronaut, #38bdf8) 0%,#1e1b4b 100%);border-color:#fff;box-shadow:0 0 24px var(--color-astronaut, #38bdf8),inset 0 0 10px #ffffff80}.pov-core-dot{font-size:1.15rem;line-height:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));-webkit-user-select:none;user-select:none}.dpad-container{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;z-index:30;transition:opacity .3s ease,transform .3s ease}.dpad-container.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.dpad-row{display:flex;align-items:center;gap:8px}.dpad-btn{width:60px;height:60px;border-radius:18px;background:#1e1b4bd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(167,139,250,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #0006;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dpad-btn:active,.dpad-btn.pressed{transform:scale(.92);background:linear-gradient(135deg,#7c4dff,#38bdf8);border-color:#38bdf8;box-shadow:0 0 20px #38bdf8b3}.arrow-glyph{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.dpad-core{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#a78bfa66;font-size:1.2rem}.minimap-container{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at center,#0f172ae0,#05070df5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(56,189,248,.4);box-shadow:0 8px 32px #0009,0 0 16px #38bdf840,inset 0 0 16px #00e5ff26;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;z-index:25;transition:all .3s ease}.minimap-container:hover{transform:scale(1.05);border-color:#38bdf8;box-shadow:0 8px 32px #000000b3,0 0 24px #38bdf880}.minimap-container.inspecting{border-color:#38bdf8!important;box-shadow:0 0 35px #38bdf8bf,inset 0 0 25px #38bdf84d!important;animation:inspectGlow 1.5s ease-in-out infinite alternate!important}@keyframes inspectGlow{0%{transform:scale(1);filter:drop-shadow(0 0 4px #38bdf8)}to{transform:scale(1.08);filter:drop-shadow(0 0 14px #38bdf8)}}.time-freeze-indicator{position:fixed;top:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0f172ae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 22px;border-radius:999px;border:1.5px solid rgba(56,189,248,.6);box-shadow:0 8px 32px #0009,0 0 20px #38bdf859;color:#38bdf8;font-size:1.2rem;font-weight:700;cursor:pointer;pointer-events:auto;z-index:50;animation:freezePulse 1.6s ease-in-out infinite alternate;transition:all .3s ease}.time-freeze-indicator:hover{transform:translate(-50%) scale(1.08);border-color:#38bdf8;box-shadow:0 0 28px #38bdf8a6}.time-freeze-indicator.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-20px) scale(.9)}@keyframes freezePulse{0%{box-shadow:0 0 12px #38bdf84d}to{box-shadow:0 0 24px #38bdf8b3}}.minimap-canvas{width:140px;height:140px;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0;pointer-events:none}.lowpoly-compass-frame{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0!important;border:2px solid rgba(56,189,248,.5)!important;box-shadow:0 0 16px #38bdf866,inset 0 0 14px #0f172ae6!important;background:linear-gradient(135deg,#0f172af2,#1e1b4be6)!important}.compass-bezel{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0;pointer-events:none}.compass-marker{position:absolute;font-size:.65rem;font-weight:800;color:#fff9;text-shadow:0 0 6px rgba(0,0,0,.9);pointer-events:none;transform:translate(-50%,-50%)}.compass-n{top:8px;left:50%;color:#38bdf8;text-shadow:0 0 8px #38bdf8}.compass-s{bottom:2px;left:50%}.compass-e{top:50%;right:2px;transform:translateY(-50%)}.compass-w{top:50%;left:2px;transform:translateY(-50%)}.compass-needle{position:absolute;top:50%;left:50%;width:8px;height:52px;margin-top:-26px;margin-left:-4px;pointer-events:none;transform-origin:center center;transition:transform .08s linear}.lowpoly-needle-pointer{width:10px;height:24px;margin-left:-1px;clip-path:polygon(50% 0%,100% 80%,50% 100%,0% 80%);background:linear-gradient(90deg,#38bdf8 50%,#0284c7 50%);filter:drop-shadow(0 0 6px #38bdf8)}.compass-target{position:absolute;top:50%;left:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .08s linear}.compass-target .target-glyph{font-size:.95rem;line-height:1}.compass-target.tree-target .target-glyph{filter:drop-shadow(0 0 6px #22c55e);animation:targetPulse 1.4s ease-in-out infinite}.compass-target.orb-target .target-glyph{filter:drop-shadow(0 0 6px #fbbf24);animation:targetPulse 1.2s ease-in-out infinite}.compass-target.ship-target .target-glyph{filter:drop-shadow(0 0 6px #38bdf8);animation:targetPulse 1s ease-in-out infinite}.respawn-tap-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;z-index:400;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.respawn-tap-prompt.hidden{display:none!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.7)}.big-play-btn{position:relative;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#1e293be0,#0f172af2);border:2.5px solid #38bdf8;box-shadow:0 0 36px #38bdf899,inset 0 0 20px #38bdf859;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .25s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0}.big-play-btn:hover{transform:scale(1.12);border-color:#7dd3fc;box-shadow:0 0 54px #38bdf8e6,inset 0 0 28px #38bdf880}.big-play-btn:active{transform:scale(.95)}.big-play-glyph{font-size:3.4rem;line-height:1;color:#38bdf8;margin-left:8px;filter:drop-shadow(0 0 14px rgba(56,189,248,.9));-webkit-user-select:none;user-select:none;pointer-events:none}.big-play-ring{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:50%;border:2px solid rgba(56,189,248,.6);animation:playPulseRing 2s infinite ease-out;pointer-events:none}@keyframes playPulseRing{0%{transform:scale(.92);opacity:.95}to{transform:scale(1.48);opacity:0}}@keyframes targetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#05060bd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:500;transition:opacity .5s ease}.modal-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.modal-card{background:linear-gradient(145deg,#1e1b4bf2,#0f111afa);border:2px solid rgba(167,139,250,.4);border-radius:32px;padding:36px 44px;max-width:420px;width:85%;text-align:center;box-shadow:0 20px 60px #7c4dff59;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-stars{font-size:1.8rem;margin-bottom:16px;letter-spacing:6px}.modal-icon-banner{font-size:3.2rem;margin-bottom:20px;filter:drop-shadow(0 0 16px rgba(0,230,118,.5))}.level-card{text-align:center;max-width:360px;border-color:#38bdf880;box-shadow:0 0 50px #38bdf866,inset 0 0 20px #a78bfa33;animation:popIn .6s cubic-bezier(.34,1.56,.64,1)}.level-numeral-banner{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}.level-planet-glyph{font-size:3.2rem;filter:drop-shadow(0 0 20px rgba(56,189,248,.8))}.level-numeral{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;filter:drop-shadow(0 0 22px rgba(56,189,248,.7))}.level-subtitle-glyphs{font-size:1.8rem;letter-spacing:12px;margin-top:8px}.victory-pips{justify-content:center;margin-bottom:32px;gap:12px}.victory-pips .pip{width:18px;height:18px}.victory-actions{display:flex;gap:16px;justify-content:center}.btn{border-radius:999px;cursor:pointer;border:none;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center}.icon-btn{width:58px;height:58px;font-size:1.6rem}.btn-primary{background:linear-gradient(135deg,#7c4dff,#38bdf8);color:#fff;box-shadow:0 8px 24px #7c4dff66}.btn-primary:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 28px #7c4dff99}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-3px) scale(1.08)}#personalization-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#05060b26,#05060b8c)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:flex!important;align-items:center;justify-content:center;z-index:500!important;pointer-events:auto!important}#personalization-modal.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.personalization-card{position:relative;z-index:510!important;pointer-events:auto!important;max-width:520px;width:92vw;padding:28px 20px}.avatar-selection-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:22px 0 28px}.avatar-card{width:50px;height:64px;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;outline:none;padding:0;background:#0f172ad9;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #00000059}.avatar-card:hover{transform:translateY(-3px) scale(1.08)}.poly-facet-mesh{width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.poly-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.avatar-card.selected .poly-facet-mesh{transform:scale(1.18)}.card-coral{border-color:#f43f5e66}.card-coral:hover{border-color:#f43f5e;box-shadow:0 6px 20px #f43f5e66}.card-coral.selected{border-color:#f43f5e;box-shadow:0 0 24px #f43f5ecc,inset 0 0 12px #f43f5e59;transform:scale(1.12)}.card-lavender{border-color:#c084fc66}.card-lavender:hover{border-color:#c084fc;box-shadow:0 6px 20px #c084fc66}.card-lavender.selected{border-color:#c084fc;box-shadow:0 0 24px #c084fccc,inset 0 0 12px #c084fc59;transform:scale(1.12)}.card-peach{border-color:#fb923c66}.card-peach:hover{border-color:#fb923c;box-shadow:0 6px 20px #fb923c66}.card-peach.selected{border-color:#fb923c;box-shadow:0 0 24px #fb923ccc,inset 0 0 12px #fb923c59;transform:scale(1.12)}.card-mint{border-color:#34d39966}.card-mint:hover{border-color:#34d399;box-shadow:0 6px 20px #34d39966}.card-mint.selected{border-color:#34d399;box-shadow:0 0 24px #34d399cc,inset 0 0 12px #34d39959;transform:scale(1.12)}.card-fuchsia{border-color:#d946ef66}.card-fuchsia:hover{border-color:#d946ef;box-shadow:0 6px 20px #d946ef66}.card-fuchsia.selected{border-color:#d946ef;box-shadow:0 0 24px #d946efcc,inset 0 0 12px #d946ef59;transform:scale(1.12)}.card-blush{border-color:#f472b666}.card-blush:hover{border-color:#f472b6;box-shadow:0 6px 20px #f472b666}.card-blush.selected{border-color:#f472b6;box-shadow:0 0 24px #f472b6cc,inset 0 0 12px #f472b659;transform:scale(1.12)}.card-cobalt{border-color:#2563eb66}.card-cobalt:hover{border-color:#38bdf8;box-shadow:0 6px 20px #2563eb66}.card-cobalt.selected{border-color:#38bdf8;box-shadow:0 0 24px #38bdf8cc,inset 0 0 12px #38bdf859;transform:scale(1.12)}.card-emerald{border-color:#10b98166}.card-emerald:hover{border-color:#34d399;box-shadow:0 6px 20px #10b98166}.card-emerald.selected{border-color:#34d399;box-shadow:0 0 24px #34d399cc,inset 0 0 12px #34d39959;transform:scale(1.12)}.card-amethyst{border-color:#a855f766}.card-amethyst:hover{border-color:#c084fc;box-shadow:0 6px 20px #a855f766}.card-amethyst.selected{border-color:#c084fc;box-shadow:0 0 24px #c084fccc,inset 0 0 12px #c084fc59;transform:scale(1.12)}.card-amber{border-color:#f9731666}.card-amber:hover{border-color:#fb923c;box-shadow:0 6px 20px #f9731666}.card-amber.selected{border-color:#fb923c;box-shadow:0 0 24px #fb923ccc,inset 0 0 12px #fb923c59;transform:scale(1.12)}.card-cyan{border-color:#06b6d466}.card-cyan:hover{border-color:#22d3ee;box-shadow:0 6px 20px #06b6d466}.card-cyan.selected{border-color:#22d3ee;box-shadow:0 0 24px #22d3eecc,inset 0 0 12px #22d3ee59;transform:scale(1.12)}.card-dark{background:radial-gradient(circle,#18181bfa,#09090b);border-color:#ef444473}.card-dark:hover{border-color:#ef4444;box-shadow:0 6px 24px #ef444473}.card-dark.selected{border-color:#ef4444;box-shadow:0 0 28px #ef4444d9,inset 0 0 14px #ef444466;transform:scale(1.12)}.confirm-start-btn{background:linear-gradient(135deg,#00e676,#00b0ff);color:#fff;border:none;border-radius:999px;width:72px;height:72px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #00e67673;transition:all .25s cubic-bezier(.16,1,.3,1)}.confirm-start-btn:hover{transform:scale(1.15);box-shadow:0 12px 35px #00e676a6}.confirm-glyph{font-size:2rem;margin-left:4px}.game-title-hero{margin-bottom:20px;display:flex;align-items:center;justify-content:center}.game-logo-image{max-width:280px;width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 6px 20px rgba(56,189,248,.45));-webkit-user-select:none;user-select:none;animation:logoGlow 4s ease-in-out infinite alternate}.game-logo-text{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:.28em;text-indent:.28em;margin:0;background:linear-gradient(135deg,#fff 10%,#c084fc,#38bdf8 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(167,139,250,.8));animation:logoGlow 4s ease-in-out infinite alternate}.victory-title-banner{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:.24em;text-indent:.24em;margin-bottom:12px;background:linear-gradient(135deg,#fff 10%,#ffd740,#00e676 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(255,215,64,.7))}@keyframes logoGlow{0%{filter:drop-shadow(0 0 14px rgba(167,139,250,.6)) drop-shadow(0 0 24px rgba(56,189,248,.3))}to{filter:drop-shadow(0 0 24px rgba(167,139,250,.9)) drop-shadow(0 0 40px rgba(56,189,248,.6))}}.level-select-card{max-width:580px;width:92%;padding:24px 28px}.modal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title-group{display:flex;align-items:center;gap:10px}.modal-icon-badge{font-size:1.5rem}.modal-header-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;letter-spacing:.05em;font-family:Outfit,sans-serif}.btn-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s ease}.btn-modal-close:hover{background:#f43f5e66;border-color:#f43f5e;color:#fff;transform:scale(1.1)}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-height:52vh;overflow-y:auto;padding:6px 4px;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.4) transparent}.level-tile{background:#ffffff0d;border:1px solid rgba(167,139,250,.25);border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);color:#cbd5e1;position:relative}.level-tile:hover{background:#a78bfa40;border-color:#a78bfa;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 14px #7c4dff59;color:#fff}.level-tile.active{background:linear-gradient(135deg,#38bdf84d,#a78bfa59);border-color:#38bdf8;box-shadow:0 0 16px #38bdf899;color:#fff}.level-tile .tile-shape{font-size:1.15rem;color:#fbbf24}.level-tile .tile-trail{font-size:.8rem;opacity:.9}.level-select-footer{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.78rem;color:#94a3b8}.key-pill{background:#ffffff1a;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.2);font-family:monospace;color:#e2e8f0}@media (max-width: 600px){.level-grid{grid-template-columns:repeat(5,1fr);gap:6px}.level-tile{padding:6px 2px}}@media (max-width: 640px){#hud{padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.hud-header{gap:2px;width:100%}.hud-main-bar{min-height:40px;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px;position:relative}.hud-left{order:1;display:flex;align-items:center;gap:4px;flex-shrink:0;z-index:2}.hud-levels-bar{order:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;margin-top:0;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:5}.tracker-group{order:3;display:flex;align-items:center;gap:3px;flex-shrink:0;z-index:2}.goal-icon-pill{width:34px;height:34px;box-shadow:0 4px 14px #00000080,0 0 12px #ffd74059}.orb-constellation,.orb-constellation svg{width:26px;height:26px}.stat-pill{padding:2px 5px;gap:3px}.stat-icon{font-size:.8rem}.tree-pips{gap:2px}.tree-pips .pip{width:4px;height:4px}.oxygen-pill{position:fixed;left:max(8px,env(safe-area-inset-left,0px) + 4px);top:50%;transform:translateY(-50%);padding:8px 5px;gap:5px;min-width:unset;border-radius:999px}.oxygen-pill .oxygen-icon{font-size:.8rem}.oxygen-track{width:8px;height:120px}.oxygen-bubble-float{left:max(32px,env(safe-area-inset-left,0px) + 24px);font-size:1.15rem}.oxygen-bubble-float.show{transform:translateY(-80px) scale(1.2)}.icon-button{width:26px;height:26px;font-size:.82rem;padding:0;flex-shrink:0}.planet-badge{padding:2px 6px;gap:4px;max-width:100%;height:30px;box-sizing:border-box;display:inline-flex;align-items:center}.planet-btn{font-size:.95rem;padding:0}.planet-icon{font-size:.95rem}.level-pips{display:none!important}.level-progress-bar-mobile{display:flex;align-items:center;width:clamp(50px,17vw,85px);height:7px;background:#ffffff1f;border-radius:999px;border:1px solid rgba(167,139,250,.35);overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 4px #0006;touch-action:none}.avatar-card{width:44px;height:56px;border-radius:12px}.poly-facet-mesh{width:28px;height:28px}.level-progress-fill-mobile{height:100%;width:3%;background:linear-gradient(90deg,#a78bfa,#38bdf8);border-radius:999px;box-shadow:0 0 8px #38bdf8b3;transition:width .25s cubic-bezier(.34,1.56,.64,1)}.pip-step-btn{width:22px;height:22px;font-size:.65rem;flex-shrink:0}.planet-icon{font-size:1.15rem}.pov-joystick-zone{bottom:calc(14px + env(safe-area-inset-bottom,0px));left:calc(14px + env(safe-area-inset-left,0px));width:132px;height:132px}.pov-joystick-base{width:114px;height:114px}.pov-joystick-stick{width:48px;height:48px}.dpad-container{bottom:calc(14px + env(safe-area-inset-bottom,0px));left:calc(14px + env(safe-area-inset-left,0px))}.dpad-btn{width:52px;height:52px}.minimap-container{bottom:calc(14px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px));width:116px;height:116px}.minimap-canvas{width:116px!important;height:116px!important}}.escape-victory-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:280px!important;padding:36px 32px!important;border-radius:28px!important;border:2px solid #38bdf8!important;background:radial-gradient(circle,#1e1b4bf2,#0f111afa)!important;box-shadow:0 0 45px #38bdf880,0 0 90px #6366f14d!important}.escape-trophy{font-size:4.8rem;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 20px #ffd740) drop-shadow(0 0 40px rgba(255,215,64,.5));animation:trophyFloat 2.4s ease-in-out infinite}@keyframes trophyFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.escape-play-btn{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb);border:2px solid rgba(255,255,255,.6);color:#fff;font-size:2rem;padding-left:5px;cursor:pointer;box-shadow:0 0 25px #38bdf8bf,0 4px 16px #0006;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.escape-play-btn:hover{transform:scale(1.14);box-shadow:0 0 35px #38bdf8f2,0 6px 20px #00000080;border-color:#fff}.escape-play-btn:active{transform:scale(.95)}.pip.phase-final{background:#38bdf8!important;border-color:#0284c7!important;box-shadow:0 0 8px #38bdf8!important}.helmet-visor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;box-shadow:inset 0 0 140px 45px #050a19e0,inset 0 0 60px #38bdf859;border:14px solid rgba(15,23,42,.75);border-radius:42px;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.helmet-visor-overlay.hidden{display:none;opacity:0}.visor-reflection-left{position:absolute;top:4%;left:4%;width:26vw;height:42vh;background:radial-gradient(ellipse at 25% 25%,rgba(255,255,255,.14) 0%,rgba(56,189,248,.06) 50%,transparent 80%);transform:rotate(-10deg);border-radius:50%;filter:blur(14px)}.visor-reflection-right{position:absolute;top:6%;right:4%;width:22vw;height:38vh;background:radial-gradient(ellipse at 75% 25%,rgba(255,255,255,.1) 0%,rgba(167,139,250,.05) 50%,transparent 80%);transform:rotate(12deg);border-radius:50%;filter:blur(16px)}.visor-reticle{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border:1.5px solid rgba(56,189,248,.4);border-radius:50%;box-shadow:0 0 10px #38bdf859}