: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}button{font:inherit}.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)}.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}.brand,.score-strip,.toast,.controls-hint,.loadout-panel,.loadout-section,.game-over-panel,.touch-pad{color:#f8fafc;background:#050a16b3;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;letter-spacing:0;text-transform:uppercase}.stat-value{display:block;margin-top:2px;color:#fff;font-size:20px;font-weight:900;line-height:1}.toast{position:absolute;top:98px;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}.controls-hint{position:absolute;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:10px 12px;border-radius:8px;color:#c7d2ea;font-size:12px;font-weight:750}.loadout-panel{position:absolute;top:50%;left:50%;width:min(1160px,calc(100vw - 40px));max-height:min(690px,calc(100vh - 122px));display:grid;grid-template-columns:minmax(240px,.72fr) 1.28fr;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:18px;border-radius:8px;pointer-events:auto;transform:translate(-50%,-50%);overflow:hidden}.loadout-panel{background:#050a16d6}.loadout-panel[hidden]{display:none}.loadout-copy{padding:8px 8px 8px 4px}.alpha-label{margin:0 0 8px;color:#ffd447;font-size:12px;font-weight:900;text-transform:uppercase}.loadout-copy h1{margin:0;font-size:clamp(38px,7vw,68px);line-height:.95}.loadout-copy p:not(.alpha-label){max-width:340px;margin:16px 0 0;color:#c7d2ea;font-size:15px;font-weight:650}.loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.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(420px,calc(100vh - 280px));overflow:auto;padding-right:3px}.choice-button{width:100%;min-height:52px;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 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-classic{background:linear-gradient(135deg,#1f2937,#38bdf8)}.arena-abyss{background:linear-gradient(135deg,#020617,#7c3aed)}.arena-neon{background:linear-gradient(135deg,#00f5ff,#ff2bd6)}.arena-lava{background:linear-gradient(135deg,#330c06,#ff5b16)}.arena-ice{background:linear-gradient(135deg,#cffafe,#38bdf8)}.primary-button,.secondary-button,.restart-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:900;cursor:pointer}.primary-button{grid-column:1 / -1;align-self:end;border:0;color:#06101c;background:#ffd447}.primary-button:hover{background:#ffe47a}.secondary-button{border:1px solid rgba(255,255,255,.18);color:#e8f0ff;background:#ffffff12}.game-over-panel{position:absolute;top:50%;left:50%;width:min(460px,calc(100vw - 36px));padding:22px;border-color:#ff5b5b59;border-radius:8px;pointer-events:auto;text-align:center;transform:translate(-50%,-50%)}.game-over-panel[hidden]{display:none}.game-over-title{margin:0;font-size:clamp(30px,6vw,48px);line-height:1}.game-over-copy,.reward-line{margin:10px 0 0;color:#bbc7da;font-size:14px}.reward-line{color:#ffeaa3;font-weight:850}.panel-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.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}@media (max-width: 900px){.loadout-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;background:#050a16f0}.loadout-grid{grid-template-columns:1fr}}@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))}.stat{padding:8px 7px}.stat-value{font-size:16px}.controls-hint{display:none}.touch-pad,.touch-jump{display:grid}}@media (max-width: 520px){.score-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.loadout-panel{top:52%;width:calc(100vw - 22px);padding:12px}.loadout-copy{display:none}.choice-list{max-height:240px}}@media (prefers-reduced-motion: reduce){.toast{transition:none}}