@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #040406;--bg-elevated: rgba(18, 11, 28, .78);--panel: rgba(20, 12, 30, .84);--panel-strong: rgba(10, 7, 16, .9);--text: #f9f7ff;--muted: #ddd6ef;--gradient-red: #ff3b3b;--gradient-pink: #ff4fd8;--gradient-cyan: #42e8ff;--rust: #ff4fd8;--rust-soft: rgba(255, 79, 216, .18);--teal: #42e8ff;--teal-soft: rgba(66, 232, 255, .16);--danger: #ff3b3b;--line: rgba(255, 255, 255, .16);--shadow: 0 30px 84px rgba(9, 2, 18, .38);font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.18),transparent 18%),linear-gradient(180deg,var(--gradient-red) 0%,var(--gradient-pink) 36%,var(--gradient-cyan) 72%,var(--bg) 100%);color:var(--text)}body{overflow:hidden}button,input{font:inherit}.app-shell{position:relative;display:grid;place-items:center;min-height:100dvh;padding:16px}.atmosphere{position:absolute;inset:0;pointer-events:none}.atmosphere-left{background:radial-gradient(circle at 16% 18%,rgba(255,59,59,.3),transparent 36%),linear-gradient(150deg,rgba(255,79,216,.18) 0%,transparent 60%)}.atmosphere-right{background:radial-gradient(circle at 82% 74%,rgba(66,232,255,.24),transparent 28%),linear-gradient(210deg,rgba(66,232,255,.14) 0%,transparent 56%)}.game-stage{position:relative;width:min(100vw - 24px,560px,calc((100dvh - 32px)*.74));aspect-ratio:9 / 16;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05) 18%,transparent 32%),linear-gradient(180deg,#ff3b3beb,#ff4fd8d1 38%,#42e8ffb8 74%,#040406fa)}.game-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(255,255,255,.08) 38px 39px);pointer-events:none;mix-blend-mode:screen;opacity:.18}.game-canvas,.game-canvas canvas,.overlay-layer{position:absolute;inset:0}.game-canvas,.game-canvas canvas{touch-action:none;width:100%;height:100%}.overlay-layer{pointer-events:none;touch-action:manipulation}.overlay-menu,.overlay-modal,.menu-shell,.modal-shell,.menu-panel,.modal-card,.overlay-layer button,.overlay-layer input,.overlay-layer label{pointer-events:auto}.overlay-hud{z-index:10}.overlay-flash{z-index:20}.overlay-menu{z-index:30}.overlay-modal{z-index:40}.screen-flash{position:absolute;inset:0;opacity:0;transform:scale(1.08);pointer-events:none;mix-blend-mode:screen;will-change:opacity,transform;background:radial-gradient(circle at 50% 50%,rgba(255,244,191,.96) 0%,rgba(255,244,191,.48) 12%,transparent 34%),linear-gradient(135deg,#ffd84d8a,#ff4fd866 52%,#42e8ff75)}.screen-flash.screen-flash-active{animation:stage-screen-flash .24s cubic-bezier(.2,.76,.32,1)}.screen-flash.screen-flash-reduced{background:radial-gradient(circle at 50% 50%,rgba(255,244,191,.64) 0%,rgba(255,244,191,.28) 10%,transparent 28%),linear-gradient(180deg,#ffd84d33,#ff4fd824 56%,#42e8ff29)}.screen-flash.screen-flash-reduced.screen-flash-active{animation:stage-screen-flash-reduced .24s ease-out}@keyframes stage-screen-flash{0%{opacity:0;transform:scale(1.08)}24%{opacity:.92;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes stage-screen-flash-reduced{0%{opacity:0;transform:scale(1.03)}32%{opacity:.48;transform:scale(1)}to{opacity:0;transform:scale(.995)}}.hud-shell{display:grid;grid-template-rows:auto auto 1fr;height:100%;padding:max(18px,env(safe-area-inset-top) + 10px) max(14px,env(safe-area-inset-right) + 12px) max(18px,env(safe-area-inset-bottom) + 12px) max(14px,env(safe-area-inset-left) + 12px)}.hud-top,.hud-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between}.hud-bottom{align-self:end;min-width:0}.hud-progress-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;align-self:start;margin-top:10px}.hud-lower{display:grid;gap:8px;align-self:end;min-width:0}.hud-loadout-row{min-width:0}.hud-cluster,.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip-row-compact{width:100%;flex-wrap:nowrap;gap:6px;overflow:hidden}.hud-card,.panel,.modal-card,.unlock-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-card{padding:8px 11px;min-width:0}.hud-label,.mini-label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hud-value,.metric-value{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:.04em}.hud-level-pill{display:grid;place-items:center;min-width:52px;padding:8px 14px 6px;border:1px solid rgba(255,216,77,.3);border-radius:999px;background:linear-gradient(135deg,#ffd84d33,#ffd84d14);font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;letter-spacing:.05em;color:#fff5c2}.health-bar{position:relative;width:132px;height:10px;margin-top:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.health-fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#ffd04a,var(--danger));transform-origin:left center}.xp-bar{position:relative;height:14px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,216,77,.24);background:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.xp-fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#ffd84d,#ffef9a);transform-origin:left center}.weapon-chip,.mini-chip,.ui-button,.toggle-row{border:1px solid var(--line);border-radius:999px}.choice-button{border:1px solid var(--line);border-radius:18px}.weapon-chip,.mini-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:#0f0a17c7;color:var(--text)}.hud-loadout-row .weapon-chip{flex:1 1 0;justify-content:center;min-width:0;gap:6px;padding:6px 8px;font-size:11px}.weapon-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.weapon-chip-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-button,.choice-button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--text);background:linear-gradient(135deg,#ff3b3b47,#ff4fd82e 58%,#ff4fd814);transition:transform .12s ease,border-color .12s ease,background .12s ease}.ui-button:hover,.choice-button:hover{transform:translateY(-1px);border-color:#ffffff52;background:linear-gradient(135deg,#ff3b3b57,#ff4fd83d 58%,#42e8ff1f)}.ui-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;font-weight:700}.ui-button:disabled{cursor:default;opacity:.52;transform:none}.menu-shell,.modal-shell{display:grid;place-items:center;width:100%;height:100%;padding:max(22px,env(safe-area-inset-top) + 14px) max(16px,env(safe-area-inset-right) + 16px) max(18px,env(safe-area-inset-bottom) + 16px) max(16px,env(safe-area-inset-left) + 16px)}.menu-panel,.modal-card{padding:20px;background:linear-gradient(180deg,rgba(255,79,216,.2),rgba(66,232,255,.08) 26%,transparent 48%),var(--panel-strong)}.menu-panel{width:min(100%,540px);padding:18px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-card{width:min(100%,460px)}.menu-title,.modal-title{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(42px,8vw,62px);line-height:.94;letter-spacing:.05em}.menu-subtitle,.modal-copy,.body-copy{color:var(--muted);line-height:1.5}.menu-grid,.unlock-grid,.choice-grid,.settings-grid{display:grid;gap:12px}.menu-grid{margin-top:18px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.panel,.unlock-card{padding:14px}.menu-hero{display:grid;justify-items:center;gap:10px;text-align:center}.menu-logo{display:block;width:clamp(260px,72vw,380px);max-width:100%;max-height:min(34dvh,290px);height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(255,79,216,.24)) drop-shadow(0 0 12px rgba(66,232,255,.2))}.menu-hero-copy{max-width:34ch}.unlock-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;background:linear-gradient(150deg,rgba(66,232,255,.14),rgba(255,79,216,.1) 38%,transparent 72%),#0b0812e6}.unlock-card.locked{opacity:.72}.unlock-card.purchased{border-color:#42e8ff6b}.button-row{display:flex;gap:10px;flex-wrap:wrap}.menu-home-actions{display:grid;gap:10px;justify-self:center;width:min(100%,340px)}.ui-button-hero{position:relative;isolation:isolate;justify-self:stretch;width:100%;padding:17px 24px;font-size:18px;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;border:1px solid rgba(255,245,194,.28);background:linear-gradient(135deg,#ffd84d38,#ff4fd847 54%,#42e8ff29),#0e0814f5;box-shadow:inset 0 1px #ffffff1f,0 14px 34px #ff4fd82e,0 0 24px #42e8ff1f}.ui-button-hero:before,.ui-button-hero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.ui-button-hero:before{inset:-1px;padding:2px;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,216,77,.95) 42deg,rgba(255,79,216,.92) 126deg,rgba(66,232,255,.95) 214deg,transparent 300deg,transparent 360deg);animation:hero-border-spin 2.8s linear infinite;opacity:.95;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.ui-button-hero:after{inset:1px;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 22%,transparent 74%,rgba(66,232,255,.14)),linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);opacity:.72}.ui-button-hero-label{position:relative;z-index:1;text-shadow:0 0 12px rgba(255,216,77,.18),0 0 24px rgba(255,79,216,.12)}.ui-button-hero:hover{border-color:#fff6;box-shadow:inset 0 1px #ffffff29,0 18px 38px #ff4fd83d,0 0 28px #42e8ff2e}.ui-button-hero:hover:before,.ui-button-hero:focus-visible:before{animation-duration:1.9s}.ui-button-hero:disabled:before{animation:none;opacity:.44}.ui-button-hero:disabled:after{opacity:.38}.menu-shell.reduced-fx .ui-button-hero:before{animation:none;opacity:.7}.menu-shell.reduced-fx .ui-button-hero:after{opacity:.5}.menu-home-upgrades{justify-self:stretch;width:100%}@keyframes hero-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-button-secondary{width:100%;justify-content:center;background:linear-gradient(135deg,#42e8ff38,#ff4fd81f)}.ui-button-secondary:hover{background:linear-gradient(135deg,#42e8ff4d,#ff4fd82e)}.ui-button-nav{width:auto;justify-self:start}.stack{display:grid;gap:10px}.tight{gap:6px}.spaced{margin-top:18px}.menu-title+.body-copy,.modal-title+.modal-copy{margin-top:8px}.menu-header-row{display:flex;align-items:flex-start;gap:12px}.menu-header-copy{flex:1 1 auto}.menu-salvage-panel{display:grid;gap:4px}.menu-upgrades-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.unlock-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.unlock-title,.section-title{font-weight:700;letter-spacing:.03em}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-copy{margin-top:4px;max-width:30ch}.section-title{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.16em}.choice-button{display:grid;gap:4px;padding:14px;text-align:left}.unlock-card .ui-button{align-self:end;width:100%;justify-content:center}.modal-shell{background:#0404066b}@keyframes level-up-flare{0%{transform:scale(.98);text-shadow:0 0 12px rgba(255,216,77,.3),0 0 22px rgba(255,106,61,.12)}to{transform:scale(1.02);text-shadow:0 0 18px rgba(255,216,77,.58),0 0 34px rgba(255,106,61,.24)}}.modal-shell-level-up{place-items:end center;padding:max(14px,env(safe-area-inset-top) + 10px) max(12px,env(safe-area-inset-right) + 10px) max(28px,env(safe-area-inset-bottom) + 22px) max(12px,env(safe-area-inset-left) + 10px);background:radial-gradient(circle at 50% 34%,rgba(255,216,77,.16),transparent 24%),linear-gradient(180deg,#0404063d,#04040685 48%,#040406b8)}.modal-card-level-up{width:min(100%,540px);max-height:min(68%,360px);padding:18px 16px 16px;gap:12px;overflow:auto;border:1px solid rgba(255,216,77,.16);border-radius:24px;box-shadow:0 26px 64px #00000075,inset 0 1px #ffffff14;background:radial-gradient(circle at 50% 0%,rgba(255,216,77,.12),transparent 34%),linear-gradient(180deg,rgba(255,79,216,.2),rgba(66,232,255,.08) 28%,transparent 50%),#0a0710f0}.level-up-header{display:grid;gap:6px;justify-items:center;text-align:center}.modal-title-level-up{font-size:clamp(34px,8vw,52px);line-height:.9;letter-spacing:.08em;color:#fff6be;animation:level-up-flare 1.4s ease-in-out infinite alternate}.modal-copy-level-up{margin:0;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;color:#ffe7a4}.choice-grid-level-up{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.choice-button-level-up{align-content:start;gap:6px;min-height:144px;padding:12px 10px;border-radius:14px;border-color:#ffffff1a;background:linear-gradient(180deg,#ffd84d1f,#ffd84d05),linear-gradient(135deg,#ff6a3d33,#ff6a3d14);box-shadow:inset 0 1px #ffffff0f}.choice-button-level-up .mini-label{font-size:10px;letter-spacing:.16em}.choice-button-level-up .unlock-title{font-size:14px;line-height:1.15}.choice-button-level-up .body-copy{font-size:12px;line-height:1.32}.modal-shell-level-up.reduced-fx .modal-title-level-up{animation:none;text-shadow:0 0 10px rgba(255,216,77,.22),0 0 16px rgba(255,106,61,.08)}.settings-grid{margin-top:12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff0d}.toggle-row input{width:20px;height:20px;accent-color:var(--teal)}.hidden{display:none!important}.accent{color:var(--rust)}.teal{color:var(--teal)}@media(max-width:430px){.menu-panel{padding:14px}.ui-button-hero{font-size:16px;padding:15px 18px}.unlock-card,.panel{padding:12px}.menu-header-row{flex-direction:column}.menu-upgrades-grid{grid-template-columns:1fr;gap:10px}.unlock-title{font-size:14px}.modal-shell-level-up{padding:max(12px,env(safe-area-inset-top) + 8px) max(8px,env(safe-area-inset-right) + 8px) max(22px,env(safe-area-inset-bottom) + 18px) max(8px,env(safe-area-inset-left) + 8px)}.modal-card-level-up{max-height:min(64%,340px);padding:14px 10px 12px;gap:10px}.modal-title-level-up{font-size:clamp(28px,9vw,38px)}.modal-copy-level-up{font-size:12px}.choice-grid-level-up{gap:6px}.choice-button-level-up{min-height:124px;padding:10px 8px;gap:5px}.choice-button-level-up .mini-label{font-size:9px}.choice-button-level-up .unlock-title{font-size:12px}.choice-button-level-up .body-copy{font-size:11px;line-height:1.24}}@media(min-width:900px)and (orientation:landscape){.game-stage{width:min(660px,calc(100vw - 180px),calc((100dvh - 32px)*.92));aspect-ratio:11 / 16}}