:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf7ff;background:#050712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 25%,#ff782433,#0000 34rem),linear-gradient(#120306 0%,#09050a 100%)}#app,#game-root,#ui-root{position:fixed;inset:0}#game-root{place-items:center;display:grid}#ui-root{pointer-events:none}button{color:#eafaff;min-height:44px;font:inherit;cursor:pointer;background:#081422d1;border:1px solid #84e8ff61;border-radius:8px;padding:0 18px;font-weight:800;box-shadow:0 0 18px #2dd4ff1f}button:hover,button:focus-visible{border-color:#84e8fff2;outline:none}button.primary{color:#04101b;background:linear-gradient(135deg,#1dd5ff,#3278ff 55%,#ff7a2f)}.menu-screen{pointer-events:auto;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.menu-screen:before{content:"";z-index:-1;filter:blur(14px)saturate(1.2);opacity:.95;background:radial-gradient(at 50% 112%,#ffe2849e,#ff68186b 34%,#0000 62%),linear-gradient(#0000 0 36%,#ff431261 70%,#ffb13bb3 100%),repeating-linear-gradient(102deg,#ff741f52 0 16px,#ffcf7a2e 16px 28px,#0000 28px 70px);animation:2.4s ease-in-out infinite alternate menu-fire-rise;position:fixed;inset:0}.menu-screen:after{content:"";z-index:-1;background:radial-gradient(circle at 18% 92%,#ff571a7a,#0000 24rem),radial-gradient(circle at 72% 94%,#ffbc466b,#0000 22rem),linear-gradient(#04050a14,#0503078a);position:fixed;inset:0}.menu-panel{background:linear-gradient(135deg,#040912d6,#180608c7),#030812c7;border:1px solid #ffba5c57;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(250px,.72fr) minmax(280px,.82fr);align-items:start;gap:clamp(20px,3vw,38px);width:min(1180px,100vw - 32px);padding:clamp(28px,5vw,56px);display:grid;box-shadow:0 28px 88px #00000094,inset 0 1px #ffedbe1a}.menu-hero,.menu-intel,.menu-cloud-panel{min-width:0}.eyebrow{color:#7df7ff;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}h1{color:#fff8ec;margin:0;font-size:clamp(3rem,9vw,6.5rem);line-height:.9}.menu-hero h1{color:#e9fbff;text-transform:uppercase;text-shadow:0 2px #092038,0 0 10px #9bf5fff2,0 0 24px #268affbd,0 0 42px #ffffff6b;-webkit-text-stroke:1px #061e3ae6;width:fit-content;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.2rem,9vw,7.2rem);font-style:italic;font-weight:900;line-height:.86}.menu-hero h1:after{content:"";clip-path:polygon(0 40%,82% 0,100% 72%,12% 100%);background:linear-gradient(90deg,#0000,#d9fbff,#5ec8ff,#0000);width:100%;height:6px;margin-top:8px;display:block;box-shadow:0 0 18px #7df7ffeb}.menu-copy{color:#d4e7f0;max-width:34rem;margin:18px 0 28px;font-size:1.1rem;line-height:1.55}.menu-actions{flex-wrap:wrap;gap:12px;display:flex}.monster-selector{gap:8px;width:min(300px,100%);margin-top:18px;display:grid}.monster-selector span{color:#82a4b9;text-transform:uppercase;font-size:.72rem;font-weight:900}.monster-selector select{color:#eafaff;min-height:44px;font:inherit;background:#081422e0;border:1px solid #84e8ff61;border-radius:8px;padding:0 12px;font-weight:850}.monster-selector select:focus-visible{border-color:#84e8fff2;outline:none}.cloud-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.cloud-card div,.cloud-section,.mission-row{background:#040d1985;border:1px solid #7df7ff33;border-radius:8px}.cloud-card div{gap:5px;min-height:72px;padding:12px;display:grid}.cloud-card span,.cloud-section h2,.mission-row span,.leaderboard-list span{color:#82a4b9;text-transform:uppercase;font-size:.72rem;font-weight:900}.cloud-card strong{color:#f2fbff;font-size:.9rem}.menu-intel,.menu-cloud-panel{border-left:1px solid #7df7ff33;gap:12px;padding-left:clamp(0px,2vw,28px);display:grid}.menu-stat-line{justify-content:space-between;align-items:center;gap:16px;min-height:30px;display:flex}.menu-stat-line span,.unlock-ladder strong{color:#82a4b9;text-transform:uppercase;font-size:.72rem;font-weight:900}.menu-stat-line strong,.unlock-ladder span{color:#f2fbff;text-align:right;font-weight:900}.menu-next{color:#ffd79c;border-top:1px solid #ffae4238;border-bottom:1px solid #ffae4238;margin:6px 0;padding:10px 0;font-weight:900}.unlock-ladder{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.unlock-ladder li{opacity:.48;justify-content:space-between;gap:12px;min-height:26px;display:flex}.unlock-ladder li.unlocked{opacity:1}.unlock-ladder li.unlocked span:before{content:"";background:#7df7ff;border-radius:999px;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #7df7ffcc}.menu-cloud-panel{align-content:start}.cloud-section{padding:14px}.cloud-section h2{color:#7df7ff;margin:0 0 12px}.daily-missions,.leaderboard-list{gap:8px;margin:0;padding:0;display:grid}.leaderboard-list{list-style:none}.leaderboard-list li{color:#f2fbff;justify-content:space-between;gap:10px;min-height:30px;font-weight:900;display:flex}.leaderboard-list strong{color:#ffd79c;font-variant-numeric:tabular-nums}.mission-row{padding:10px}.mission-row div:first-child{justify-content:space-between;gap:10px;display:flex}.mission-row strong{color:#ffd79c;font-variant-numeric:tabular-nums;font-size:.74rem}.mission-row p{color:#c4d6e4;margin:6px 0 8px;font-size:.82rem;line-height:1.35}.mission-row.complete{border-color:#7df7ff9e}.mission-track{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.mission-track span{transform-origin:0;background:linear-gradient(90deg,#7df7ff,#2d7dff,#ff9b31);width:100%;height:100%;display:block}.empty-row{color:#9bb3c4;opacity:.85;font-size:.82rem;font-weight:800;line-height:1.4}.battle-ui{pointer-events:none;position:fixed;inset:0}.top-timer{top:max(10px, env(safe-area-inset-top));color:#95aabd;background:#03091494;border:1px solid #7df7ff38;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;width:min(420px,100vw - 32px);min-height:58px;padding:10px 14px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000047}.top-timer strong{color:#d6e8f2;font-variant-numeric:tabular-nums}.top-timer.active{color:#eaffff;background:#030f1cc7;border-color:#7df7ffb8}.top-timer.slow{border-color:#ffae42c2}.timer-track{background:#ffffff1a;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.timer-track span{transform-origin:0;background:linear-gradient(90deg,#7df7ff,#2d7dff,#ff9b31);width:100%;height:100%;display:block}.super-charge-meter{top:max(76px, calc(env(safe-area-inset-top) + 70px));pointer-events:auto;color:#ffdca8;background:#0e0a14b8;border-color:#ffcf7a4d;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;width:min(420px,100vw - 32px);min-height:54px;padding:9px 14px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ffae421f}.super-charge-meter span{text-align:left}.super-charge-meter strong{color:#fff8ec;font-variant-numeric:tabular-nums}.super-charge-meter.ready{background:#261409d6;border-color:#ffcf7af2;box-shadow:0 0 26px #ffae4257}.super-charge-meter:disabled{cursor:default;opacity:1}.super-charge-track{background:#ffffff1a;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.super-charge-track span{transform-origin:0;background:linear-gradient(90deg,#7df7ff,#ffcf7a,#ff6d3a);width:100%;height:100%;display:block;transform:scaleX(0)}.hud-cluster{top:max(140px, calc(env(safe-area-inset-top) + 134px));background:#030812ad;border:1px solid #7df7ff33;border-radius:8px;gap:7px;min-width:188px;padding:12px;display:grid;position:fixed;box-shadow:0 16px 46px #0000004d}.hud-stats{left:max(12px, env(safe-area-inset-left))}.hud-build{right:max(12px, env(safe-area-inset-right))}.hud-cluster div{justify-content:space-between;gap:14px;display:flex}.hud-cluster span{color:#86a4b6;text-transform:uppercase;font-size:.74rem;font-weight:800}.hud-cluster strong{color:#f5fbff;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.9rem;overflow:hidden}.hud-actions{right:max(12px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:min(880px,100vw - 24px);display:flex;position:fixed}.next-unlock{top:max(302px, calc(env(safe-area-inset-top) + 296px));right:max(12px, env(safe-area-inset-right));color:#ffd79c;text-align:right;background:#03081294;border:1px solid #ffae4233;border-radius:8px;width:min(286px,50vw - 24px);padding:10px 12px;font-size:.78rem;font-weight:900;position:fixed}.hud-actions button,.mobile-controls button{touch-action:manipulation;min-width:86px;min-height:46px}button:disabled{cursor:not-allowed;opacity:.42}.message-strip{left:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 74px));color:#f7d7a2;text-align:center;background:#080c16ad;border:1px solid #ffae4238;border-radius:8px;place-items:center;width:min(620px,100vw - 32px);min-height:38px;padding:8px 14px;font-weight:800;display:grid;position:fixed;transform:translate(-50%)}.pause-chip{color:#fff;pointer-events:auto;background:#02050c6b;place-items:center;font-size:clamp(2rem,6vw,4rem);font-weight:900;display:grid;position:fixed;inset:0}.mobile-controls{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:none;position:fixed}.mobile-controls button{min-width:0;padding:0 8px;font-size:.82rem}@media (width<=900px),(pointer:coarse){.menu-screen{align-items:start;overflow:auto}.menu-panel{grid-template-columns:1fr;align-items:stretch;width:min(620px,100vw - 32px)}.menu-intel,.menu-cloud-panel{border-top:1px solid #7df7ff33;border-left:0;padding-top:18px;padding-left:0}.hud-cluster{top:max(78px, calc(env(safe-area-inset-top) + 72px));width:calc(50vw - 18px);min-width:0;padding:9px}.hud-cluster div{gap:7px}.hud-cluster span{font-size:.64rem}.hud-cluster strong{max-width:7.2rem;font-size:.76rem}.hud-actions{display:none}.mobile-controls{display:grid}.message-strip{bottom:max(184px, calc(env(safe-area-inset-bottom) + 176px));font-size:.82rem}.next-unlock{top:max(286px, calc(env(safe-area-inset-top) + 280px));width:calc(50vw - 18px);font-size:.68rem}.top-timer{min-height:50px;font-size:.82rem}.super-charge-meter{top:max(68px, calc(env(safe-area-inset-top) + 62px));min-height:48px;font-size:.82rem}}@media (width<=560px){.menu-panel{padding:26px 20px}.cloud-card{grid-template-columns:1fr}.hud-cluster{top:max(126px, calc(env(safe-area-inset-top) + 120px));width:calc(50vw - 14px)}.hud-cluster strong{max-width:7.4rem;font-size:.72rem}.message-strip{bottom:max(286px, calc(env(safe-area-inset-bottom) + 278px))}.mobile-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.next-unlock{display:none}}@keyframes menu-fire-rise{0%{transform:translate(-1.5%)scaleX(1.02)}to{transform:translate(1.5%,-1.5%)scale(1.08,1.1)}}@media (prefers-reduced-motion:reduce){.menu-screen:before{animation:none}}
