*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}.scene{position:absolute;inset:0}.scene canvas{display:block}.title-badge{position:absolute;top:12px;left:14px;color:#ffffffeb;font-weight:700;letter-spacing:.35em;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;pointer-events:none}.panel{position:absolute;background:#101418d1;color:#dde5ea;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.readout{left:14px;bottom:14px;min-width:220px;pointer-events:none}.readout-coords{font-variant-numeric:tabular-nums;font-weight:600}.readout-terrain{margin-top:2px}.readout-details,.readout-hint{margin-top:2px;color:#9fb0ba}.readout-help{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);color:#7d8d97;font-size:11px}.dev-panel{top:12px;right:14px;width:210px;display:flex;flex-direction:column;gap:8px}.dev-panel-title{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9fb0ba}.dev-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b7c4cc}.dev-panel input,.dev-panel select{width:110px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#eef3f6;padding:4px 7px;font:inherit;font-variant-numeric:tabular-nums}.dev-panel-buttons{display:flex;gap:8px}.dev-panel button{flex:1;background:#3a5a78;border:none;border-radius:5px;color:#eef3f6;padding:6px 0;font:inherit;font-size:12px;cursor:pointer}.dev-panel button:hover{background:#46688a}.dev-panel button:disabled{opacity:.5;cursor:default}.dev-panel-stats{color:#8b9ba5;font-size:11.5px;line-height:1.5}.menu-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:280px;display:flex;flex-direction:column;gap:10px;padding:18px}.menu-title{font-weight:700;font-size:15px;letter-spacing:.04em}.menu-field{display:flex;flex-direction:column;gap:4px;color:#b7c4cc;font-size:12px}.menu-panel input,.lobby-panel input{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#eef3f6;padding:7px 9px;font:inherit}.menu-panel button,.lobby-panel button{background:#34495e;border:none;border-radius:5px;color:#eef3f6;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer}.menu-panel button:hover,.lobby-panel button:hover{background:#40597a}.menu-panel button:disabled,.lobby-panel button:disabled{opacity:.45;cursor:default}button.primary{background:#3f7d4e!important}button.primary:hover{background:#4a935c!important}button.subtle{background:transparent!important;color:#8b9ba5!important}.menu-divider{text-align:center;color:#7d8d97;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.menu-join-row{display:flex;gap:8px}.code-input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.25em;font-variant-numeric:tabular-nums}.menu-error{color:#e08a7f;font-size:12px;line-height:1.4}.menu-hint{color:#7d8d97;font-size:11px;line-height:1.5}.lobby-panel{top:44px;left:14px;width:265px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 120px);overflow-y:auto}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lobby-label{color:#9fb0ba;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.lobby-code{font-size:22px;font-weight:700;letter-spacing:.2em;font-variant-numeric:tabular-nums}.lobby-players{display:flex;flex-direction:column;gap:6px}.lobby-player{display:flex;align-items:center;gap:8px;font-size:13px}.lobby-player.empty{color:#6b7a84;font-style:italic}.lobby-player.away{opacity:.55}.lobby-panel.offline{border-color:#d0a13f80}.lobby-banner{background:#d0a13f2e;border:1px solid rgba(208,161,63,.4);border-radius:5px;color:#e8c477;font-size:12px;padding:6px 8px;line-height:1.4}.menu-hint code{-webkit-user-select:all;user-select:all;word-break:break-all;color:#b7c4cc}.color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.color-dot.hollow{background:transparent;border-style:dashed}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{margin-left:6px;padding:1px 5px;border-radius:4px;background:#ffffff1f;color:#b7c4cc;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.tag.you{background:#60a5fa40}.ready{color:#8b9ba5;font-size:11px}.ready.yes{color:#7fd08a}.lobby-colors{display:flex;gap:6px}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent!important;padding:0!important}.swatch.mine{border-color:#fff!important}.swatch:disabled{opacity:.25}.lobby-settings{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.lobby-settings label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b7c4cc;font-size:12px}.lobby-settings select{width:120px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#eef3f6;padding:4px 7px;font:inherit}.lobby-seed-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.status-badge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;background:#101418d1;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 12px;color:#9fb0ba;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7a84}.status-connected .status-dot{background:#7fd08a}.status-connecting .status-dot,.status-reconnecting .status-dot{background:#d0a13f;animation:pulse 1s infinite}.status-closed .status-dot{background:#e08a7f}@keyframes pulse{50%{opacity:.3}}.start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a0c8c}.start-card{position:static;width:320px;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.start-card p{margin:0;line-height:1.5}.drag-box{position:absolute;border:1px solid rgba(242,246,248,.9);background:#f2f6f81f;pointer-events:none;z-index:5}.match-players{top:44px;left:14px;width:200px;display:flex;flex-direction:column;gap:6px}.debug-overlay{top:12px;right:14px;width:190px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#b7c4cc}.debug-overlay.offline{border-color:#d0a13f80}.debug-title{color:#7d8d97;text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:4px}.debug-overlay table{width:100%;border-collapse:collapse}.debug-overlay td{padding:1px 0}.debug-overlay td:last-child{text-align:right;color:#eef3f6;font-variant-numeric:tabular-nums}.debug-overlay tr.warn td:last-child{color:#e8a15c}.dev-tools{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.dev-tools button{background:#34495e;border:none;border-radius:5px;color:#eef3f6;padding:6px 8px;font:inherit;font-size:11.5px;cursor:pointer}.dev-tools label{display:flex;flex-direction:column;gap:2px;color:#b7c4cc}.dev-tools input[type=range]{width:100%}.reconnect-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#d0a13f38;border:1px solid rgba(208,161,63,.5);border-radius:6px;color:#e8c477;font-size:12.5px;padding:7px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.match-error{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#101418d9;border-radius:6px;padding:6px 10px}.unit-panel{left:50%;bottom:14px;transform:translate(-50%);width:300px;display:flex;flex-direction:column;gap:8px}.unit-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.unit-hp{position:relative;height:14px;background:#ffffff14;border-radius:4px;overflow:hidden;font-size:10.5px;text-align:center;line-height:14px}.unit-hp-fill{position:absolute;inset:0 auto 0 0;background:#4a935c}.unit-hp span{position:relative}.unit-stats{width:100%;border-collapse:collapse;font-size:12px;color:#b7c4cc}.unit-stats td:last-child{text-align:right;color:#eef3f6;font-variant-numeric:tabular-nums}.unit-note{color:#e8c477;font-style:italic}.unit-desc,.unit-counts{color:#9fb0ba;font-size:11.5px;line-height:1.4}.unit-counts{display:flex;flex-wrap:wrap;gap:4px 12px}.stance-row{display:flex;gap:6px}.stance-row button{flex:1;background:#34495e;border:1px solid transparent;border-radius:5px;color:#eef3f6;padding:6px 4px;font:inherit;font-size:11.5px;cursor:pointer}.stance-row button.active{border-color:#9ad7a0;background:#3f5d4a}.unit-tooltip{width:240px;pointer-events:none;font-size:12px;display:flex;flex-direction:column;gap:4px;z-index:8}.unit-hp-line{color:#b7c4cc}.vs b{font-weight:600;margin-right:4px}.vs.strong b{color:#9ad7a0}.vs.weak b{color:#e08a7f}.spawn-panel{right:14px;bottom:14px;width:230px;display:flex;flex-direction:column;gap:6px}.spawn-count{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b7c4cc}.spawn-count input{width:60px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#eef3f6;padding:3px 6px;font:inherit}.spawn-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.spawn-grid button{background:#34495e;border:none;border-radius:5px;color:#eef3f6;padding:5px 4px;font:inherit;font-size:11.5px;cursor:pointer}.spawn-grid button:hover{background:#40597a}.attack-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#e08a7f38;border:1px solid rgba(224,138,127,.5);border-radius:6px;color:#f0b3a9;font-size:12.5px;padding:6px 12px}