:root{--bg: #12151b;--bg-2: #171b23;--panel: #1d222c;--panel-2: #262d3a;--line: #333c4c;--text: #f3ead6;--muted: #a7a595;--gold: #f2b84b;--good: #5fbf8f;--bad: #e0675a;--ink: #15121a;--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1000px 500px at 10% -10%,rgba(95,140,90,.16),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(242,184,75,.07),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0}.hidden,.mobile-only{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.small{font-size:12px;color:var(--muted)}label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}input,select,button,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;background:var(--panel-2);color:var(--text)}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px}input:disabled{opacity:.55}button{cursor:pointer;font-weight:700;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);border-color:#4a566b;background:#2d3646}button:active{transform:translateY(0)}button.primary{background:var(--gold);border-color:#c58f2e;color:#2a1f08}button.primary:hover{background:#ffca63}button.good{background:#2a5a45;border-color:#3f8b6b}button.good:hover{background:#2f6b51}button.ghost{background:transparent;color:var(--muted)}button.ghost:hover{color:var(--text)}kbd{display:inline-block;min-width:18px;padding:1px 5px;text-align:center;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--text);background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-bottom-width:2px;border-radius:5px}.segmented{display:flex;gap:4px}.segmented button{flex:1;min-height:44px}.segmented button.selected{outline:2px solid var(--accent, #f2b84b)}#towerTypeBlurb{margin:4px 0 0;font-size:.8rem;min-height:2.6em}.menu-screen{flex:1 1 auto;min-height:0;display:flex;padding:24px;overflow-y:auto;scrollbar-width:none}.menu-screen::-webkit-scrollbar{display:none}.menu-card{margin:auto;width:min(760px,100%);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 30px 60px #00000073,0 0 0 6px #ffffff05}.menu-hero{display:block;width:100%;height:auto;aspect-ratio:3 / 1;border-bottom:3px solid var(--ink)}.menu-body{padding:22px 26px 24px}.menu-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#5fbf8f1f;border:1px solid rgba(95,191,143,.35);color:var(--good);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.menu-title{margin:10px 0 0;font-size:clamp(34px,6vw,52px);font-weight:900;letter-spacing:-.01em;line-height:1;text-transform:uppercase}.menu-title span{color:var(--gold)}.menu-subtitle{margin:10px 0 18px;color:var(--muted);font-size:15px;line-height:1.5}.menu-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.menu-hint{display:block;margin-top:4px;font-size:11px;color:var(--gold)}.menu-player-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:16px}.menu-player{display:flex;align-items:center;gap:8px}.swatch,.chip-swatch{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-weight:800;font-size:14px;color:#fff;background:var(--panel-2);border:2px solid var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.45)}.swatch.p1{background:var(--p1)}.swatch.p2{background:var(--p2)}.swatch.p3{background:var(--p3)}.swatch.p4{background:var(--p4)}.swatch.p5{background:var(--p5)}.swatch.p6{background:var(--p6)}.swatch.p7{background:var(--p7)}.swatch.p8{background:var(--p8)}.menu-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.menu-actions .primary{padding:13px;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.menu-message{min-height:18px;margin-top:10px;font-size:12px;color:var(--muted)}.menu-bot-name{flex:1;font-weight:700}.game-screen{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:12px;padding:12px;overflow:hidden}.game-screen:has(.snapshot-panel:not(.hidden)){overflow:auto}.stage{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.topbar{flex:none;display:flex;align-items:center;gap:14px;height:48px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.brand{font-weight:900;font-size:15px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.brand span{color:var(--gold)}.phase-banner{flex:1;min-width:0;display:flex;align-items:baseline;gap:12px;padding-left:14px;border-left:3px solid var(--gold)}.phase-banner.wave{border-left-color:var(--bad)}.phase-banner.ended{border-left-color:var(--good)}.phase-label{font-weight:800;font-size:14px;letter-spacing:.14em;white-space:nowrap}.phase-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playback-controls{display:flex;gap:4px}.playback-controls button{width:auto;padding:5px 11px;font-size:12px}.playback-controls button[aria-pressed=true]{background:#f2b84b29;border-color:var(--gold);color:var(--gold)}.hud-chip-row{display:grid;gap:6px}.player-chip{position:relative;display:flex;gap:9px;align-items:center;padding:7px 10px 7px 8px;border:1px solid var(--line);border-radius:11px;background:var(--panel);font-size:12px;overflow:hidden}.player-chip:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--chip, var(--line))}.player-chip.p1{--chip: var(--p1)}.player-chip.p2{--chip: var(--p2)}.player-chip.p3{--chip: var(--p3)}.player-chip.p4{--chip: var(--p4)}.player-chip.p5{--chip: var(--p5)}.player-chip.p6{--chip: var(--p6)}.player-chip.p7{--chip: var(--p7)}.player-chip.p8{--chip: var(--p8)}.player-chip .chip-swatch{background:var(--chip, var(--panel-2))}.player-chip{cursor:pointer}.player-chip:hover{border-color:var(--chip, var(--line))}.player-chip-name:focus-visible{outline:2px solid var(--chip, var(--ink));outline-offset:2px}.player-chip.active{border-color:var(--chip, var(--line));box-shadow:0 0 0 1px var(--chip, var(--line)),0 0 14px -2px var(--chip, var(--line))}.player-chip.active .player-chip-name:before{content:"▶ "}.player-chip.ready{border-color:#5fbf8f8c}.player-chip.eliminated{opacity:.5;filter:grayscale(.6)}.chip-body{flex:1;min-width:0;display:grid;gap:3px}.chip-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.player-chip-name{background:none;border:0;padding:0;margin:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer;font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-state{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.player-chip.ready .chip-state{color:var(--good)}.chip-score{display:flex;align-items:center;gap:7px}.chip-points{min-width:46px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.goal-bar,.tower-hp-bar{flex:1;height:6px;border-radius:4px;background:#ffffff17;overflow:hidden}.goal-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#c58f2e,var(--gold));transition:width .3s ease}.tower-hp-bar{flex:none;width:100%;height:5px}.tower-hp-bar i{display:block;height:100%;border-radius:4px;background:#7fd08a;transition:width .15s ease,background .15s ease}.tower-hp-bar[data-level=mid] i{background:var(--gold)}.tower-hp-bar[data-level=low] i{background:var(--bad)}.tower-hp-bar.repair-pulse{animation:hp-refill .65s ease-out}@keyframes hp-refill{0%{box-shadow:0 0 0 2px #fff176d9,0 0 12px #ffe678e6}to{box-shadow:0 0 0 2px #fff17600}}.player-chip-meta{font-size:10px;color:var(--muted)}.chip-bot{flex:none;padding:1px 5px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--ink);background:var(--gold)}.battlefield{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px;min-width:0}.board-frame{position:relative;flex:1 1 0;min-height:0;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#0e1116}.board-grid{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center}.board-grid canvas{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;aspect-ratio:1 / 1;border-radius:8px;box-shadow:0 0 0 3px var(--ink),0 12px 30px #00000080;touch-action:none}.battlefield-meta{flex:none;height:16px;line-height:16px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom-controls{position:absolute;top:14px;right:14px;z-index:6;display:grid;gap:4px}.zoom-controls button{width:36px;height:36px;padding:0;font-size:16px;line-height:1;background:#1d222cd9}.zoom-controls button:disabled{opacity:.4;cursor:default}.zoom-controls button:disabled:hover{transform:none}.tower-menu{position:absolute;z-index:7;display:grid;gap:6px;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#15121af5;box-shadow:0 8px 22px #0000008c;transform:translate(-50%,-100%)}.tower-menu.below{transform:translate(-50%)}.tower-menu[hidden]{display:none}.tower-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.tower-menu-close{width:26px;height:26px;padding:0;line-height:1;background:transparent;color:var(--muted)}.tower-menu-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tower-menu-btn{display:grid;gap:2px;justify-items:center;padding:7px 4px;font-size:12px}.tower-menu-btn.dim{opacity:.55}.tower-menu-level,.tower-menu-cost{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.tower-menu-cost.short{color:var(--bad)}.tower-tooltip{position:absolute;z-index:5;min-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#15121af0;box-shadow:0 6px 18px #00000080;color:var(--text);font-size:12px;transform:translate(-50%,-100%);pointer-events:none}.tower-tooltip[hidden]{display:none}.tower-tooltip div{display:flex;justify-content:space-between;gap:14px}.tower-tooltip span{color:var(--muted)}.wave-banner{position:absolute;left:50%;top:38%;display:grid;gap:2px;justify-items:center;padding:14px 34px;border:2px solid var(--ink);border-radius:14px;background:#15121aeb;box-shadow:0 10px 30px #00000080;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.wave-banner strong{font-size:26px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.wave-banner span{font-size:13px;color:var(--text)}.wave-banner.show{opacity:1;animation:banner-in 2.6s ease both}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.turn-banner{position:absolute;left:50%;top:62%;display:grid;gap:4px;justify-items:center;max-width:90%;padding:18px 40px;border:3px solid var(--turn-color, var(--ink));border-radius:16px;background:#15121af0;box-shadow:0 12px 36px #0009;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.turn-banner strong{font-size:clamp(28px,6vw,44px);font-weight:900;line-height:1.1;overflow-wrap:anywhere;color:var(--turn-color, var(--gold))}.turn-banner span{font-size:clamp(18px,3.5vw,26px);font-weight:800;color:var(--text)}.turn-banner.show{opacity:1;animation:turn-banner-in 3.5s ease both}@keyframes turn-banner-in{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}8%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{opacity:0}}.guide-overlay{flex:none;height:58px}.guide-overlay.guide-idle{visibility:hidden}.guide-card{position:relative;height:100%;overflow:hidden;display:flex;align-items:center;gap:12px;padding:7px 40px 7px 12px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;background:var(--panel)}.guide-card.ready{border-left-color:var(--good)}.guide-card.hint{border-left-color:#6aa0e0}.guide-text{flex:1;min-width:0}.guide-title{font-size:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;font-size:12px;line-height:1.35;color:var(--muted)}.guide-action{width:auto;flex:none;white-space:nowrap;padding:7px 12px;font-size:12px;background:var(--panel-2)}.guide-close{position:absolute;right:8px;top:8px;width:22px;height:22px;padding:0;border-radius:999px;line-height:1;background:transparent;color:var(--muted)}.panel-more{display:grid;gap:12px}.control-panel{display:grid;gap:12px;align-content:start;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stack{display:grid;gap:8px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool{position:relative;display:grid;justify-items:start;gap:2px;padding:10px 10px 9px;text-align:left}.tool-icon{width:22px;height:22px;color:var(--gold)}.tool.good .tool-icon{color:var(--good)}.tool-label{font-size:12px;line-height:1.2}.tool-cost{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.tool-cost.short{color:var(--bad)}.tool kbd{position:absolute;top:8px;right:8px}.tool.dim{opacity:.55}.tool[aria-pressed=true]{background:#f2b84b29;border-color:var(--gold);box-shadow:0 0 0 2px #f2b84b40}.status{min-height:34px;padding:8px 10px;border:1px dashed var(--line);border-radius:8px;font-family:var(--mono);font-size:11px;color:var(--muted);white-space:pre-wrap;line-height:1.45}.session-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.session-row button{padding:7px;font-size:12px}.snapshot-panel{grid-column:1 / -1;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.snapshot-panel textarea{min-height:140px;font-size:12px;font-family:var(--mono)}.toasts{position:fixed;right:14px;bottom:52px;z-index:50;display:grid;gap:6px;width:min(340px,calc(100vw - 28px));pointer-events:none}.toast{padding:9px 12px;border:1px solid var(--line);border-left:4px solid #6aa0e0;border-radius:9px;background:#1d222cf7;font-size:13px;box-shadow:0 8px 20px #0006;animation:toast-in .18s ease-out both}.toast.accepted{border-left-color:var(--good)}.toast.rejected,.toast.error{border-left-color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.shortcuts-bar{padding:10px 12px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg-2)}.shortcuts-bar kbd{margin-left:6px}.match-end-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b0ebf;align-items:center;justify-content:center;z-index:40}.match-end-modal{width:min(440px,92vw);padding:20px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:14px;background:var(--panel);box-shadow:0 24px 50px #00000080}.match-end-modal h2{margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.match-end-grid{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-size:14px;margin:12px 0 16px}@media (max-width: 1040px){.shortcuts-bar{display:none!important}.game-screen{display:flex;flex-direction:column;gap:6px;padding:6px}.stage{flex:1 1 0;gap:4px}.brand,.phase-sub,.desktop-only{display:none}.mobile-only{display:grid!important}.topbar{height:42px;gap:8px;padding:4px 8px}.phase-banner{padding-left:8px}.phase-label{font-size:12px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis}.playback-controls button{padding:5px 7px}.stage .wave-preview{height:20px;line-height:20px;padding:0 8px;font-size:12px}.guide-overlay{height:62px}.guide-title{font-size:14px}.guide-body{-webkit-line-clamp:2;line-clamp:2}.board-frame{padding:4px}.board-grid{top:4px;right:4px;bottom:4px;left:4px}.control-panel{position:relative;flex:none;gap:6px;padding:6px;overflow:visible}.hud-chip-row{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.hud-chip-row::-webkit-scrollbar{display:none}.hud-chip-row{height:56px}.player-chip{flex:0 0 150px;height:100%;scroll-snap-align:start;padding:5px 8px}.player-chip-meta{display:none}.toolbar{grid-template-columns:repeat(4,1fr);gap:6px}.upgrade-btn,.tool kbd{display:none}.tool{justify-items:center;padding:6px 4px;min-height:44px}.tool-label{font-size:11px;text-align:center}.panel-more{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:30;max-height:60dvh;overflow-y:auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 -10px 30px #00000080}.control-panel.more-open .panel-more{display:grid}.toasts{top:12px;bottom:auto;right:50%;transform:translate(50%)}.tower-menu{left:6px!important;right:6px;top:auto!important;bottom:6px;transform:none!important;width:auto}}@media (max-width: 640px){.menu-fields,.menu-actions,.menu-player-names{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.wave-banner.show,.turn-banner.show{animation:none}}label .hint{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}.menu-actions .menu-settings,.session-row #settingsBtn{grid-column:1 / -1}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0b0ebf;z-index:60}.settings-overlay[hidden]{display:none}.settings-modal{width:min(400px,92vw);padding:20px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:14px;background:var(--panel);box-shadow:0 24px 50px #00000080}.settings-modal h2{margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.settings-row{margin-bottom:14px}.settings-slider{display:flex;align-items:center;gap:10px}.settings-slider input[type=range]{flex:1;padding:0;accent-color:var(--gold)}.settings-slider output{min-width:3.5ch;text-align:right;font-family:var(--mono)}#settingsMuteBtn[aria-pressed=true]{border-color:var(--gold);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--gold)}.booting #menuScreen,.booting #gameScreen{visibility:hidden}.wave-preview{flex:none;height:24px;line-height:24px;padding:0 12px;font-size:13px;font-weight:600;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-modal{width:min(460px,92vw)}.tour-body p{margin:0 0 10px;line-height:1.45}.tour-actions{justify-content:flex-end;flex-wrap:wrap}.tour-actions [hidden]{display:none}