:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#d8d3c8;--card:#e8e3d8;--ink:#161b24;--muted:#4a5260;--line:#c0b9ab;--accent:#c93a18;--accent-soft:#e4c8bc;--ok:#167a4c;--warn:#a86800;font-family:Segoe UI,Roboto,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);margin:0;padding:0;overflow:hidden}.app-root{width:100%;height:100%;position:relative}.app-root.is-home{overscroll-behavior:contain;overflow:auto}.app-root.is-play{background:#6aa8c4;overflow:hidden}.arena-session{position:absolute;inset:0}canvas{cursor:pointer;outline:none;display:block}.crosshair{pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffbf;position:absolute}.crosshair:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.crosshair:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.crosshair-dot{display:none}.debug-ui{pointer-events:none;color:var(--ink);flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;display:flex;position:absolute;top:12px;right:12px}.debug-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:190px;padding:10px 14px;box-shadow:0 8px 24px #1d24301f}.debug-title{opacity:.8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.debug-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;padding:1px 0;display:flex}.control-panel{pointer-events:auto;flex-direction:column;gap:6px;display:flex}.control-btn{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #1d243014}.control-btn:hover{background:#ddd4c8;border-color:#d4a090}.control-btn.active{color:#0c5c55;background:#cde6e2;border-color:#168a80}.control-btn.on{color:var(--ok);background:#d4eadc;border-color:#6fb892}.control-btn.off{color:#a83232;background:#ead4d4;border-color:#d49a9a}.control-btn.danger{color:#a8321a;border-color:#d4a090}.control-btn.danger.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.control-btn .hint{color:var(--muted);font-size:12px}.weapon-icon,.ui-icon{flex-shrink:0;width:22px;height:22px;display:block}.weapon-icon{width:28px;height:28px}.icon-btn{justify-content:center;width:46px;height:46px;padding:0}.volume-slider-label{align-items:center;gap:8px;display:flex}.weapon-btn{justify-content:flex-start;min-width:196px}.weapon-label{text-align:left;flex:1}.volume-slider{background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:left;pointer-events:auto;border-radius:10px;flex-direction:column;gap:6px;padding:10px 14px;font-size:14px;display:flex;box-shadow:0 4px 14px #1d243014}.volume-slider .hint{color:var(--muted);font-size:13px}.volume-slider input[type=range]{width:100%;min-width:160px;accent-color:var(--accent);cursor:pointer}.help-overlay{pointer-events:none;z-index:6;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.controls-guide{color:var(--ink)}.controls-guide-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:10px;font-size:13px;font-weight:800}.controls-guide-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:8px;display:grid}.help-overlay .controls-guide.compact{border:1px solid var(--line);background:#e8e3d8f0;border-radius:14px;padding:8px;box-shadow:0 8px 24px #1d24301f}.help-overlay .controls-guide.compact .controls-guide-grid{grid-template-columns:repeat(4,auto)}@media (width<=900px){.help-overlay .controls-guide.compact .controls-guide-grid,.controls-guide-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}.control-chip{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:0 4px 12px #1d243014}.control-chip-keys{flex-wrap:wrap;gap:4px;display:flex}.control-chip-keys kbd{color:#efe6d4;letter-spacing:.02em;background:#161b24;border-radius:6px;justify-content:center;align-items:center;min-width:26px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px #c93a18}.control-chip-label{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:700}.pointer-lock-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 2px;display:flex}.pointer-lock-actions .control-btn{justify-content:center;min-width:168px}.status-overlay{z-index:10;background:#171a2059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status-card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:14px;max-width:480px;padding:20px 26px;font-size:15px;box-shadow:0 12px 32px #1d24301f}.status-card.error{border-color:#d49a9a}.pointer-lock-hint{pointer-events:auto;z-index:5;background:#171a206b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pointer-lock-card{border:1px solid var(--line);color:var(--ink);text-align:center;background:#e8e3d8f5;border-radius:16px;width:min(560px,100vw - 40px);padding:28px 24px 18px;font-size:14px;line-height:1.6;position:relative;box-shadow:0 12px 32px #1d243024}.pointer-lock-close{border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.pointer-lock-close:hover{color:#a83232;background:#ead4d4;border-color:#d49a9a}.pointer-lock-copy{margin:0;font-size:15px}.pointer-lock-copy strong{color:var(--accent)}.pointer-lock-resume{font-weight:800;animation:1.6s ease-in-out infinite resume-pulse;box-shadow:0 0 0 3px #168a8047;color:#0c5c55!important;background:#cde6e2!important;border-color:#168a80!important}@keyframes resume-pulse{0%,to{box-shadow:0 0 0 3px #168a8038}50%{box-shadow:0 0 0 7px #168a8014}}.pointer-lock-card .controls-guide{text-align:left;margin-top:14px}.pointer-lock-title{color:var(--accent);justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-size:22px;font-weight:700;display:flex}.status-title{color:#a83232;margin-bottom:8px;font-weight:600}.home-page{background:radial-gradient(ellipse 80% 50% at 50% -8%, #c9b4a6 0%, transparent 58%), radial-gradient(ellipse 60% 40% at 100% 100%, #b7c4ce 0%, transparent 50%), var(--bg);min-height:100%;color:var(--ink);flex-direction:column;justify-content:safe center;align-items:center;gap:16px;padding:28px 20px 36px;display:flex;position:relative;overflow:visible}.home-hazard{background:repeating-linear-gradient(-45deg,#d8d3c8 0 10px,#c9a030 10px 20px);height:12px;position:absolute;left:0;right:0}.home-hazard-top{top:0}.home-hazard-bottom{bottom:0}.home-hero{text-align:center;z-index:1}.home-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px}.home-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:.95}.home-tagline{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:8px 0 0;font-size:clamp(12px,1.6vw,16px)}.home-lead{max-width:420px;color:var(--muted);margin:8px auto 0;font-size:14px;line-height:1.4}.home-section{z-index:1;width:min(760px,100%)}.home-section-title{letter-spacing:.04em;color:var(--ink);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.arena-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:640px;margin:0 auto;display:grid}.arena-card{text-align:left;background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;padding:0;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 10px 28px #1d243014}.arena-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 32px #e24a2224}.arena-card.locked{opacity:.92}.arena-art{background:#c5ced6;height:88px;overflow:hidden}.arena-art img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.arena-card:hover .arena-art img{transform:scale(1.05)}.arena-card-body{flex-direction:column;gap:4px;padding:8px 12px 10px;display:flex}.arena-card-name{font-size:15px;font-weight:700}.arena-card-blurb{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.arena-card-cta{color:#fff;background:var(--accent);border-radius:999px;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.arena-card-cta .ui-icon{width:16px;height:16px}.arena-card-cta.soon{color:var(--warn);background:#e0c98a}.sound-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;box-shadow:0 10px 28px #1d243014}.home-sound-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;display:flex}.home-sound-row .volume-slider,.home-sound-row .control-btn{min-width:140px;box-shadow:none;flex:1;gap:4px;padding:6px 10px;font-size:12px}.arena-hud{pointer-events:none;z-index:6;position:absolute;inset:0}.arena-hud-left{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;left:12px}.settings-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;min-width:230px;padding:12px;display:flex;box-shadow:0 12px 32px #1d243029}.settings-panel .volume-slider,.settings-panel .control-btn{box-shadow:none}.settings-arena{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:0 2px 4px;font-size:12px;font-weight:700;display:flex}.arena-hud-weapons{pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.settings-toggle{justify-content:center}a.control-btn{text-decoration:none}.coming-soon-page{justify-content:center}.coming-soon-card{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 12px 32px #1d24301f}.coming-soon-card .arena-art{height:220px}.coming-soon-body{flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex}.coming-soon-body h1{margin:0}.coming-soon-body p{color:var(--muted);margin:0;line-height:1.5}.coming-soon-body .control-btn{align-self:flex-start;margin-top:8px}@media (height<=760px){.home-lead{display:none}.home-page{gap:12px;padding:22px 16px 28px}.arena-art{height:72px}}