:root{--moonvault-bg:#10091d;--moonvault-ink:#f8edcb;--moonvault-muted:#c7b98d;--moonvault-panel:#120b23d6;--moonvault-panel-strong:#1c1135f0;--moonvault-gold:#f5d37a;--moonvault-cyan:#72f7dc;--moonvault-violet:#8b5cf6;--moonvault-danger:#ff5f7d;--moonvault-shadow:#101827;--moonvault-good:#86efac;--moonvault-border:#f5d37a59}*{box-sizing:border-box}html,body,#game-root{background:var(--moonvault-bg);width:100%;height:100%;min-height:100%;color:var(--moonvault-ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.moonvault-game{isolation:isolate;touch-action:none;background:radial-gradient(circle at 50% 20%,#8b5cf647,#0000 34%),linear-gradient(145deg,#0c0718 0%,#17102e 52%,#0c0718 100%);width:100%;height:100%;min-height:620px;position:relative;overflow:hidden}.moonvault-canvas-host,.moonvault-canvas-host canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.moonvault-screen{z-index:3;pointer-events:none;place-items:center;padding:clamp(16px,3vw,40px);display:grid;position:absolute;inset:0}.moonvault-screen[hidden],.moonvault-hud[hidden],.moonvault-touch[hidden]{display:none}.moonvault-panel{pointer-events:auto;border:1px solid var(--moonvault-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#160d2bf5,#221540e6),radial-gradient(circle at 78% 12%,#f5d37a1f,#0000 22%);border-radius:22px;width:min(1080px,100%);max-height:min(92vh,900px);overflow:auto;box-shadow:0 28px 90px #0000007a}.moonvault-menu-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(18px,3vw,34px);padding:clamp(22px,4vw,44px);display:grid}.moonvault-kicker{color:var(--moonvault-cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.moonvault-title{color:var(--moonvault-ink);text-transform:uppercase;text-wrap:balance;max-width:780px;margin:0;font-size:clamp(2.65rem,8vw,6.6rem);line-height:.86}.moonvault-tagline{color:var(--moonvault-muted);max-width:620px;margin:22px 0 0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.55}.moonvault-menu-actions,.moonvault-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.moonvault-menu-actions{margin-top:26px}.moonvault-button{min-height:44px;color:var(--moonvault-ink);cursor:pointer;background:#ffffff14;border:1px solid #f8edcb3d;border-radius:14px;padding:10px 16px;transition:transform .14s,background .14s,border-color .14s;box-shadow:inset 0 0 0 1px #ffffff0a}.moonvault-button:hover,.moonvault-button:focus-visible{background:#72f7dc1f;border-color:#72f7dcb8;outline:none;transform:translateY(-1px)}.moonvault-button.primary{color:#17102e;background:linear-gradient(135deg, var(--moonvault-gold), #fff1ad);border-color:#0000;font-weight:900}.moonvault-button.danger{background:#ff5f7d21;border-color:#ff5f7d80}.moonvault-button.small{border-radius:11px;min-height:36px;padding:7px 11px;font-size:.88rem}.moonvault-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.moonvault-stat{background:#ffffff0f;border:1px solid #f5d37a33;border-radius:16px;min-width:0;padding:12px}.moonvault-stat span{color:var(--moonvault-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;display:block}.moonvault-stat strong{color:var(--moonvault-ink);overflow-wrap:anywhere;margin-top:5px;font-size:clamp(1.05rem,2.3vw,1.55rem);display:block}.moonvault-showcase{background:radial-gradient(circle at 50% 0,#f5d37a24,#0000 42%),#1018278a;border:1px solid #72f7dc29;border-radius:18px;flex-direction:column;justify-content:space-between;gap:18px;min-height:100%;padding:18px;display:flex}.moonvault-crest{object-fit:contain;filter:drop-shadow(0 10px 18px #0000005c);width:76px;height:76px}.moonvault-skin-list,.moonvault-unlock-list,.moonvault-leaderboard-list{gap:8px;display:grid}.moonvault-skin{width:100%;min-height:54px;color:var(--moonvault-ink);cursor:pointer;text-align:left;background:#ffffff0e;border:1px solid #f8edcb29;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.moonvault-skin[aria-pressed=true]{background:#72f7dc21;border-color:#72f7dcb3}.moonvault-skin.locked{opacity:.62}.moonvault-swatch{border:2px solid #ffffff73;border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 5px #0000002e}.moonvault-skin strong,.moonvault-unlock strong{font-size:.94rem;display:block}.moonvault-skin span,.moonvault-unlock span,.moonvault-leaderboard-list span{color:var(--moonvault-muted);font-size:.78rem}.moonvault-hud{z-index:2;pointer-events:none;position:absolute;inset:0}.moonvault-hud-top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.moonvault-hud-cluster{flex-wrap:wrap;align-items:center;gap:8px;max-width:min(760px,78vw);display:flex}.moonvault-chip{min-width:86px;color:var(--moonvault-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a071694;border:1px solid #f8edcb29;border-radius:14px;padding:8px 10px;box-shadow:0 12px 28px #00000038}.moonvault-chip span{color:var(--moonvault-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;display:block}.moonvault-chip strong{margin-top:2px;font-size:1rem;display:block}.moonvault-meter{width:min(320px,45vw);min-width:180px}.moonvault-meter-track{background:#ffffff17;border:1px solid #ffffff38;border-radius:999px;height:16px;position:relative;overflow:hidden}.moonvault-meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--moonvault-danger), var(--moonvault-gold), var(--moonvault-cyan));transform-origin:0;width:100%;transition:transform .18s,filter .18s;position:absolute;inset:0 auto 0 0}.moonvault-meter.low .moonvault-meter-fill{filter:brightness(1.3)saturate(1.4);animation:.65s ease-in-out infinite alternate moonvaultLowHealth}.moonvault-meter.damage{border-color:#ff5f7d9e;animation:.32s moonvaultMeterDamage}.moonvault-meter.damage .moonvault-meter-track{box-shadow:0 0 0 3px #ff5f7d2e,0 0 22px #ff5f7d57}.moonvault-meter.restore{border-color:#86efac9e;animation:.38s moonvaultMeterRestore}.moonvault-meter.restore .moonvault-meter-fill{filter:brightness(1.35)saturate(1.25)}.moonvault-power-list{top:74px;left:max(12px, env(safe-area-inset-left));flex-wrap:wrap;gap:8px;max-width:min(720px,100vw - 24px);display:flex;position:absolute}.moonvault-event-banner{max-width:min(560px,100vw - 32px);color:var(--moonvault-ink);text-align:center;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0718b3;border:1px solid #f5d37a6b;border-radius:18px;padding:12px 18px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moonvault-pause-button{pointer-events:auto}.moonvault-touch{z-index:4;pointer-events:none;height:170px;position:absolute;inset:auto 0 0}.moonvault-stick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#10091d75;border:1px solid #f5d37a59;border-radius:50%;width:118px;height:118px;position:absolute}.moonvault-stick-knob{background:linear-gradient(135deg, var(--moonvault-gold), var(--moonvault-cyan));width:40px;height:40px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));border-radius:50%;position:absolute;top:39px;left:39px;box-shadow:0 0 24px #72f7dc61}.moonvault-touch-actions{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;gap:10px;display:grid;position:absolute}.moonvault-ability{border-radius:50%;width:92px;height:92px;font-weight:900}.moonvault-dialog{padding:clamp(20px,4vw,34px)}.moonvault-dialog h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,3.6rem)}.moonvault-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.moonvault-dialog-section{background:#ffffff0e;border:1px solid #f8edcb24;border-radius:16px;padding:14px}.moonvault-dialog-section h3{color:var(--moonvault-cyan);margin:0 0 8px}.moonvault-dialog-section p,.moonvault-dialog-section li{color:var(--moonvault-muted);line-height:1.5}.moonvault-dialog-section ul{padding-left:1.15rem}.moonvault-progress-bar{background:#ffffff14;border:1px solid #fff3;border-radius:999px;height:12px;overflow:hidden}.moonvault-progress-bar>i{width:var(--progress,0%);border-radius:inherit;background:linear-gradient(90deg, var(--moonvault-cyan), var(--moonvault-gold));height:100%;display:block}.moonvault-unlock{background:#ffffff0b;border:1px solid #f8edcb24;border-radius:13px;padding:9px 10px}.moonvault-unlock.unlocked{border-color:#86efac6b}.moonvault-countdown{z-index:4;pointer-events:none;color:var(--moonvault-gold);text-shadow:0 0 48px #f5d37a80;place-items:center;font-size:clamp(5rem,20vw,14rem);font-weight:1000;display:grid;position:absolute;inset:0}.moonvault-flash{z-index:5;pointer-events:none;background:#ff5f7d00;transition:background .18s;position:absolute;inset:0}.moonvault-flash.hit{background:#ff5f7d38}@keyframes moonvaultLowHealth{0%{opacity:.68}to{opacity:1}}@keyframes moonvaultMeterDamage{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(3px)}}@keyframes moonvaultMeterRestore{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@media (width<=860px){.moonvault-game{min-height:560px}.moonvault-menu-grid,.moonvault-dialog-grid{grid-template-columns:1fr}.moonvault-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moonvault-title{font-size:clamp(2.35rem,13vw,4.4rem)}.moonvault-hud-top{flex-direction:column}.moonvault-hud-cluster{max-width:100%}.moonvault-chip{min-width:74px;padding:7px 9px}.moonvault-meter{width:min(330px,100vw - 24px)}}@media (hover:hover) and (pointer:fine){.moonvault-touch{display:none}}@media (prefers-reduced-motion:reduce){.moonvault-button,.moonvault-meter-fill{transition:none}.moonvault-meter.low .moonvault-meter-fill{animation:none}}