@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #09080c;--bg-elevated: rgba(17, 18, 25, .84);--panel: rgba(19, 22, 28, .88);--panel-strong: rgba(13, 15, 19, .96);--text: #f7f3e8;--muted: #b6c0cb;--rust: #ff6a3d;--rust-soft: rgba(255, 106, 61, .18);--teal: #5af0d6;--teal-soft: rgba(90, 240, 214, .12);--danger: #ff4b55;--line: rgba(255, 255, 255, .08);--shadow: 0 24px 64px rgba(0, 0, 0, .45);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 20% 0%,rgba(255,106,61,.22),transparent 32%),radial-gradient(circle at 80% 100%,rgba(90,240,214,.16),transparent 24%),linear-gradient(180deg,#120f16,#09080c 48%,#050507);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:linear-gradient(120deg,transparent 0%,transparent 60%,rgba(255,106,61,.1) 100%)}.atmosphere-right{background:linear-gradient(300deg,transparent 0%,transparent 64%,rgba(90,240,214,.08) 100%)}.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,.04),transparent 18%),linear-gradient(180deg,#08090ccc,#040507f0)}.game-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(255,255,255,.02) 38px 39px);pointer-events:none;mix-blend-mode:screen;opacity:.26}.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}.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:#080a0ecc;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,#ff6a3d2e,#ff6a3d14);transition:transform .12s ease,border-color .12s ease,background .12s ease}.ui-button:hover,.choice-button:hover{transform:translateY(-1px);border-color:#ffffff38;background:linear-gradient(135deg,#ff6a3d3d,#ff6a3d1f)}.ui-button{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,255,255,.05),transparent 24%),var(--panel-strong)}.menu-panel{width:min(100%,540px);padding:18px}.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:min(100%,360px);height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.menu-hero-copy{max-width:34ch}.unlock-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;background:linear-gradient(145deg,rgba(90,240,214,.08),transparent 60%),#0b0d11e6}.unlock-card.locked{opacity:.72}.unlock-card.purchased{border-color:#5af0d659}.button-row{display:flex;gap:10px;flex-wrap:wrap}.ui-button-hero{justify-self:center;width:min(100%,340px);padding:16px 24px;font-size:18px;letter-spacing:.08em;text-transform:uppercase}.stack{display:grid;gap:10px}.tight{gap:6px}.spaced{margin-top:18px}.menu-title+.body-copy,.modal-title+.modal-copy{margin-top:8px}.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-pager{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:stretch}.unlock-grid-paged{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:318px;gap:10px}.unlock-card .ui-button{align-self:end}.pager-button{align-self:stretch;width:100%;border:1px solid var(--line);border-radius:18px;background:#080a0ed1;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.pager-button:hover{transform:translateY(-1px);border-color:#ffffff38;background:#14181ff0}.pager-button:disabled{cursor:default;opacity:.4;transform:none}.modal-shell{background:#03040770}.settings-grid{margin-top:12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff08}.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{width:100%;font-size:16px;padding:15px 18px}.unlock-pager{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.unlock-grid-paged{min-height:300px;gap:8px}.unlock-card,.panel{padding:12px}.unlock-title{font-size:14px}.pager-button{border-radius:14px;font-size:26px}}@media(min-width:900px)and (orientation:landscape){.game-stage{width:min(660px,calc(100vw - 180px),calc((100dvh - 32px)*.92));aspect-ratio:11 / 16}}