:root{color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030711;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}body.danger-sense .game-shell:before{opacity:1}body.near-miss .game-shell:after{opacity:1}button,input,select{font:inherit}button{letter-spacing:0}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 18%,rgba(46,213,255,.16),transparent 34%),radial-gradient(circle at 20% 78%,rgba(255,91,145,.13),transparent 28%),linear-gradient(150deg,#020617,#071225 48%,#03050c)}.game-shell:before,.game-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;content:""}.game-shell:before{box-shadow:inset 0 0 0 2px #ffd44752,inset 0 0 120px #ffd4471a;transition:opacity .14s ease}.game-shell:after{background:#ff375f1f;transition:opacity .16s ease}.scene-root{position:absolute;top:0;right:0;bottom:0;left:0}.scene-root canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.status-row{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transition:opacity .18s ease,transform .18s ease}.status-row.is-hidden{opacity:0;transform:translateY(-12px)}.brand,.score-strip,.toast,.objective-chip,.powerup-strip,.screen,.loadout-section,.touch-pad,.achievement-card{color:#f8fafc;background:#050a16bd;border:1px solid rgba(139,213,255,.2);box-shadow:0 18px 70px #00000052}.brand{min-width:188px;padding:12px 14px;border-radius:8px}.brand-title{display:block;font-size:19px;font-weight:900;line-height:1.1}.brand-subtitle{display:block;margin-top:4px;color:#93c5fd;font-size:12px;font-weight:700}.score-strip{display:grid;grid-template-columns:repeat(5,minmax(68px,1fr));gap:1px;min-width:min(650px,64vw);overflow:hidden;border-radius:8px}.stat{min-width:0;padding:10px 12px;background:#ffffff0b}.stat-label{display:block;color:#aeb8cd;font-size:10px;font-weight:850;text-transform:uppercase}.stat-value{display:block;margin-top:2px;color:#fff;font-size:20px;font-weight:900;line-height:1}.objective-chip{position:absolute;top:98px;left:18px;max-width:min(580px,calc(100vw - 36px));min-height:40px;display:flex;align-items:center;padding:9px 12px;border-radius:8px;color:#dbeafe;font-size:13px;font-weight:800}.objective-chip[hidden],.touch-pad[hidden],.touch-jump[hidden]{display:none!important}.powerup-strip{position:absolute;top:98px;right:18px;min-height:40px;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:180px;max-width:min(420px,calc(100vw - 36px));padding:7px;border-radius:8px}.powerup-strip.is-empty{opacity:0}.powerup-strip span{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:6px;color:#06101c;background:#ffd447;font-size:12px;font-weight:900}.toast{position:absolute;top:152px;left:50%;min-width:220px;max-width:min(440px,calc(100vw - 32px));padding:10px 14px;border-color:#ffd4476b;border-radius:8px;color:#ffeaa3;font-size:13px;font-weight:900;text-align:center;transform:translate(-50%,-18px);opacity:0;transition:opacity .18s ease,transform .18s ease}.toast.is-visible{transform:translate(-50%);opacity:1}.screen{position:absolute;left:50%;top:50%;border-radius:8px;pointer-events:auto;transform:translate(-50%,-50%)}.screen[hidden]{display:none}.loading-screen{width:min(560px,calc(100vw - 36px));display:grid;justify-items:center;gap:12px;padding:28px;text-align:center}.studio-mark,.eyebrow{margin:0;color:#ffd447;font-size:12px;font-weight:900;text-transform:uppercase}.loading-screen h1,.main-screen h1{margin:0;font-size:clamp(38px,7vw,72px);line-height:.95}.loading-screen p{margin:0;color:#c7d2ea;font-weight:700}.loading-orbit{width:58px;height:58px;border:3px solid rgba(255,255,255,.12);border-top-color:#ffd447;border-radius:50%;animation:spin .85s linear infinite}.intro-screen,.pause-screen,.results-screen{width:min(620px,calc(100vw - 36px));padding:24px}.intro-screen{display:grid;gap:18px}.screen-copy h1,.pause-screen h1,.results-screen h1{margin:4px 0 0;font-size:clamp(28px,5vw,48px);line-height:1}.screen-copy p:not(.eyebrow){max-width:520px;margin:12px 0 0;color:#c7d2ea;font-size:16px;font-weight:650}.screen-actions,.menu-actions{display:flex;flex-wrap:wrap;gap:10px}.screen-actions{justify-content:flex-end}.main-screen{width:min(760px,calc(100vw - 36px));display:grid;gap:22px;padding:26px}.hero-copy p:not(.eyebrow){max-width:500px;margin:14px 0 0;color:#c7d2ea;font-size:16px;font-weight:650}.panel-screen{width:min(1100px,calc(100vw - 36px));max-height:min(740px,calc(100vh - 36px));display:grid;gap:16px;padding:18px;overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h1{margin:2px 0 0;font-size:clamp(24px,4vw,38px);line-height:1}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f8fafc;background:#ffffff0f;cursor:pointer}.campaign-layout{min-height:0;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:14px}.area-list{max-height:min(560px,calc(100vh - 180px));overflow:auto}.detail-panel{min-height:0;display:grid;align-content:start;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}.detail-copy h2{margin:4px 0 0;font-size:24px}.detail-copy p:not(.eyebrow){margin:8px 0 0;color:#c7d2ea}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.record-grid div{min-height:68px;padding:10px;border-radius:8px;background:#ffffff0b}.record-grid dt{color:#aeb8cd;font-size:11px;font-weight:850;text-transform:uppercase}.record-grid dd{margin:3px 0 0;font-size:20px;font-weight:900}.mission-list{display:flex;flex-wrap:wrap;gap:8px}.mission-list span{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:6px;color:#dbeafe;background:#93c5fd1f;font-size:12px;font-weight:800}.difficulty-list{display:flex;flex-wrap:wrap;gap:8px}.segmented-button{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#e8f0ff;background:#ffffff0f;font-weight:850;cursor:pointer}.segmented-button.is-selected{border-color:#ffd44794;color:#06101c;background:#ffd447}.loadout-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loadout-section{min-width:0;min-height:0;padding:12px;border-radius:8px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading h2{margin:0;font-size:16px}.section-heading span{color:#93c5fd;font-size:12px;font-weight:800}.choice-list{display:grid;gap:8px;max-height:min(520px,calc(100vh - 220px));overflow:auto;padding-right:3px}.choice-button{width:100%;min-height:54px;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f8fafc;background:#ffffff0e;cursor:pointer;text-align:left}.choice-button:hover,.choice-button.is-selected{border-color:#ffd44794;background:#ffd4471c}.choice-button:disabled{cursor:not-allowed;opacity:.48}.choice-button strong,.choice-button small{display:block;min-width:0}.choice-button strong{font-size:13px;line-height:1.15}.choice-button small{margin-top:2px;color:#aab8cf;font-size:11px;font-weight:800}.skin-dot,.arena-dot,.effect-dot{width:30px;height:30px;border-radius:50%;box-shadow:inset -8px -8px 16px #00000047,0 0 24px #7dd3fc2e}.skin-dot{background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.88),transparent 0 18%,transparent 19%),linear-gradient(135deg,var(--skin-primary),var(--skin-secondary))}.effect-dot{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.9),transparent 0 14%,transparent 15%),radial-gradient(circle at 70% 68%,var(--effect-secondary),transparent 0 26%,transparent 27%),linear-gradient(135deg,var(--effect-primary),var(--effect-secondary))}.arena-launch-bay{background:linear-gradient(135deg,#1f2937,#38bdf8)}.arena-neon-run{background:linear-gradient(135deg,#00f5ff,#8b5cf6)}.arena-plasma-foundry{background:linear-gradient(135deg,#330c06,#ff5b16)}.arena-frost-array{background:linear-gradient(135deg,#cffafe,#38bdf8)}.arena-fracture-grid{background:linear-gradient(135deg,#020617,#ff3df2)}.arena-ruby-vault{background:linear-gradient(135deg,#26040d,#ff375f)}.achievement-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto}.achievement-card{min-height:110px;display:grid;align-content:start;gap:6px;padding:14px;border-radius:8px}.achievement-card strong{font-size:15px}.achievement-card p{margin:0;color:#c7d2ea;font-size:13px}.achievement-card span{width:max-content;min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:6px;color:#aeb8cd;background:#ffffff0f;font-size:11px;font-weight:900}.achievement-card.is-unlocked{border-color:#ffd4476b}.achievement-card.is-unlocked span{color:#06101c;background:#ffd447}.settings-grid{display:grid;gap:12px}.settings-grid label{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-radius:8px;background:#ffffff0b}.settings-grid span{font-weight:800}.settings-grid select,.settings-grid input[type=range]{width:min(220px,42vw)}.credits-list{display:grid;gap:10px}.credits-list p{margin:0;padding:12px;border-radius:8px;color:#dbeafe;background:#ffffff0b;font-weight:750}.pause-screen{text-align:center}.pause-screen .menu-actions{justify-content:center;margin-top:18px}.menu-actions.compact .primary-button{grid-column:auto}.results-screen{display:grid;gap:16px}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.results-grid div:first-child{grid-column:1 / -1;min-height:58px;display:flex;align-items:center}.results-grid div{min-height:74px;display:grid;align-content:center;gap:4px;padding:10px;border-radius:8px;background:#ffffff0b}.results-grid strong{font-size:22px}.results-grid span{color:#c7d2ea;font-size:12px;font-weight:800}.primary-button,.secondary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px;font-weight:900;cursor:pointer}.primary-button{border:0;color:#06101c;background:#ffd447}.primary-button:hover{background:#ffe47a}.primary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{border:1px solid rgba(255,255,255,.18);color:#e8f0ff;background:#ffffff12}.touch-pad{position:absolute;left:18px;bottom:18px;display:none;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:6px;padding:8px;border-radius:8px;pointer-events:auto}.touch-button{border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#edf5ff;background:#ffffff1a;font-size:14px;font-weight:900}.touch-button[data-key=KeyW]{grid-column:2}.touch-button[data-key=KeyA]{grid-column:1;grid-row:2}.touch-button[data-key=KeyS]{grid-column:2;grid-row:2}.touch-button[data-key=KeyD]{grid-column:3;grid-row:2}.touch-jump{position:absolute;right:18px;bottom:72px;display:none;width:76px;height:76px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#06101c;background:#ffd447e6;font-size:13px;font-weight:900;pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.campaign-layout,.loadout-grid{grid-template-columns:1fr}.panel-screen{max-height:calc(100vh - 24px)}.detail-panel{order:-1}}@media (max-width: 760px){.status-row{top:12px;left:12px;right:12px;align-items:stretch;flex-direction:column}.brand{align-self:flex-start}.score-strip{width:100%;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr))}.objective-chip{top:146px;left:12px;right:12px}.powerup-strip{top:194px;left:12px;right:12px;justify-content:flex-start}.toast{top:244px}.stat{padding:8px 7px}.stat-value{font-size:16px}.touch-pad,.touch-jump{display:grid}.achievement-grid,.results-grid{grid-template-columns:1fr}.results-grid div:first-child{grid-column:auto}}@media (max-width: 560px){.screen,.panel-screen{width:calc(100vw - 22px);padding:14px}.score-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-actions,.menu-actions{flex-direction:column}.record-grid{grid-template-columns:1fr}.settings-grid label{min-height:70px;align-items:flex-start;flex-direction:column;justify-content:center}}@media (prefers-reduced-motion: reduce){.toast,.status-row,.game-shell:before,.game-shell:after{transition:none}.loading-orbit{animation:none}}
