@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:#bed6ea47;--panel:#080e15b8;--panel-strong:#060a10e6;--panel-soft:#0a101894;--accent-blue:#86d8ff;--accent-red:#ff936e;--accent-green:#8bffb0;--accent-gold:#f5d28b;--shadow:0 18px 42px #00000047}*{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}button{cursor:pointer}.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:flex-start;gap:12px;min-height:100vh;padding:16px;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 14% 100%,#04080d8f,#0000 24%),radial-gradient(circle at 86% 100%,#04080d75,#0000 26%),linear-gradient(#060a0f8f,#0000 18% 78%,#04070b61)}.hud-overlay:after{background:radial-gradient(circle at 14% 16%,#75b1df1a,#0000 18%),radial-gradient(circle at 86% 18%,#e97c5214,#0000 16%)}.surface-panel,.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), #070c1299);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 0 1px #ffffff05, var(--shadow);border-radius:22px}.desktop-only{display:block}.mobile-only,.mobile-topbar,.mobile-command-dock{display:none}.eyebrow,.section-label,.room-code,.pill,.action-title,.tower-toggle span,.winner-banner strong,.combat-alert-banner strong,.mobile-brandline strong,.mobile-resource strong,.mobile-panel-tab,.desktop-command-tab,.desktop-logo{letter-spacing:.08em;text-transform:uppercase;font-family:Chakra Petch,sans-serif}.eyebrow,.section-label,.room-code{color:var(--muted);font-size:.76rem}.status-strip,.mobile-chip-row,.maze-legend,.desktop-command-tabs{flex-wrap:wrap;gap:8px;display:flex}.room-action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pill,.room-code{background:#070c1280;border:1px solid #aac4dc2e;border-radius:999px;padding:7px 11px}.pill-connecting{color:#ffd166}.pill-connected{color:var(--accent-green)}.pill-error,.pill-disconnected{color:var(--accent-red)}.desktop-hud{flex-direction:column;gap:10px;width:min(1180px,100vw - 32px);display:flex}.desktop-topbar{grid-template-columns:minmax(220px,1.05fr) minmax(220px,.9fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.desktop-brand,.desktop-status-cluster{gap:6px;display:grid}.desktop-brand p,.desktop-status-copy,.panel-header p,.intel-command p,.intel-stat p,.winner-banner span,.combat-alert-banner span,.error-banner,.action-subtitle,.tower-toggle small,.desktop-command-readout p{color:var(--muted);margin:0;line-height:1.45}.desktop-logo{font-size:clamp(1.5rem,2.4vw,2rem);line-height:.95}.desktop-resources{flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:10px;display:flex}.resource-stat,.enemy-brief{background:#070c1252;border:1px solid #a4c1db1f;border-radius:16px;align-content:center;gap:3px;min-width:86px;padding:8px 10px;display:grid}.resource-stat span,.enemy-brief span{color:var(--muted);font-size:.76rem}.resource-stat strong,.enemy-brief strong,.desktop-command-readout strong,.intel-value,.mobile-resource strong{letter-spacing:.04em;font-family:Chakra Petch,sans-serif}.resource-stat strong{font-size:1.24rem;line-height:1}.enemy-brief{min-width:176px}.enemy-brief strong{font-size:.96rem;line-height:1.2}.room-toggle,.room-action,.mobile-panel-tab,.desktop-command-tab,.action-button,.tower-toggle{color:var(--text);background:linear-gradient(#0f1720eb,#090e14c2);border:1px solid #91b1c924;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.room-toggle,.room-action,.mobile-panel-tab,.desktop-command-tab{border-radius:14px;min-height:42px;padding:10px 14px;font-size:.8rem}.room-toggle:hover,.room-action:hover,.mobile-panel-tab:hover,.desktop-command-tab:hover,.action-button:hover,.tower-toggle:hover{border-color:#87dfff4d;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff05,0 10px 24px #00000038}.room-toggle:disabled,.room-action:disabled,.mobile-panel-tab:disabled,.desktop-command-tab:disabled,.action-button:disabled,.tower-toggle:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}.room-toggle.is-active,.room-action.is-active,.mobile-panel-tab.is-active,.desktop-command-tab.is-active,.tower-toggle.is-active{background:linear-gradient(135deg,#12281eeb,#0b141dd6);border-color:#8bffb061}.desktop-command-dock{z-index:3;pointer-events:none;flex-direction:column;gap:12px;width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:16px}.desktop-command-dock.is-collapsed{width:min(360px,100vw - 32px)}.desktop-command-dock>*{pointer-events:auto}.desktop-command-bar{gap:10px;padding:10px;display:grid}.desktop-command-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.desktop-command-readout{text-align:left;justify-items:start;gap:4px;min-width:0;display:grid}.desktop-command-dock.is-collapsed .desktop-command-readout p{display:none}.desktop-command-readout strong{font-size:1rem}.desktop-command-panel{background:linear-gradient(180deg, #ffffff0a, transparent 24%), linear-gradient(180deg, var(--panel-strong), #080e15b8);max-height:min(40svh,320px);padding:14px 16px 16px;overflow:auto}.panel-header{gap:5px;margin-bottom:12px;display:grid}.action-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.action-button,.tower-toggle{text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 14px;display:flex}.action-title,.tower-toggle span{font-size:.98rem;display:block}.action-meta{color:var(--accent-green);font-family:Chakra Petch,sans-serif;font-size:.9rem}.unit-skater{border-color:#86d8ff29}.unit-brute{border-color:#f5d28b29}.unit-behemoth{border-color:#ff936e29}.tower-toggle.tower-bolt{border-color:#86d8ff2e}.tower-toggle.tower-pulse{border-color:#8bffb02e}.tower-toggle.tower-sell{border-color:#ff936e38}.tower-toggle.tower-sell.is-active{background:linear-gradient(135deg,#4c2116eb,#131115d6);border-color:#ff936e6b}.intel-compact{gap:12px;display:grid}.intel-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intel-command,.intel-stat{background:linear-gradient(#ffffff08,#0000 24%),#080d1361;border:1px solid #a8c4db1f;border-radius:18px;padding:12px 14px}.intel-value{text-transform:uppercase;color:#e8f5ff;margin:5px 0 3px;font-size:1rem;display:block}.maze-legend{color:var(--muted);margin-top:12px;font-size:.8rem}.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)}.room-toolbox{gap: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}.frontdoor-shell{background:radial-gradient(circle at 18% 18%,#76b1df2e,#0000 24%),radial-gradient(circle at 82% 16%,#e97c5224,#0000 22%),linear-gradient(#0d141c 0%,#091018 42%,#06090e 100%);min-height:100vh;position:relative;overflow:hidden}.frontdoor-backdrop,.frontdoor-overlay{position:absolute;inset:0}.frontdoor-backdrop{opacity:.9;background:linear-gradient(115deg,#84b5df14,#0000 38%),linear-gradient(295deg,#c7704e14,#0000 36%),repeating-linear-gradient(90deg,#0000 0 88px,#ffffff05 88px 89px)}.frontdoor-overlay{z-index:1;align-content:start;gap:28px;padding:44px clamp(18px,3vw,40px) 32px;display:grid;position:relative}.frontdoor-hero{gap:14px;max-width:760px;display:grid}.frontdoor-logo{letter-spacing:.08em;text-transform:uppercase;font-family:Chakra Petch,sans-serif;font-size:clamp(3.4rem,9vw,7rem);line-height:.88}.frontdoor-copy,.frontdoor-panel-header p,.campaign-card p,.frontdoor-mode p{max-width:62ch;color:var(--muted);margin:0;line-height:1.6}.frontdoor-meta,.campaign-meta{flex-wrap:wrap;gap:8px;display:flex}.frontdoor-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.frontdoor-mode,.campaign-card,.frontdoor-primary{color:var(--text);background:linear-gradient(#ffffff0a,#0000 26%),linear-gradient(#0c131ceb,#070c12cc);border:1px solid #91b1c929;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff0d,0 18px 42px #00000038}.frontdoor-mode:hover,.campaign-card:hover,.frontdoor-primary:hover{border-color:#87dfff57;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 22px 46px #00000047}.frontdoor-mode.is-active,.campaign-card.is-active{background:linear-gradient(135deg,#13281feb,#0a121ad6);border-color:#8bffb061}.frontdoor-mode{text-align:left;border-radius:22px;align-content:start;gap:10px;min-height:168px;padding:20px 22px;display:grid}.frontdoor-mode strong,.campaign-card strong{letter-spacing:.04em;text-transform:uppercase;font-family:Chakra Petch,sans-serif;font-size:1.36rem}.frontdoor-panel{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:1100px;box-shadow:var(--shadow);background:linear-gradient(#ffffff0a,#0000 28%),linear-gradient(#090f16e6,#070b11bd);border-radius:26px;gap:18px;padding:22px;display:grid}.frontdoor-panel-header{gap:6px;display:grid}.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.campaign-card{text-align:left;border-radius:20px;align-content:start;gap:10px;min-height:214px;padding:18px;display:grid}.campaign-meta{color:var(--accent-gold);text-transform:uppercase;margin-top:auto;padding-top:10px;font-size:.82rem}.frontdoor-actions,.menu-actions{flex-wrap:wrap;gap:10px;display:flex}.frontdoor-primary{letter-spacing:.08em;text-transform:uppercase;border-radius:16px;min-height:50px;padding:0 22px;font-family:Chakra Petch,sans-serif;font-size:.92rem}.floating-banner{align-self:center;width:min(560px,100vw - 32px);padding:12px 16px}.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}.combat-alert-banner{align-items:center;gap:14px;display:flex}.combat-alert-banner strong{font-size:1.02rem}.combat-alert-banner.is-warning{background:linear-gradient(135deg,#522418e0,#0c1117d1);border-color:#ff936e4d}.combat-alert-banner.is-success{background:linear-gradient(135deg,#122c1fdb,#091118d1);border-color:#8bffb04d}.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-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-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>=1281px) and (height<=860px){.hud-overlay{gap:10px;padding:12px}.desktop-topbar{gap:12px;padding:10px 12px}.desktop-brand p,.desktop-status-copy,.desktop-command-readout p{display:none}.desktop-resources{gap:8px}.resource-stat,.enemy-brief{min-width:82px;padding:7px 9px}.resource-stat strong{font-size:1.08rem}.desktop-command-dock{gap:8px;width:min(360px,100vw - 24px);bottom:12px;left:12px}.desktop-command-dock.is-collapsed{width:min(320px,100vw - 24px)}.desktop-command-bar{gap:8px;padding:8px}.desktop-command-panel{max-height:min(30svh,220px);padding:12px 14px 14px}.panel-header{gap:4px;margin-bottom:10px}.action-button,.tower-toggle{min-height:58px;padding:10px 12px}.intel-command,.intel-stat{padding:10px 12px}.maze-legend{margin-top:10px}}@media (width<=1480px){.desktop-topbar{grid-template-columns:minmax(220px,.95fr) minmax(260px,1fr)}.desktop-resources{grid-column:1/-1;justify-content:flex-start}.desktop-command-dock{width:min(390px,100vw - 28px)}.desktop-command-dock.is-collapsed{width:min(340px,100vw - 28px)}}@media (width<=1280px){.frontdoor-overlay{padding-bottom:28px}.frontdoor-modes,.campaign-grid{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only,.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}.action-strip{grid-template-columns:1fr}}@media (width<=640px){.frontdoor-overlay{gap:20px;padding:28px 14px 20px}.frontdoor-panel{padding:16px}.frontdoor-mode,.campaign-card{min-height:auto}.mobile-brandline{flex-direction:column}.mobile-chip-row{justify-content:flex-start}.mobile-panel-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.intel-columns,.room-action-row{grid-template-columns:1fr}}@media (width<=420px){.mobile-panel-nav{grid-template-columns:1fr}.mobile-resource{flex-basis:150px}}