@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(auto-fit,minmax(132px,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(1080px,100vw - 32px);display:flex}.desktop-topbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:start;gap:12px;padding:10px 12px;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.38rem,2vw,1.82rem);line-height:.95}.desktop-resources{flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:8px;display:flex}.resource-stat,.enemy-brief{background:linear-gradient(#ffffff06,#0000 30%),#070c124d;border:1px solid #a4c1db1f;border-radius:14px;align-content:center;gap:3px;min-width:82px;padding:7px 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.12rem;line-height:1}.enemy-brief{min-width:164px}.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:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:16px}.desktop-command-dock.is-collapsed{width:min(312px,100vw - 32px)}.desktop-command-dock>*{pointer-events:auto}.desktop-command-bar{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px;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:.96rem}.desktop-command-panel{background:linear-gradient(180deg, #ffffff0a, transparent 24%), linear-gradient(180deg, var(--panel-strong), #080e15b8);max-height:min(38svh,292px);padding:13px 14px 14px;overflow:auto}.panel-header{gap:5px;margin-bottom:12px;display:grid}.action-strip{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:8px;display:grid}.action-button,.tower-toggle{text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:11px 12px;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%),#080d1357;border:1px solid #a8c4db1f;border-radius:16px;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{scrollbar-gutter:stable;background:radial-gradient(circle at 18% 18%,#76b1df38,#0000 24%),radial-gradient(circle at 84% 18%,#e97c5229,#0000 22%),linear-gradient(#111922 0%,#091018 40%,#05080c 100%);height:100svh;min-height:100svh;position:relative;overflow:hidden auto}.frontdoor-backdrop,.frontdoor-overlay{position:absolute;inset:0}.frontdoor-backdrop{opacity:.9;background:radial-gradient(circle at 28% 22%,#7eb7e01f,#0000 18%),radial-gradient(circle at 72% 26%,#d0714c1a,#0000 18%),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;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:20px;height:100%;min-height:100%;padding:0 clamp(18px,3.5vw,42px) 32px;display:grid;position:relative;inset:auto}.frontdoor-hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.72fr);align-items:stretch;gap:18px;min-height:clamp(250px,34svh,380px);padding:28px 0 12px;animation:.28s frontdoor-rise;display:grid}.frontdoor-hero-copy,.frontdoor-hero-board{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff09,#0000 26%),#080d1342;border:1px solid #a4c1db1f;box-shadow:0 24px 60px #00000038}.frontdoor-hero-copy{border-radius:32px;align-content:end;gap:12px;min-height:clamp(220px,28svh,320px);padding:clamp(22px,3vw,32px);display:grid;position:relative;overflow:hidden}.frontdoor-hero-copy:before,.frontdoor-hero-copy:after{content:"";pointer-events:none;position:absolute;inset:0}.frontdoor-hero-copy:before{background:linear-gradient(118deg,#7eb7e024,#0000 34%),linear-gradient(300deg,#d676521f,#0000 28%),radial-gradient(circle at 56% 72%,#ffffff0f,#0000 22%)}.frontdoor-hero-copy:after{opacity:.5;background:linear-gradient(90deg,#0000 0 92%,#ffffff0a 92% 93%,#0000 93%),linear-gradient(0deg,#0000 0 88%,#ffffff09 88% 89%,#0000 89%)}.frontdoor-hero-copy>*{z-index:1;position:relative}.frontdoor-hero-board{border-radius:28px;align-content:end;gap:12px;min-height:0;padding:18px;animation:.36s frontdoor-rise;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,.frontdoor-hero-board p,.frontdoor-selection p,.frontdoor-brief p{max-width:62ch;color:var(--muted);margin:0;line-height:1.6}.frontdoor-meta{flex-wrap:wrap;gap:8px;display:flex}.frontdoor-lower{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;display:grid}.frontdoor-mode-rail{align-content:start;gap:12px;min-height:0;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:24px;align-content:start;gap:7px;min-height:0;padding:16px 16px 18px;display:grid}.frontdoor-mode-meta,.frontdoor-hero-grid span,.frontdoor-selection strong,.frontdoor-brief strong{letter-spacing:.04em;font-family:Chakra Petch,sans-serif}.frontdoor-mode-meta{color:var(--accent-gold);text-transform:uppercase;font-size:.78rem}.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);min-height:0;box-shadow:var(--shadow);background:linear-gradient(#ffffff0a,#0000 28%),linear-gradient(#090f16e6,#070b11c7);border-radius:26px;gap:18px;padding:22px;animation:.42s frontdoor-rise;display:grid}.frontdoor-panel-header{gap:6px;display:grid}.campaign-grid{grid-template-columns:1fr;gap:12px;min-height:0;display:grid}.campaign-card{text-align:left;border-radius:18px;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:10px 18px;min-height:0;padding:14px 18px;display:grid}.campaign-heading{gap:6px;display:grid}.campaign-meta{color:var(--accent-gold);text-transform:uppercase;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding-top:2px;font-size:.82rem;display:grid}.frontdoor-actions,.menu-actions{flex-wrap:wrap;gap:10px;display:flex}.frontdoor-actions{justify-content:space-between;align-items:center}.frontdoor-campaigns{grid-template-rows:auto minmax(0,1fr) auto;height:100%;overflow:hidden}.frontdoor-campaigns .campaign-grid{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;padding-right:6px;overflow-y:auto}.frontdoor-campaigns .frontdoor-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.frontdoor-selection,.frontdoor-brief{background:linear-gradient(#ffffff08,#0000 26%),#080d1352;border:1px solid #a8c4db1f;border-radius:18px;gap:6px;min-width:0;padding:14px 16px;display:grid}.frontdoor-selection strong,.frontdoor-brief strong{text-transform:uppercase;font-size:1rem}.frontdoor-primary{letter-spacing:.08em;text-transform:uppercase;border-radius:16px;align-self:stretch;min-height:50px;padding:0 22px;font-family:Chakra Petch,sans-serif;font-size:.92rem}.frontdoor-hero-grid,.frontdoor-overview-grid,.frontdoor-match-grid{gap:10px;display:grid}.frontdoor-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.frontdoor-hero-grid div{background:#070c1252;border:1px solid #a8c4db1f;border-radius:16px;gap:4px;padding:10px;display:grid}.frontdoor-hero-grid strong{letter-spacing:.06em;font-family:Chakra Petch,sans-serif;font-size:1.12rem}.frontdoor-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.frontdoor-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frontdoor-match-controls{grid-column:1/-1}.floating-banner{z-index:4;width:min(560px,100vw - 32px);padding:12px 16px;animation:.18s banner-drop;position:fixed;top:96px;left:50%;transform:translate(-50%)}.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)}}@keyframes frontdoor-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-drop{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@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(336px,100vw - 24px);bottom:12px;left:12px}.desktop-command-dock.is-collapsed{width:min(292px,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>=1281px) and (height<=960px){.frontdoor-overlay{gap:14px;padding-bottom:20px}.frontdoor-hero{min-height:clamp(220px,28svh,300px);padding:20px 0 8px}.frontdoor-hero-copy{gap:10px;min-height:0;padding:20px 22px}.frontdoor-hero-board,.frontdoor-panel{padding:16px}.frontdoor-mode{padding:14px 14px 16px}.campaign-card{padding:12px 16px}.frontdoor-copy,.frontdoor-panel-header p,.campaign-card p,.frontdoor-mode p,.frontdoor-hero-board p,.frontdoor-selection p,.frontdoor-brief p{line-height:1.45}.frontdoor-campaigns .campaign-grid{gap:10px}}@media (width>=1281px) and (height<=820px){.frontdoor-logo{font-size:clamp(2.8rem,5vw,4.8rem)}.frontdoor-hero{min-height:clamp(190px,24svh,250px)}.frontdoor-hero-grid div{padding:8px 10px}.frontdoor-mode strong,.campaign-card strong{font-size:1.16rem}.campaign-meta{font-size:.78rem}}@media (width<=1480px){.desktop-topbar{grid-template-columns:minmax(220px,.95fr) minmax(240px,1fr)}.desktop-resources{grid-column:1/-1;justify-content:flex-start}.desktop-command-dock{width:min(352px,100vw - 28px)}.desktop-command-dock.is-collapsed{width:min(304px,100vw - 28px)}}@media (width<=1280px){.frontdoor-overlay{grid-template-rows:none;height:auto;padding-bottom:28px}.frontdoor-hero,.frontdoor-lower,.frontdoor-overview-grid,.frontdoor-match-grid{grid-template-columns:1fr}.frontdoor-mode-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.frontdoor-campaigns,.frontdoor-campaigns .campaign-grid{height:auto;overflow:visible}.frontdoor-campaigns .frontdoor-actions,.campaign-card{grid-template-columns:1fr}.campaign-meta{grid-template-columns:repeat(auto-fit,minmax(150px,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{top:auto;bottom:calc(124px + env(safe-area-inset-bottom));width:auto;left:12px;right:12px;transform:none}.action-strip{grid-template-columns:1fr}}@media (width<=640px){.frontdoor-overlay{gap:20px;padding:0 14px 20px}.frontdoor-panel{padding:16px}.frontdoor-hero{min-height:auto;padding:28px 0 12px}.frontdoor-hero-copy,.frontdoor-hero-board,.frontdoor-mode,.campaign-card{min-height:auto}.frontdoor-mode-rail,.campaign-meta,.frontdoor-hero-grid{grid-template-columns:1fr}.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}}