@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Sora:wght@400;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#eef5fb;--muted:#9fb0bf;--stroke:#a4c1db29;--stroke-strong:#bed6ea3d;--panel:#080e15c7;--panel-strong:#070c12e6;--accent-blue:#86d8ff;--accent-red:#ff936e;--accent-green:#8bffb0;--accent-gold:#f5d28b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:#05080d;font-family:Sora,sans-serif;overflow:hidden}button,input{font:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden}.battlefield{background:radial-gradient(circle at 20% 18%,#66a0cf2e,#0000 26%),radial-gradient(circle at 83% 22%,#bf684829,#0000 22%),linear-gradient(#415361 0%,#18202a 48%,#090c11 100%);position:fixed;inset:0;overflow:hidden}.battlefield canvas{width:100%;height:100%;display:block}.hud-overlay{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;gap:14px;min-height:100vh;padding:20px;display:flex;position:relative}.hud-overlay:before,.hud-overlay:after{content:"";pointer-events:none;position:fixed;inset:0}.hud-overlay:before{background:radial-gradient(circle at 50% 120%,#04080dd6,#0000 36%),linear-gradient(#060a0fad,#0000 22% 78%,#04070bbd)}.hud-overlay:after{background:radial-gradient(circle at 14% 16%,#75b1df1f,#0000 18%),radial-gradient(circle at 86% 18%,#e97c521a,#0000 16%)}.hud-top,.hud-bottom{align-items:start;gap:14px;display:grid}.hud-top{grid-template-columns:minmax(280px,1.2fr) minmax(260px,.95fr) minmax(280px,.95fr)}.hud-bottom{grid-template-columns:minmax(300px,1fr) minmax(240px,.85fr) minmax(300px,1fr);align-items:end}.hud-card,.floating-banner,.mobile-brandline,.mobile-resource,.mobile-panel-shell,.mobile-panel-nav{pointer-events:auto;border:1px solid var(--stroke);background:linear-gradient(180deg, #ffffff0b, transparent 28%), linear-gradient(180deg, var(--panel), #070c12a3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff05,0 18px 42px #00000047}.hud-card{padding:16px 18px}.mobile-topbar,.mobile-command-dock{display:none}.hud-brand h1{letter-spacing:.08em;text-transform:uppercase;margin:6px 0 10px;font-family:Chakra Petch,sans-serif;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.88}.hud-brand{background:radial-gradient(circle at 12% 18%,#7ac1ff24,#0000 28%),linear-gradient(120deg,#0a1119eb,#080d13bd);position:relative;overflow:hidden}.hud-brand:after{content:"WARS";letter-spacing:.12em;color:#ffffff0d;pointer-events:none;font-family:Chakra Petch,sans-serif;font-size:clamp(3rem,8vw,6.6rem);line-height:1;position:absolute;bottom:-8px;right:18px}.hud-brand p,.status-copy,.panel-header p,.battle-notes p,.opponent-line,.winner-banner span,.error-banner,.action-subtitle,.tower-toggle small{color:var(--muted);margin:0;line-height:1.45}.eyebrow,.section-label,.room-code,.pill,.score-header strong,.action-title,.tower-toggle span,.winner-banner strong,.mobile-brandline strong,.mobile-resource strong,.mobile-panel-tab{letter-spacing:.1em;text-transform:uppercase;font-family:Chakra Petch,sans-serif}.eyebrow,.section-label,.room-code{color:var(--muted);font-size:.78rem}.status-strip{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.brand-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.brand-tag{color:#dce9f5;letter-spacing:.08em;text-transform:uppercase;background:#050a0f6b;border:1px solid #a8c4db24;border-radius:999px;padding:7px 10px;font-family:Chakra Petch,sans-serif;font-size:.74rem}.room-toolbox{gap:10px;margin-bottom:10px;display:grid}.room-entry{gap:8px;display:grid}.room-input{width:100%;min-height:48px;color:var(--text);letter-spacing:.16em;text-transform:uppercase;background:#080d14d6;border:1px solid #91b1c92e;border-radius:14px;outline:none;padding:0 14px;font-family:Chakra Petch,sans-serif;font-size:1rem}.room-input:focus{border-color:#87dfff6b;box-shadow:0 0 0 1px #87dfff2e}.room-action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.room-action,.mobile-panel-tab{min-height:42px;color:var(--text);background:linear-gradient(#0f1720eb,#090e14c2);border:1px solid #91b1c924;border-radius:14px;padding:10px 12px;font-size:.78rem;transition:transform .14s,border-color .14s,background .14s}.room-action:hover,.mobile-panel-tab:hover{border-color:#87dfff4d;transform:translateY(-1px)}.room-action:disabled,.mobile-panel-tab:disabled{opacity:.42;cursor:not-allowed;transform:none}.room-action.is-active,.mobile-panel-tab.is-active{background:linear-gradient(135deg,#12281eeb,#0b141dd6);border-color:#8bffb061}.pill,.room-code{background:#070c128f;border:1px solid #aac4dc2e;border-radius:999px;padding:8px 12px}.pill-connecting{color:#ffd166}.pill-connected{color:var(--accent-green)}.pill-error,.pill-disconnected{color:var(--accent-red)}.score-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.hud-status,.hud-scoreboard,.hud-panel,.mobile-panel-shell{background:linear-gradient(180deg, #ffffff0b, transparent 24%), linear-gradient(180deg, var(--panel-strong), #080e15a8)}.hud-panel-send{border-color:#86d8ff29}.hud-panel-center{border-color:#f5d28b29}.hud-panel-build{border-color:#8bffb02e}.score-lines{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.score-lines div{flex-direction:column;gap:6px;display:flex}.score-lines strong{font-family:Chakra Petch,sans-serif;font-size:2rem;line-height:.95}.score-lines span{color:var(--muted)}.panel-header{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.action-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tower-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.action-button,.tower-toggle{width:100%;min-height:76px;color:var(--text);background:linear-gradient(#0f1720eb,#090e14c2);border:1px solid #91b1c924;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:flex}.action-button:hover,.tower-toggle:hover{border-color:#87dfff4d;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff05,0 10px 24px #00000038}.action-button:disabled,.tower-toggle:disabled{opacity:.42;cursor:not-allowed;transform:none}.action-title,.tower-toggle span{font-size:1.02rem;display:block}.action-meta{color:var(--accent-green);font-family:Chakra Petch,sans-serif;font-size:.92rem}.unit-skater{border-color:#86d8ff29}.unit-brute{border-color:#f5d28b29}.unit-behemoth{border-color:#ff936e29}.tower-toggle{text-align:left}.tower-toggle.tower-bolt{border-color:#86d8ff2e}.tower-toggle.tower-pulse{border-color:#8bffb02e}.tower-toggle.is-active{background:linear-gradient(135deg,#12281eeb,#0b141dd6);border-color:#8bffb061}.maze-legend{color:var(--muted);flex-wrap:wrap;gap:10px 14px;margin-top:12px;font-size:.82rem;display:flex}.maze-legend span{align-items:center;gap:8px;display:inline-flex}.maze-swatch{border:1px solid #deebf42e;border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff0a}.maze-swatch-open{background:linear-gradient(135deg,#86d8fff2,#56738aeb)}.maze-swatch-locked{background:linear-gradient(135deg,#c8a476e6,#5a4530eb)}.maze-swatch-occupied{background:linear-gradient(135deg,#8bffb0f2,#224934eb)}.intel-grid{gap:10px;display:grid}.intel-card{background:linear-gradient(#ffffff08,#0000 24%),#080d1366;border:1px solid #a8c4db1f;border-radius:18px;padding:12px 14px}.intel-card p{color:var(--muted);margin:0;line-height:1.45}.intel-card-primary{background:radial-gradient(circle at 0%,#f5d28b14,#0000 34%),linear-gradient(#ffffff08,#0000 24%),#080d1366;border-color:#f5d28b2e}.intel-value{letter-spacing:.06em;text-transform:uppercase;color:#e8f5ff;margin:6px 0 4px;font-family:Chakra Petch,sans-serif;font-size:1.02rem;display:block}.floating-banner{align-self:center;width:min(720px,100%);margin-top:12px;padding:14px 18px}.winner-banner{background:linear-gradient(135deg,#12281ee6,#091118d1);border-color:#8bffb03d;align-items:center;gap:14px;display:flex}.winner-banner strong{font-size:1.12rem}.error-banner{color:#ffd7cb;background:linear-gradient(135deg,#581f14d1,#0d0e12db);border-color:#ff836b47}.mobile-topbar{gap:10px}.mobile-brandline{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mobile-brandline strong{margin-top:6px;font-size:.98rem;display:block}.mobile-chip-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mobile-resource-strip{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-resource-strip::-webkit-scrollbar{display:none}.mobile-resource{flex:0 0 170px;gap:6px;padding:12px 14px;display:grid}.mobile-resource strong{font-size:.92rem;line-height:1.2}.mobile-command-dock{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:3;pointer-events:none;flex-direction:column;gap:10px;position:fixed}.mobile-command-dock>*{pointer-events:auto}.mobile-panel-shell{max-height:min(52svh,460px);padding:14px;animation:.18s dock-rise;overflow:auto}.mobile-panel-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid}@keyframes dock-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1280px){.desktop-only{display:none!important}.mobile-topbar,.mobile-command-dock{display:flex}.mobile-topbar{flex-direction:column}.hud-overlay{min-height:100svh;padding:12px;padding-bottom:calc(116px + env(safe-area-inset-bottom));justify-content:flex-start;gap:12px}.floating-banner{align-self:stretch;width:auto;margin-top:0}.action-strip,.tower-strip{grid-template-columns:1fr}.room-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tags{display:none}}@media (width<=640px){.mobile-brandline{flex-direction:column}.mobile-chip-row{justify-content:flex-start}.mobile-panel-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.room-action-row,.mobile-panel-nav{grid-template-columns:1fr}.mobile-resource{flex-basis:150px}}