:root{color-scheme:dark;--font-display: "Cinzel", "Palatino Linotype", serif;--font-hud: "Chakra Petch", "Trebuchet MS", sans-serif;--bg-void: #05050a;--bg-deep: #0a0a14;--bg-panel: rgba(10, 8, 22, .88);--gold: #ffc850;--gold-dim: #a88430;--gold-glow: rgba(255, 200, 80, .35);--gold-border: rgba(255, 200, 80, .22);--hp-left: #ff2244;--hp-right: #ff6644;--hp-glow: rgba(255, 34, 68, .5);--xp-left: #22ccff;--xp-right: #bb66ff;--xp-glow: rgba(34, 204, 255, .4);--text: #e8e0f0;--text-dim: rgba(255, 255, 255, .55);--text-label: rgba(255, 255, 255, .72);--border-subtle: rgba(255, 255, 255, .08);--border-mid: rgba(255, 255, 255, .14);--glow-purple: rgba(155, 89, 255, .4)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--bg-void);color:var(--text);font-family:var(--font-hud)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.game-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:8px;background:radial-gradient(ellipse at 30% 0%,rgba(90,40,160,.15),transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(20,60,120,.12),transparent 50%),var(--bg-void)}.frame{width:min(1400px,100%);height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);display:grid;grid-template:1fr / 1fr;border-radius:6px;overflow:hidden;border:2px solid var(--gold-border);box-shadow:0 0 40px #000000b3,0 0 2px var(--gold-border),inset 0 0 60px #0006;background:var(--bg-deep)}.frame.menu-open{display:none}.frame>*{grid-area:1 / 1}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-void)}canvas{display:block;width:100%;height:100%}.hud{position:relative;z-index:10;padding:10px 14px;pointer-events:none;display:flex;flex-direction:column;gap:6px;align-self:start;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 70%,transparent 100%)}.hud *{pointer-events:auto}.pill-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-label);background:#00000080;border:1px solid var(--border-subtle);border-radius:4px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}.pill strong{color:var(--gold);font-size:1rem;font-family:var(--font-display);font-weight:700}.pill-button{cursor:pointer;transition:border-color .12s ease,background .12s ease}.pill-button:hover{border-color:var(--gold-border);background:#ffc85014}.bar-stack{display:flex;flex-direction:column;gap:4px}.bar{display:flex;align-items:center;gap:10px}.bar span{width:60px;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-label);text-shadow:0 1px 3px rgba(0,0,0,.8)}.meter{position:relative;flex:1;height:16px;overflow:hidden;border-radius:2px;background:linear-gradient(180deg,#ffffff0a,#0000004d);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 6px #0009,0 1px #ffffff0d}.meter i{position:absolute;inset:1px auto 1px 1px;width:calc(100% - 2px);border-radius:1px;background:linear-gradient(90deg,var(--hp-left),var(--hp-right));transform-origin:left center;box-shadow:0 0 8px var(--hp-glow),inset 0 1px #ffffff40}.meter i:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.18) 55%,transparent 65%);animation:bar-shine 3s ease-in-out infinite}@keyframes bar-shine{0%,to{transform:translate(-120%)}50%{transform:translate(120%)}}.meter-xp i{background:linear-gradient(90deg,var(--xp-left),var(--xp-right));box-shadow:0 0 8px var(--xp-glow),inset 0 1px #ffffff40}.meter:before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(90deg,transparent,transparent 24px,rgba(0,0,0,.25) 24px,rgba(0,0,0,.25) 25px);pointer-events:none}.loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.loadout-panel{padding:8px 10px;border-radius:4px;border:1px solid var(--border-subtle);background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.loadout-title{margin:0 0 6px;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 10px var(--gold-glow)}.loadout-tray{display:flex;flex-wrap:wrap;gap:6px;min-height:50px}.loadout-item{position:relative;display:grid;justify-items:center;gap:4px;width:64px;padding:6px 4px;border-radius:4px;background:#ffffff0a;border:1px solid var(--border-subtle);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.loadout-item:hover,.loadout-item:focus-visible{border-color:var(--gold-border);box-shadow:0 0 12px var(--gold-glow)}.loadout-icon{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(200,160,255,.3))}.loadout-level{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.loadout-empty{align-self:center;color:var(--text-dim);font-size:.78rem;font-style:italic}.loadout-tooltip{position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:200px;padding:10px 12px;border-radius:4px;border:1px solid var(--gold-border);background:#080612f5;box-shadow:0 8px 30px #0009,0 0 12px var(--gold-glow);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .1s ease,transform .1s ease}.loadout-tooltip strong,.loadout-tooltip span{display:block}.loadout-tooltip strong{margin-bottom:4px;font-family:var(--font-display);color:var(--gold);text-shadow:0 0 6px var(--gold-glow)}.loadout-tooltip span{color:var(--text-label);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.loadout-tooltip p{margin-top:6px;color:var(--text-dim);font-size:.85rem;line-height:1.4}.loadout-item:hover .loadout-tooltip,.loadout-item:focus-visible .loadout-tooltip{opacity:1;transform:translateY(0)}.menu-screen{width:min(960px,100%);min-height:min(700px,calc(100vh - 32px));display:grid;place-items:center;padding:40px;border:2px solid var(--gold-border);border-radius:6px;background:radial-gradient(ellipse at 50% 30%,rgba(100,60,180,.18),transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(20,80,160,.12),transparent 40%),linear-gradient(180deg,#08081a,#0e0a1e,#0a0814);box-shadow:0 0 80px #0009,0 0 2px var(--gold-border);position:relative;overflow:hidden}.menu-screen[hidden]{display:none}.menu-screen:after{content:"";position:absolute;top:15%;right:12%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,120,.12) 0%,rgba(255,200,80,.06) 30%,transparent 70%);filter:blur(20px);animation:orb-breathe 4s ease-in-out infinite;pointer-events:none}@keyframes orb-breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.menu-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9;mix-blend-mode:screen}.menu-stage{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:22px;width:min(720px,100%)}.menu-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.eyebrow{margin:0;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 16px var(--gold-glow)}.menu-title{display:grid;gap:0;margin:0;font-family:var(--font-display);font-size:clamp(4.5rem,12vw,8rem);font-weight:900;line-height:.88;letter-spacing:-.02em;text-transform:uppercase;color:var(--text);text-shadow:0 0 30px rgba(200,160,255,.3),0 2px 0 rgba(0,0,0,.5)}.menu-title span:last-child{color:var(--gold);text-shadow:0 0 40px var(--gold-glow),0 0 80px rgba(255,200,80,.15),0 2px 0 rgba(0,0,0,.5)}.early-access-label{margin:-8px 0 2px;padding:4px 12px;border:1px solid rgba(255,200,80,.32);border-radius:3px;background:#ffc8500f;color:var(--gold);font-family:var(--font-hud);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 16px #ffc85014}.menu-start{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bg-void);background:linear-gradient(180deg,var(--gold) 0%,#e0a030 100%);border:none;border-radius:4px;clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 50%,calc(100% - 10px) 100%,10px 100%,0% 50%);box-shadow:0 0 24px var(--gold-glow);animation:start-pulse 2.5s ease-in-out infinite;transition:transform .12s ease}.menu-start:hover{transform:scale(1.05)}.menu-start strong{font-size:.72rem;opacity:.6;font-weight:600}@keyframes start-pulse{0%,to{box-shadow:0 0 20px var(--gold-glow),0 0 4px #ffc8504d}50%{box-shadow:0 0 40px var(--gold-glow),0 0 80px #ffc85026,0 0 8px #ffc85066}}.menu-settings-btn{padding:6px 18px;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-mid);border-radius:4px;background:#ffffff0a;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.menu-settings-btn:hover{color:var(--gold);border-color:var(--gold-border);background:#ffc8500f}.legacy-panel{width:min(720px,100%);padding:14px 16px 16px;border-radius:6px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,#080a14d1,#0c0a16b8);box-shadow:inset 0 1px #ffffff08;display:grid;gap:10px;text-align:left;justify-items:stretch}.legacy-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.legacy-ash{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-label)}.legacy-ash strong{color:var(--gold);font-family:var(--font-display);font-size:1rem}.legacy-copy{margin:6px 0 0;font-size:.88rem}.legacy-categories{display:grid;gap:16px}.legacy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.legacy-section{display:grid;gap:10px}.legacy-section-title{margin:0;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 8px var(--gold-glow)}.legacy-card{display:grid;gap:8px;text-align:left;padding:12px;border-radius:5px;border:1px solid var(--border-mid);background:linear-gradient(180deg,#382c5c2e,#14102280);color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.legacy-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold-border);box-shadow:0 10px 24px #0000004d,0 0 10px #ffc85014}.legacy-card:disabled{cursor:default;opacity:.68}.legacy-card.is-locked{border-style:dashed}.legacy-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.legacy-card-top strong{font-family:var(--font-display);font-size:.92rem;letter-spacing:.04em}.legacy-card-top span,.legacy-cost{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.legacy-card p{margin:0;color:var(--text-dim);font-size:.84rem;line-height:1.45}.legacy-requirement{display:block;color:var(--text-label);font-size:.72rem;line-height:1.4}.legacy-stats{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--text-label);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.legacy-stats strong{color:var(--gold);font-family:var(--font-display)}.legacy-save{display:grid;gap:10px}.legacy-save-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.legacy-save-status{min-height:1em;color:var(--text-label);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.legacy-save-data{width:100%;min-height:92px;resize:vertical;padding:10px 12px;border:1px solid var(--border-mid);border-radius:5px;background:#00000061;color:var(--text);font:.74rem / 1.45 var(--font-hud);outline:none}.legacy-save-data:focus{border-color:var(--gold-border);box-shadow:0 0 0 2px #ffc8501a}.settings-inner.legacy-panel{width:100%;max-height:none;overflow-y:auto;justify-items:stretch;border:none;border-radius:0;box-shadow:none;background:transparent;padding:28px 32px}.settings-panel{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#04040acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-panel[hidden]{display:none}.settings-panel--legacy{display:block;overflow-y:auto;background:#04040af0}.settings-inner{width:min(340px,90%);padding:24px 28px;border-radius:6px;border:1px solid var(--gold-border);background:linear-gradient(180deg,#141023fa,#0a0814fa);box-shadow:0 16px 48px #0009,0 0 1px var(--gold-border);display:grid;gap:18px;justify-items:center}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-label)}.settings-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:0}.settings-toggle-track{position:relative;width:40px;height:22px;border-radius:11px;background:var(--gold);border:1px solid var(--gold-dim);transition:background .16s ease,border-color .16s ease}.settings-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg-void);box-shadow:0 1px 3px #00000080;transition:transform .16s ease}.settings-toggle-text{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);min-width:24px;transition:color .16s ease}.settings-toggle.toggled-off .settings-toggle-track{background:#ffffff1f;border-color:var(--border-mid)}.settings-toggle.toggled-off .settings-toggle-knob{transform:translate(0)}.settings-toggle:not(.toggled-off) .settings-toggle-knob{transform:translate(18px)}.settings-toggle.toggled-off .settings-toggle-text{color:var(--text-dim)}.settings-close-btn{padding:6px 20px;font-size:.75rem}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#04040abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15}.overlay[hidden]{display:none}.overlay-codex{position:fixed;inset:0;z-index:20;padding:28px}.overlay-debug{position:fixed;inset:0;z-index:25;padding:28px}.overlay-panel{width:min(780px,100%);padding:24px;border-radius:6px;border:1px solid var(--gold-border);background:linear-gradient(180deg,#141023fa,#0a0814fa);box-shadow:0 20px 60px #0009,0 0 1px var(--gold-border),inset 0 1px #ffffff0a;position:relative}.overlay-panel h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-shadow:0 0 12px var(--glow-purple)}.overlay-panel p{margin-top:6px;color:var(--text-dim);line-height:1.5}.overlay-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.overlay-actions[hidden]{display:none}.boss-panel{display:grid;gap:6px;padding:8px 10px;border:1px solid rgba(120,180,255,.28);border-radius:4px;background:linear-gradient(180deg,#0a1222db,#080a149e);box-shadow:inset 0 1px #ffffff08,0 0 18px #5a82ff14}.boss-panel[hidden]{display:none}.boss-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.boss-heading strong{font-family:var(--font-display);font-size:.96rem;color:#cfe4ff;text-shadow:0 0 12px rgba(116,170,255,.25)}.boss-meter i{background:linear-gradient(90deg,#78a8ff,#d4f0ff);box-shadow:0 0 10px #80b2ff61,inset 0 1px #ffffff38}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.upgrade-card{position:relative;text-align:left;padding:12px;border-radius:6px;border:1px solid var(--border-mid);background:linear-gradient(180deg,#3c286433,#140f2399);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;overflow:hidden}.upgrade-card:hover{transform:translateY(-3px);border-color:var(--gold-border);box-shadow:0 6px 20px #0006,0 0 12px var(--gold-glow)}.upgrade-index{display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:8px;border-radius:2px;background:#ffc8501f;border:1px solid var(--gold-border);color:var(--gold);font-weight:700;font-size:.78rem;font-family:var(--font-display)}.upgrade-header{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:center}.upgrade-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(200,160,255,.35))}.upgrade-copy strong,.codex-copy strong{display:block;margin-bottom:4px;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text)}.upgrade-copy p,.codex-copy p{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.4}.codex-panel{width:min(980px,100%);max-height:min(86vh,920px);overflow:auto}.codex-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.codex-close{flex:none;padding:6px 16px;border:1px solid var(--border-mid);border-radius:4px;background:#ffffff0a;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;transition:border-color .12s ease,background .12s ease}.codex-close:hover{border-color:var(--gold-border);background:#ffc8500f}.codex-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.codex-section{padding:16px;border-radius:6px;border:1px solid var(--border-subtle);background:#ffffff05}.codex-title{margin:0 0 12px;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 8px var(--gold-glow)}.codex-list{display:grid;gap:8px}.codex-entry{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:4px;background:#ffffff08;border:1px solid transparent;transition:border-color .12s ease,background .12s ease}.codex-entry:hover{border-color:var(--border-subtle);background:#ffffff0d}.codex-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(200,160,255,.25))}.debug-panel{width:min(760px,100%)}.debug-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.debug-action{min-height:110px}.debug-action p{margin-top:6px}kbd{padding:2px 8px;border-radius:3px;border:1px solid var(--border-mid);background:#ffffff0f;font-family:var(--font-hud);font-size:.85em}.title-row{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:10px}h1{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1}@media(max-width:900px){.game-shell{padding:4px}.frame{height:calc(100vh - 8px);height:calc(100dvh - 8px);max-height:calc(100vh - 8px);max-height:calc(100dvh - 8px);border-radius:4px}.hud{padding:8px 10px}.pill{padding:4px 10px;font-size:.72rem}.meter{height:12px}.bar span{width:48px;font-size:.6rem}.codex-sections,.loadout-grid,.upgrade-grid,.debug-actions,.legacy-grid{grid-template-columns:1fr}.codex-header{flex-direction:column}.codex-entry,.upgrade-header{grid-template-columns:1fr}.codex-icon,.upgrade-icon{width:64px;height:64px}.menu-screen{padding:24px}.menu-title{font-size:clamp(3rem,10vw,5rem)}.legacy-header,.legacy-stats,.boss-heading{flex-direction:column;align-items:start}.menu-actions{flex-direction:column;width:100%}}