:root{--bg-deep: #030a12;--panel-bg: rgba(6, 14, 26, .88);--panel-border: rgba(129, 230, 255, .12);--panel-glow: rgba(129, 230, 255, .04);--text: #e8f6ff;--text-dim: rgba(200, 224, 240, .72);--text-muted: rgba(160, 196, 220, .56);--accent: #81e6ff;--accent-glow: rgba(129, 230, 255, .25);--warm: #ff8f6b;--success: #6bffa8;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .06);--card-active-bg: rgba(129, 230, 255, .08);--card-active-border: rgba(129, 230, 255, .28);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:Trebuchet MS,Gill Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html,body,#gameCanvas,.overlay,.card,.btn,.start-prompt{cursor:url(../cursors/orb-weaver-cursor.svg) 16 16,default}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.game-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#bgCanvas{z-index:0;pointer-events:none}#gameCanvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:2;cursor:url(../cursors/orb-weaver-cursor.svg) 16 16,default}.pixi-layer{z-index:3;pointer-events:none}.pixi-layer--back{z-index:1}#fxCanvas{z-index:4;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:transparent;z-index:10;transition:opacity .35s ease}.overlay.hidden{display:none}.overlay--loading{background:radial-gradient(ellipse at 50% 45%,#10263e4d,#030a12d1)}.overlay--loading .start-prompt{animation:loadingPulse 1.2s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.72}50%{opacity:1}}.panel{width:min(580px,calc(100vw - 32px));padding:32px 36px;border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-bg);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 0 0 1px var(--panel-glow),0 24px 80px #00000080,0 0 120px var(--panel-glow);animation:panelIn .4s ease-out}.panel.hidden{display:none}@keyframes panelIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel__eyebrow{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.panel__title{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.02em;line-height:1.1;margin-bottom:8px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel__stats{display:flex;gap:16px;margin-bottom:24px}.panel__stat{padding:12px 18px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.05);min-width:110px}.panel__stat.hidden{display:none}.panel__stat-label{display:block;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:4px}.panel__stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--text)}.panel__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.card{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-border);cursor:url(../cursors/orb-weaver-cursor.svg) 16 16,pointer;transition:all .2s ease;text-align:left;font:inherit;color:var(--text)}.card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.card.card--active{background:var(--card-active-bg);border-color:var(--card-active-border);box-shadow:0 0 24px var(--panel-glow)}.card.card--active:hover{background:#81e6ff1f;border-color:#81e6ff59}.card.card--owned{border-color:#6bffa833}.card.card--owned .card__status{color:var(--success)}.card__icon{font-size:1.6rem;margin-bottom:10px;opacity:.7}.card__title{font-size:1rem;font-weight:700;margin-bottom:6px}.card__status{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 32px;border:none;border-radius:999px;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:url(../cursors/orb-weaver-cursor.svg) 16 16,pointer;transition:all .2s ease;white-space:nowrap}.btn--primary{background:linear-gradient(135deg,var(--accent),#b8f0ff);color:#082034;box-shadow:0 8px 28px var(--accent-glow)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px #81e6ff59}.btn--secondary{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn--secondary:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-dim);border:1px solid rgba(255,255,255,.08);padding:6px 16px;font-size:.78rem}.btn--ghost:hover{background:#ffffff0f;color:var(--text)}.btn--sm{padding:6px 14px;font-size:.76rem}.panel__actions{display:flex;gap:12px}.hud{position:absolute;top:20px;left:20px;z-index:5;display:flex;flex-direction:column;gap:10px;pointer-events:none;animation:hudIn .5s ease-out}.hud.hidden{display:none}@keyframes hudIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hud__row{display:flex;gap:8px}.hud__stat{padding:10px 16px;border-radius:var(--radius-sm);background:#060e18b3;border:1px solid rgba(129,230,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:100px}.hud__label{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:2px}.hud__value{display:block;font-size:1.3rem;font-weight:700;color:var(--text)}.hud__upgrades{display:flex;gap:8px}.hud__upgrade{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:#060e18a6;border:1px solid rgba(129,230,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.8rem}.hud__upgrade.hud__upgrade--active{border-color:#81e6ff33}.hud__upgrade.hud__upgrade--ready{border-color:#6bffa840}.hud__upgrade.hud__upgrade--ready .hud__upgrade-status{color:var(--success)}.hud__upgrade.hud__upgrade--recharging .hud__upgrade-status{color:var(--warm)}.hud__upgrade-icon{font-size:1rem;opacity:.6}.hud__upgrade-name{font-weight:600;color:var(--text-dim);font-size:.75rem;letter-spacing:.08em}.hud__upgrade-status{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 640px){.panel{padding:24px 20px;width:calc(100vw - 16px)}.panel__title{font-size:clamp(1.6rem,6vw,2.4rem)}.panel__cards{grid-template-columns:1fr}.panel__actions{flex-direction:column}.hud{top:12px;left:12px}.hud__stat{min-width:80px;padding:8px 12px}.hud__value{font-size:1.1rem}}.overlay__content{display:flex;flex-direction:column;align-items:center;gap:16px}.death-score{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;letter-spacing:.04em;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none}.death-score.hidden{display:none}.death-score__label{display:block;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;-webkit-text-fill-color:var(--text-muted);font-weight:600;margin-bottom:4px;text-align:center}.start-prompt{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,4vw,2.4rem);letter-spacing:.08em;color:var(--text);text-transform:uppercase;text-shadow:0 0 18px rgba(129,230,255,.2);-webkit-user-select:none;user-select:none}.fullscreen-hint,.volume-hint{font-size:.75rem;letter-spacing:.16em;color:var(--text-muted);-webkit-user-select:none;user-select:none}.volume-bar{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);background:#060e1ad9;border:1px solid rgba(129,230,255,.12);pointer-events:none;transition:opacity .3s ease}.volume-bar.hidden{opacity:0;pointer-events:none}.volume-bar__label{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.volume-bar__track{width:160px;height:6px;border-radius:3px;background:#ffffff1f}.volume-bar__fill{height:100%;border-radius:3px;background:var(--accent);transition:width .1s ease}