:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#e9edf7;background:#121622}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#10131d,#1a2133);min-height:100vh}.app{max-width:1480px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}h1,h2,h3{margin:.2rem 0 .7rem}p{margin:.25rem 0}header p,.muted,small{color:#aeb8ca}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:10px 13px;background:#2b334a;color:#edf3ff;cursor:pointer;font-weight:700}button:hover{background:#3b4664}button.active,.primary,.predict-btn{background:#f0a53a;color:#221400}button:disabled{opacity:.45;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center}.login-card,.card{background:#1e2638;border:1px solid #313b54;border-radius:16px;padding:16px;box-shadow:0 8px 30px #0006}.login-card{width:min(380px,92vw)}label{display:flex;flex-direction:column;gap:6px;margin:8px 0;color:#cfd8ec;font-weight:700}input,select,textarea{width:100%;border:1px solid #404b66;background:#121827;color:#edf3ff;border-radius:10px;padding:10px;font:inherit}textarea{min-height:70px;resize:vertical}.error{background:#56222b;color:#ffdce2;border:1px solid #a84758;padding:10px;border-radius:10px;margin:10px 0}.success{background:#203f2a;color:#dcffe6;border:1px solid #52a56b;padding:10px;border-radius:10px;margin:10px 0}.builder-layout{display:grid;grid-template-columns:minmax(350px,1fr) minmax(420px,620px);gap:16px;align-items:start}.compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meta-grid label{margin:0}.meta-grid .wide{grid-column:1/-1}.two-cols{display:grid;grid-template-columns:1fr 100px;gap:10px}.two-cols.tight{grid-column:span 2}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checkbox-line{display:flex;flex-direction:row;align-items:center;gap:8px}.checkbox-line input{width:auto}.card-head,.button-row,.search-row,.tile-actions,.modal-head,.row-actions,.pill-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.button-row,.search-row,.pill-row{justify-content:flex-start;flex-wrap:wrap}.search-row input{max-width:440px}.formation-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:620px}.tile{position:relative;aspect-ratio:1/1;padding:0;overflow:hidden;border-radius:10px;background:#111827;border:1px solid #3b4664;display:grid;place-items:center}.tile img{width:100%;height:100%;object-fit:cover}.tile.empty span{font-size:24px;color:#8490aa}.tile.unknown{outline:2px dashed #8ab4ff}.lvl-badge{position:absolute;right:3px;top:3px;background:#7846d8;color:#fff;border:2px solid #b9a5ff;border-radius:999px;min-width:25px;height:25px;display:grid;place-items:center;font-size:12px;box-shadow:0 2px 5px #0008}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:20;padding:12px}.tile-editor{background:#1e2638;border:1px solid #44516f;border-radius:16px;padding:16px;width:min(680px,96vw);max-height:92vh;overflow:auto}.modal-head button{font-size:18px}.unit-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.unit-results button{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;text-align:left;min-height:60px}.unit-results img{width:48px;height:48px;border-radius:8px;object-fit:cover}.unit-results small{grid-column:2}.tile-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-list{display:grid;gap:10px;margin-top:12px}.form-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #33405a;border-radius:12px;padding:12px;background:#182032}.form-row p{color:#cbd6ec}.side-panel{display:grid;gap:8px}.result h2{font-size:38px;color:#ffd27e}.pill-row span{background:#2c3650;border:1px solid #44516f;border-radius:999px;padding:7px 10px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.kpi-grid div{background:#151d2d;border:1px solid #33405a;border-radius:12px;padding:12px}.kpi-grid b{display:block;font-size:24px;color:#ffd27e}.kpi-grid span{color:#aeb8ca}.battle-table-wrap{overflow:auto}.battle-table{width:100%;border-collapse:collapse}.battle-table th,.battle-table td{border-bottom:1px solid #35405a;padding:10px;text-align:left;vertical-align:top}.win{color:#8df0a4}.loss{color:#ff8fa3}.logs{max-height:600px;overflow:auto;margin-top:12px}.log-row{display:grid;grid-template-columns:160px 140px 120px 1fr;gap:8px;border-bottom:1px solid #313b54;padding:8px 0}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:16px}pre{white-space:pre-wrap;background:#0e1420;border:1px solid #33405a;padding:12px;border-radius:12px;overflow:auto}@media (max-width:900px){.builder-layout,.compare-panels,.admin-grid,.meta-grid{grid-template-columns:1fr}.two-cols.tight{grid-column:auto}.unit-results{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}.formation-grid{gap:5px}.log-row{grid-template-columns:1fr}.form-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.user-admin-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.user-admin-row{display:grid;grid-template-columns:1.2fr 1.5fr .7fr 1.2fr auto;gap:10px;align-items:end;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:#0000002e}.user-admin-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.user-admin-row label{margin:0}@media (max-width:900px){.user-admin-row{grid-template-columns:1fr}.user-admin-row button{width:100%}}.host-card{border-left:4px solid #4f9cff}.builder-layout-palette{grid-template-columns:minmax(340px,1.05fr) minmax(410px,600px) minmax(280px,360px)}.troop-palette-card{position:sticky;top:12px;max-height:calc(100vh - 28px);overflow:auto}.palette-sticky{position:sticky;top:0;background:#1e2638;z-index:2;padding-bottom:8px;border-bottom:1px solid #33405a;margin-bottom:10px}.selected-brush{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#151d2d;border:1px solid #33405a;border-radius:12px;padding:8px;margin-top:8px}.selected-brush span{font-size:13px;color:#cfd8ec}.selected-brush button{padding:7px 9px}.troop-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.palette-unit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:86px;padding:6px;background:#111827;border:1px solid #3b4664;border-radius:12px;color:#edf3ff;touch-action:manipulation}.palette-unit img{width:48px;height:48px;object-fit:cover;border-radius:10px;pointer-events:none}.palette-unit small{font-size:10px;line-height:1.05;text-align:center;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#cbd6ec}.palette-unit.selected{outline:3px solid #f0a53a;background:#2b2517}.palette-unit.selected:after{content:"✓";position:absolute;right:5px;top:5px;background:#f0a53a;color:#221400;border-radius:999px;width:21px;height:21px;display:grid;place-items:center;font-weight:900;font-size:12px}.tile{touch-action:manipulation}.tile-current{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:#151d2d;border:1px solid #33405a;border-radius:12px;padding:10px;margin:8px 0 12px}.tile-current small{display:block}.level-chip-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.level-chip-row button{min-width:36px;padding:8px 9px}.level-chip-row button.active{background:#f0a53a;color:#221400}@media (max-width:1180px){.builder-layout-palette{grid-template-columns:1fr minmax(300px,420px)}.builder-meta-card{grid-column:1/-1}.troop-palette-card{position:sticky;top:8px}}@media (max-width:900px){.builder-layout-palette{grid-template-columns:1fr}.troop-palette-card{position:static;max-height:none;order:2}.grid-card{order:1}.builder-meta-card{order:0}.palette-sticky{position:static}.troop-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.palette-unit{min-height:70px;padding:5px}.palette-unit img{width:42px;height:42px}.palette-unit small{display:none}.tile-current{flex-direction:column}.level-chip-row{justify-content:flex-start}}@media (max-width:520px){.app{padding:8px}.troop-palette-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.palette-unit{min-height:54px;border-radius:9px;padding:3px}.palette-unit img{width:38px;height:38px;border-radius:8px}.palette-unit.selected:after{width:18px;height:18px;font-size:10px;right:2px;top:2px}.formation-grid{gap:4px}.lvl-badge{min-width:21px;height:21px;font-size:11px;right:1px;top:1px}.selected-brush{font-size:12px}.level-chip-row button{min-width:32px;padding:7px}.tile-editor{padding:12px}}.builder-layout-palette{grid-template-columns:minmax(560px,760px) minmax(300px,420px);align-items:start}.builder-layout-palette .builder-meta-card{grid-column:1/-1}.builder-meta-card .meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.builder-meta-card .two-cols.tight{grid-column:span 2}.builder-meta-card .wide{grid-column:1/-1}.level-chip-row button:last-child{min-width:84px}@media (max-width:1180px){.builder-meta-card .meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-layout-palette{grid-template-columns:1fr minmax(300px,420px)}}@media (max-width:900px){.builder-meta-card .meta-grid{grid-template-columns:1fr}.builder-meta-card .two-cols.tight{grid-column:auto}.builder-layout-palette{grid-template-columns:1fr}}.mobile-brush-bar{display:none}.unit-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.unit-picker-drawer{width:min(760px,96vw)}.formation-grid.paint-enabled .tile{touch-action:none}.formation-grid.paint-enabled{touch-action:none;-webkit-user-select:none;user-select:none}.brush-summary{display:flex;gap:10px;align-items:center}.brush-summary img,.brush-empty{width:46px;height:46px;border-radius:10px;background:#111827;border:1px solid #3b4664;display:grid;place-items:center;object-fit:cover;flex:0 0 auto}.brush-summary-text{min-width:0;flex:1}.brush-summary small{display:block;font-size:11px}.brush-summary b{display:block;line-height:1.1}.brush-summary span{display:block;color:#aeb8ca;font-size:12px}.brush-summary-actions{display:flex;gap:6px;margin-left:auto;flex:0 0 auto}.brush-summary-actions button{padding:7px 9px;min-height:34px}.mobile-brush-bar.disabled{opacity:.92}.mobile-brush-bar.disabled .brush-empty,.mobile-brush-bar.disabled .brush-summary img{filter:grayscale(.45);opacity:.75}.brush-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.brush-controls button,.brush-controls select{width:auto;min-height:40px}.brush-toggle{flex-direction:row;margin:0;align-items:center;gap:6px}.brush-toggle input{width:auto}@media (max-width:900px){.desktop-palette{display:none}.has-mobile-brush{padding-bottom:178px}.has-mobile-brush.brush-collapsed{padding-bottom:86px}.mobile-brush-bar{display:grid;gap:8px;position:fixed;left:8px;right:8px;bottom:8px;z-index:15;background:#1e2638;border:1px solid #44516f;border-radius:16px;padding:10px;box-shadow:0 10px 35px #000b}.mobile-brush-bar.collapsed{gap:0;padding:8px 10px}.brush-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.brush-controls button,.brush-controls select{width:100%;padding:9px}.brush-toggle{grid-column:1/-1;background:#151d2d;border:1px solid #33405a;border-radius:10px;padding:8px 10px}.brush-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid-card{scroll-margin-bottom:190px}.unit-picker-backdrop{align-items:end;place-items:end center}.unit-picker-drawer{width:100%;max-height:88vh;border-radius:18px 18px 0 0}.unit-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.unit-picker-grid .palette-unit{min-height:74px}.unit-picker-grid .palette-unit small{display:block;font-size:9px}}@media (max-width:520px){.has-mobile-brush{padding-bottom:198px}.has-mobile-brush.brush-collapsed{padding-bottom:84px}.mobile-brush-bar{left:6px;right:6px;bottom:6px}.brush-summary{gap:8px}.brush-summary img,.brush-empty{width:42px;height:42px}.brush-summary b{font-size:13px}.brush-summary span{font-size:11px}.brush-summary-actions button{font-size:12px;padding:7px 6px}.brush-controls{grid-template-columns:1fr 1fr}.brush-controls button,.brush-controls select{font-size:13px;padding:8px 6px}.unit-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.unit-picker-grid .palette-unit img{width:42px;height:42px}}.draft-status{display:inline-flex;align-items:center;gap:8px;margin:8px 0 10px;padding:8px 10px;border-radius:999px;border:1px solid #44516f;background:#151d2d;color:#cfd8ec;font-size:13px;font-weight:700}.draft-status.saving{border-color:#7e6c2e;background:#332a16;color:#ffe0a3}.draft-status.saved,.draft-status.recovered{border-color:#3b7a4c;background:#173021;color:#dfffe8}.draft-status.local{border-color:#8b5f2a;background:#3a2612;color:#ffe1bd}:root{--bg-0:#09120e;--bg-1:#0f1d16;--panel:#15251c;--panel-2:#1b2e23;--panel-3:#22382a;--line:#35513f;--line-soft:#294333;--text:#f2f5ef;--muted:#afbdaf;--sage:#8ea58c;--mint:#bfcfbb;--moss:#738a6e;--evergreen:#344c3d;--accent:#c8d89f;--accent-strong:#a9c37e;--danger:#e59a9a;--warning:#d7c789;color-scheme:dark}body{background:radial-gradient(circle at 12% 0%,rgba(142,165,140,.18),transparent 34%),radial-gradient(circle at 92% 22%,rgba(115,138,110,.12),transparent 32%),linear-gradient(145deg,var(--bg-0),var(--bg-1) 52%,#0b1711);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background:linear-gradient(120deg,transparent 0 55%,rgba(191,207,187,.05) 55% 56%,transparent 56% 100%);z-index:-1}.app{max-width:1540px;padding:18px 22px 80px}.app-header{position:sticky;top:0;z-index:12;padding:12px 14px;margin:-2px -6px 18px;background:#09120ee0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(142,165,140,.15);border-radius:0 0 18px 18px;box-shadow:0 16px 40px #0004}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-family:Georgia,serif;letter-spacing:.02em;margin:0}.brand p{margin:2px 0 0;color:var(--muted)}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:Georgia,serif;font-weight:800;color:#162217;background:linear-gradient(145deg,var(--mint),var(--moss));box-shadow:0 8px 24px #0006;border:1px solid #dce6d7}.main-nav{justify-content:flex-end}.main-nav button{background:transparent;border:1px solid transparent;color:#d8e1d7}.main-nav button:hover{background:#8ea58c1a;border-color:#8ea58c2e}.main-nav button.active{background:linear-gradient(135deg,#8ea58c3d,#738a6e29);color:#f5f8f3;border-color:#738a6e;box-shadow:inset 0 -2px 0 var(--accent)}.main-nav .logout{color:#c3cec3}.card,.login-card{background:linear-gradient(155deg,#1e3226f5,#13231bfa);border:1px solid var(--line);box-shadow:0 16px 40px #0004,inset 0 1px #ffffff06}input,select,textarea{background:#0f1c15;border-color:#3b5845;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(191,207,187,.18);border-color:var(--sage)}button{background:#263b2e;color:#eef4eb;border:1px solid #3b5945}button:hover{background:#314b39}.primary,.predict-btn,button.active,.hero-button{background:linear-gradient(135deg,var(--accent-strong),var(--moss));color:#132016;border-color:#cbd9ad}.secondary{background:#1c3024}.danger-ghost{color:#ffd2d2;border-color:#744b4b;background:#3a2325}.danger-ghost:hover{background:#5a2f32}.error{background:#4e2629;border-color:#9a555a}.success{background:#1c3b28;border-color:#568c67}.muted,small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--accent);margin:0 0 5px}.page-stack{display:grid;gap:16px}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:8px 4px}.page-heading h2{font-family:Georgia,serif;font-size:30px;margin:0 0 5px}.heading-actions{display:flex;gap:8px}.status-pill{display:inline-flex;align-items:center;border:1px solid #48634e;background:#203628;color:#dce7d9;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize}.status-pill.success{background:#244731;color:#cde7d1;border-color:#4d7b58}.status-pill.warning{background:#453d26;color:#f1e3aa;border-color:#786c42}.pill-row.compact{gap:6px;justify-content:flex-start}.filters-card{padding:14px}.saved-search-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-top:12px}.filter-summary{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--muted);font-size:13px}.saved-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.saved-form-card{background:linear-gradient(145deg,#182b20,#122118);border:1px solid #365441;border-radius:16px;padding:15px;box-shadow:0 12px 28px #0003}.saved-form-card:hover{border-color:#66816a;transform:translateY(-1px)}.saved-form-card.is-archived{opacity:.76}.saved-form-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.saved-form-top h3{font-size:19px;margin:0 0 4px}.saved-form-top p{color:var(--muted)}.form-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.form-stat-strip span{background:#0f1d16;border:1px solid #2f4938;border-radius:11px;padding:9px}.form-stat-strip b,.form-stat-strip small{display:block}.form-stat-strip b{font-size:15px}.form-stat-strip small{font-size:10px;margin-top:3px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#253b2d;color:#d9e4d6;border:1px solid #3e5a45;border-radius:999px;padding:4px 8px;font-size:11px}.saved-meta{font-size:12px;color:var(--muted);margin:10px 0}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.card-actions button{padding:8px 10px;font-size:12px}.empty-state{padding:36px;text-align:center;border:1px dashed #47604d;border-radius:16px;color:var(--muted)}.side-panel{background:linear-gradient(155deg,#1b3024,#14251c)}.side-title{display:flex;align-items:center;gap:8px}.side-dot{width:10px;height:10px;border-radius:50%}.side-dot.ours{background:#9fc390}.side-dot.enemy{background:#d48b7d}.prediction-card{margin-top:0}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#1d3627,#253e2d);border:1px solid #48674e;border-radius:16px;padding:18px}.result-hero h2{font-size:52px;color:#dce8bd;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.metric-grid>div{background:#112017;border:1px solid #314d3a;border-radius:12px;padding:12px}.metric-grid b,.metric-grid small{display:block}.metric-grid b{font-size:18px}.reason-list{display:grid;gap:5px;padding-left:20px}.history-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:9px}.history-list{display:grid;gap:12px}.history-card{display:grid;grid-template-columns:1fr auto;gap:14px;background:#14251c;border:1px solid #35513f;border-radius:15px;padding:14px}.history-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.history-title h3{margin:0}.actual-result-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;padding:9px;background:#102017;border-radius:10px;color:#d9e5d7}.warning-text{color:#efd690!important}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stat-card{background:linear-gradient(155deg,#1a3023,#13241b);border:1px solid #385541;border-radius:14px;padding:15px}.stat-card b,.stat-card span{display:block}.stat-card b{font-size:26px;color:#dce8bd}.stat-card span{color:var(--muted);font-size:12px}.stat-card.accent{background:linear-gradient(135deg,#385542,#253b2e)}.analysis-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #2c4534}.rank-row:last-child{border-bottom:0}.rank{width:28px;height:28px;border-radius:9px;background:#2c4634;display:grid;place-items:center;color:#dce8bd;font-weight:800}.rank-row b,.rank-row small{display:block}.rank-value{font-weight:800;color:#dce8bd}.section-gap{margin-top:22px}.fact-list{display:grid;gap:8px}.fact{display:flex;gap:10px;align-items:flex-start;background:#112017;border:1px solid #2f4938;border-radius:11px;padding:10px}.fact span{color:#dce8bd}.bar-row{display:grid;grid-template-columns:130px 1fr 34px;gap:10px;align-items:center;margin:8px 0}.bar-row>div{height:8px;background:#0d1912;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--moss),var(--mint));border-radius:999px}.import-list{display:grid;gap:10px}.import-card{border:1px solid #35513f;background:#13241b;border-radius:14px;padding:12px}.import-card.excluded{border-color:#695f3b;background:#2a281b}.import-summary{display:flex;justify-content:space-between;gap:12px}.import-summary h4{margin:0 0 4px}.import-controls{display:grid;grid-template-columns:auto 120px minmax(180px,1fr) auto auto auto;gap:8px;align-items:center;margin-top:10px}.import-controls .checkbox-line,.import-controls input,.import-controls select{margin:0}.counter-controls{display:grid;grid-template-columns:1.4fr 1.4fr .6fr auto;gap:10px;align-items:end}.counter-result{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:14px}.generated-grid{max-width:620px;margin:auto}.counter-summary h2{font-size:42px;color:#dce8bd}.admin-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0}.admin-tabs button{white-space:nowrap}.admin-tabs button.active{background:linear-gradient(135deg,var(--accent-strong),var(--moss));color:#142016}.admin-users-layout{display:grid;grid-template-columns:300px 1fr;gap:14px}.create-user-card{align-self:start;position:sticky;top:100px}.user-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.user-card{background:linear-gradient(150deg,#cbd8c7,#aebfa9);color:#152017;border-radius:16px;padding:14px;border:1px solid #e2eadf;box-shadow:0 12px 28px #0004}.user-card label{color:#253527}.user-card input,.user-card select{background:#e3eadf;color:#18231b;border-color:#8ca086}.user-card button{background:#48614d;color:#fff}.user-card-head{display:flex;gap:10px;align-items:center}.avatar-circle{width:44px;height:44px;border-radius:50%;background:#344c3d;color:#eaf0e7;display:grid;place-items:center;font-weight:900}.user-card h3{margin:0}.user-card p,.user-card small{color:#425044}.user-kpis{display:flex;gap:8px;margin:10px 0}.user-kpis span{background:#b9c8b5;border-radius:9px;padding:7px 10px}.user-kpis b,.user-kpis small{display:block}.log-search{max-width:480px;margin:8px 0 12px}.manage-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2d4736}.manage-row>div:first-child b,.manage-row small{display:block}.manage-row>div:last-child{display:flex;gap:6px}.formation-grid{background:#070f0a3d;padding:8px;border-radius:14px;border:1px solid #2b4634}.tile{background:#0e1a13;border-color:#3b5845}.tile.empty span{color:#839b86}.tile.unknown{outline-color:#b9b887}.lvl-badge{background:#46694e;border-color:#a8c29d}.troop-palette-card,.brush-bar,.tile-editor{background:linear-gradient(155deg,#192c21,#102019);border-color:#3b5845}.palette-sticky{background:#192c21;border-color:#35513f}.palette-unit{background:#101e16;border-color:#385541}.palette-unit.selected{outline-color:#c8d89f;background:#263b2d}.palette-unit.selected:after{background:#c8d89f;color:#162117}.selected-brush,.tile-current{background:#102018;border-color:#2f4938}.level-chip-row button.active{background:#9db780;color:#122016}.mobile-brush-bar{background:#0c1811f5!important;border-color:#4a6850!important}@media (max-width:1180px){.filter-grid{grid-template-columns:repeat(3,1fr)}.user-card-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.counter-controls{grid-template-columns:1fr 1fr}.counter-controls .hero-button{grid-column:1/-1}.import-controls{grid-template-columns:1fr 110px 1fr auto}.import-controls button:nth-last-child(-n+2){grid-row:2}}@media (max-width:900px){.app{padding:8px 8px 92px}.app-header{position:sticky;top:0;margin:0 0 10px;padding:9px;border-radius:0 0 14px 14px;display:block}.brand{margin-bottom:8px}.brand-mark{width:36px;height:36px}.brand h1{font-size:20px}.brand p{font-size:11px}.main-nav{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav button{white-space:nowrap;padding:8px 10px;font-size:12px}.page-heading{align-items:flex-start}.page-heading h2{font-size:25px}.saved-form-grid,.analysis-two-col,.counter-result,.admin-users-layout{grid-template-columns:1fr}.saved-form-top,.history-card,.history-title,.import-summary{grid-template-columns:1fr;display:grid}.filter-grid,.history-filters{grid-template-columns:1fr 1fr}.form-stat-strip,.stats-grid,.stats-grid.feature{grid-template-columns:repeat(2,1fr)}.user-card-grid{grid-template-columns:1fr}.create-user-card{position:static}.counter-controls{grid-template-columns:1fr}.counter-controls .hero-button{grid-column:auto}.counter-result .formation-grid{max-width:100%}.import-controls{grid-template-columns:1fr 1fr}.import-controls input{grid-column:1/-1}.bar-row{grid-template-columns:95px 1fr 30px}.metric-grid{grid-template-columns:1fr}.result-hero{align-items:flex-start}.result-hero h2{font-size:42px}.card-actions{width:100%}.card-actions .primary{flex:1 1 160px}.manage-row{align-items:flex-start;flex-direction:column}.manage-row>div:last-child{width:100%;flex-wrap:wrap}}@media (max-width:520px){.saved-search-row,.filter-grid,.history-filters{grid-template-columns:1fr}.stats-grid,.stats-grid.feature,.form-stat-strip{grid-template-columns:repeat(2,1fr)}.import-controls{grid-template-columns:1fr}.import-controls input{grid-column:auto}.page-heading{padding:4px 2px}.counter-summary h2{font-size:34px}.user-card{padding:12px}.battle-table th,.battle-table td{padding:8px;font-size:12px}.brand-mark{display:none}}:root{--bg-0:#0b0f14;--bg-1:#10161d;--panel:#171d25;--panel-2:#1d2530;--panel-3:#242d39;--line:#303a48;--line-soft:#252e3a;--text:#f2f5f8;--muted:#9faab6;--accent:#d3a74d;--accent-strong:#b98932;--tier-bronze:#b97942;--tier-silver:#b8c2cc;--tier-gold:#d9aa43;--tier-purple:#9464d8;--tier-blue:#4d96db;--tier-green:#46a46c;--danger:#d66a72;--warning:#d9a84c;--success:#42a56b;color-scheme:dark}html{background:var(--bg-0)}body{color:var(--text);background:radial-gradient(circle at 12% -8%,rgba(77,150,219,.07),transparent 30%),radial-gradient(circle at 92% 12%,rgba(148,100,216,.055),transparent 30%),linear-gradient(145deg,#0a0e13,#10161d 52%,#0c1117)}body:before{opacity:.12;background:linear-gradient(120deg,transparent 0 58%,rgba(217,170,67,.035) 58% 59%,transparent 59% 100%)}.app-header{background:#0b0f14f0;border-color:#242d38;box-shadow:0 14px 36px #0007}.brand-mark{color:#16110a;background:linear-gradient(145deg,#e0c16f,#a9782e);border-color:#f0d98f;box-shadow:0 8px 24px #0007}.brand p,.muted,small{color:var(--muted)}.main-nav{gap:4px}.main-nav button{color:#cbd2da;background:transparent;border-color:transparent;display:inline-flex;align-items:center;gap:6px}.main-nav button:hover{background:#171e27;border-color:#303946;color:#f6f8fa}.main-nav button.active{background:#171d25;color:#fff;border-color:#485463;box-shadow:inset 0 -2px 0 var(--tier-gold)}.main-nav .logout{color:#b9c2cc}.nav-admin-pill{font-size:9px;line-height:1;border:1px solid #5a4a2b;background:#2b2519;color:#e4c374;border-radius:999px;padding:3px 5px;text-transform:uppercase;letter-spacing:.04em}.card,.login-card{background:linear-gradient(155deg,#1a212b,#151b23);border-color:#303a47;box-shadow:0 14px 34px #0005,inset 0 1px #ffffff06}input,select,textarea{background:#0f151c;border-color:#3a4553;color:#f1f4f7}input:focus,select:focus,textarea:focus{outline:2px solid rgba(77,150,219,.16);border-color:#5f7893}button{background:#252e3a;border-color:#394554;color:#eef2f6}button:hover{background:#303b49}.primary,.predict-btn,.hero-button{background:linear-gradient(135deg,#c49a43,#a7792f);border-color:#dbb862;color:#14110b}.primary:hover,.predict-btn:hover,.hero-button:hover{background:linear-gradient(135deg,#d1aa54,#b68737)}.secondary{background:#202935}.danger-ghost{color:#ffc6ca;border-color:#694047;background:#2b1c20}.danger-ghost:hover{background:#41252b}.error{background:#402127;border-color:#80424a}.success{background:#173326;border-color:#387453}.eyebrow{color:#d6ae55}.page-heading h2{color:#f4f6f8}.status-pill{background:#222b36;border-color:#3b4654;color:#d6dde5}.status-pill.success{background:#173b29;color:#c9efd8;border-color:#2f7550}.status-pill.warning{background:#3a2f19;color:#f0d292;border-color:#725b2b}.filters-card{background:linear-gradient(155deg,#181f28,#141a22)}.saved-form-card{--form-accent:var(--tier-silver);position:relative;background:linear-gradient(145deg,#1b222c,#151b23);border:1px solid #303b48;border-left:3px solid var(--form-accent);box-shadow:0 12px 28px #0004}.saved-form-card:hover{border-color:#465362;border-left-color:var(--form-accent);transform:translateY(-1px)}.saved-form-card.type-main{--form-accent:var(--tier-gold)}.saved-form-card.type-enemy{--form-accent:var(--tier-blue)}.saved-form-card.type-counter{--form-accent:var(--tier-purple)}.saved-form-card.type-tank,.saved-form-card.type-defensive{--form-accent:var(--tier-bronze)}.saved-form-card.type-anti-necro{--form-accent:var(--tier-blue)}.saved-form-card.type-anti-magic-archers{--form-accent:var(--tier-purple)}.saved-form-card.type-burst{--form-accent:#d77a42}.saved-form-card.type-test{--form-accent:var(--tier-silver)}.saved-form-top h3{color:#f4f6f9}.saved-form-top p{color:#b2bcc7}.form-stat-strip span{background:#11171e;border-color:#303a47}.form-stat-strip b{color:#f4f6f8}.tag{background:#232b36;color:#d7dee6;border-color:#3b4654}.saved-form-card .card-actions .primary{background:#252e39;color:#f5f7f9;border-color:var(--form-accent);box-shadow:inset 3px 0 0 var(--form-accent)}.empty-state{border-color:#3b4654}.side-panel{background:linear-gradient(155deg,#1a212b,#151b23)}.side-dot.ours{background:var(--tier-blue)}.side-dot.enemy{background:#d67a50}.result-hero{background:linear-gradient(135deg,#1c2430,#202a36);border-color:#3a4654}.result-hero h2{color:#e2bd63}.metric-grid>div{background:#111820;border-color:#303b48}.history-card{background:#171e27;border-color:#303b48}.actual-result-line{background:#111820;color:#d8dee5}.stat-card{background:linear-gradient(155deg,#1b232d,#151b23);border-color:#303b48}.stat-card b{color:#e6bf64}.stat-card.accent{background:linear-gradient(135deg,#272b31,#2b251a);border-color:#5c4b2b}.rank-row{border-color:#2b3541}.rank{background:#292f38;color:#e5bf65}.rank-value{color:#dfe5eb}.fact{background:#111820;border-color:#303b48}.fact span{color:#d7ac4d}.bar-row>div{background:#0d1319}.bar-row i{background:linear-gradient(90deg,var(--tier-blue),var(--tier-purple))}.import-card{background:#171e27;border-color:#303b48}.import-card.excluded{border-color:#675535;background:#292419}.counter-summary h2{color:#e4bd61}.admin-tabs button.active{background:linear-gradient(135deg,#c49a43,#9d742c);color:#17120b;border-color:#d6b65f}.user-card{background:linear-gradient(150deg,#202833,#181f28);color:#eef2f6;border-color:#394554;box-shadow:0 12px 28px #0005}.user-card label{color:#d4dbe3}.user-card input,.user-card select{background:#10161d;color:#eef2f6;border-color:#3b4654}.user-card button{background:#293443;color:#f0f3f6}.user-card p,.user-card small{color:#9faab6}.avatar-circle{background:linear-gradient(145deg,#4a5563,#2c3540);color:#f4f6f8}.user-kpis span{background:#151c24;border:1px solid #303a47}.manage-row{border-color:#2c3541}.battle-table th,.battle-table td{border-color:#303a47}pre{background:#0d131a;border-color:#303b48}.formation-grid{background:#0f151c;padding:8px;border-color:#303b48}.tile{background:#111820;border-color:#374250}.tile.empty span{color:#798594}.tile.unknown{outline-color:var(--tier-silver)}.lvl-badge{background:#5f43ad;border-color:#ab91ef;color:#fff}.troop-palette-card,.brush-bar,.tile-editor{background:linear-gradient(155deg,#1a212b,#141a22);border-color:#303b48}.palette-sticky{background:#1a212b;border-color:#303b48}.palette-unit{background:#111820;border-color:#35404e}.palette-unit.selected{outline-color:var(--tier-gold);background:#2a251a}.palette-unit.selected:after{background:var(--tier-gold);color:#17120b}.selected-brush,.tile-current{background:#111820;border-color:#303b48}.level-chip-row button.active{background:#c39a45;color:#16120b}.mobile-brush-bar{background:#0f141bf7!important;border-color:#3a4654!important}.draft-status{background:#161d26;border-color:#394554;color:#cfd6de}.draft-status.saving{border-color:#715a2d;background:#302716;color:#f0d38e}.draft-status.saved,.draft-status.recovered{border-color:#34714d;background:#153023;color:#cfefda}.draft-status.local{border-color:#775033;background:#302217;color:#efcfb0}@media (max-width:900px){.app-header{background:#0a0e13f7}.main-nav button.active{box-shadow:inset 0 -2px 0 var(--tier-gold)}.saved-form-card{border-left-width:3px}}.prediction-card{overflow:hidden}.prediction-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prediction-intelligence-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(520px,1.55fr);gap:14px;margin-top:14px}.uncertainty-panel,.hero-intelligence-panel,.why-panel{background:linear-gradient(150deg,#171e27,#121820);border:1px solid #303b48;border-radius:15px;padding:15px}.insight-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.insight-card-head h3{margin-top:1px}.compact-copy{font-size:12px;line-height:1.45;margin-top:13px}.probability-track{position:relative;height:15px;border-radius:999px;background:linear-gradient(90deg,#6f3038,#8f6331 38%,#666b3a 50%,#366748 68%,#2d7450);margin:30px 8px 4px;box-shadow:inset 0 1px 5px #000a;border:1px solid #3b4654}.probability-range{position:absolute;top:-4px;height:21px;border:2px solid #e3c36f;background:#e3c36f2e;border-radius:999px;box-shadow:0 0 12px #d9aa433b}.probability-marker{position:absolute;top:50%;width:3px;height:29px;background:#fff4c8;transform:translate(-50%,-50%);box-shadow:0 0 8px #000,0 0 10px #ffe18ba6;border-radius:4px}.probability-marker span{position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:#252017;border:1px solid #6b582d;color:#f4d785;padding:3px 6px;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}.range-scale{display:flex;justify-content:space-between;color:#798594;font-size:10px;margin:0 7px 12px}.uncertainty-kpis,.hero-calibration-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.uncertainty-kpis span,.hero-calibration-strip span{display:flex;flex-direction:column;gap:3px;background:#0f151c;border:1px solid #303a47;border-radius:10px;padding:9px}.uncertainty-kpis b,.hero-calibration-strip b{font-size:14px;color:#eef2f6}.uncertainty-kpis small,.hero-calibration-strip small{font-size:10px}.level-distribution{margin-top:13px}.level-distribution h4{font-size:13px;margin-bottom:8px}.level-dist-row{display:grid;grid-template-columns:28px 1fr 36px;gap:7px;align-items:center;font-size:11px;margin:5px 0}.level-dist-row>div{height:7px;background:#0b1016;border-radius:999px;overflow:hidden;border:1px solid #2b3541}.level-dist-row i{display:block;height:100%;background:linear-gradient(90deg,var(--tier-blue),var(--tier-purple));border-radius:999px}.level-dist-row b{text-align:right;color:#cbd4de}.hero-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-side-analysis{border:1px solid #303b48;border-top:3px solid var(--tier-blue);border-radius:13px;background:#111820;padding:11px}.hero-side-analysis.enemy{border-top-color:#d67a50}.hero-side-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.hero-side-title>div:first-child{display:flex;gap:7px;align-items:center}.hero-side-title h4{margin:0}.hero-side-title>div:last-child{text-align:right;display:flex;flex-direction:column}.hero-side-title>div:last-child b{color:#e4c26d;font-size:15px}.hero-side-title small{font-size:9px}.pair-note{border-left:3px solid #715a2d;background:#211d15;color:#d9c79a;border-radius:7px;padding:7px 8px;font-size:11px;line-height:1.4;margin-bottom:8px}.hero-effect-stack{display:grid;gap:7px}.hero-effect-card{background:#171f29;border:1px solid #303a47;border-radius:10px;padding:9px}.hero-effect-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.hero-effect-head h5{font-size:13px;margin:0 0 2px}.hero-effect-head small{font-size:9px}.hero-effect-head .status-pill{font-size:9px;padding:4px 6px;white-space:nowrap}.hero-effect-list{padding-left:16px;margin:8px 0 5px;color:#cbd3dc;font-size:10.5px;line-height:1.42}.hero-effect-list li+li{margin-top:4px}.hero-category-row{display:flex;gap:4px;flex-wrap:wrap}.hero-category-row span{font-size:8.5px;text-transform:uppercase;letter-spacing:.04em;color:#b8c2cc;background:#232c37;border:1px solid #354150;padding:3px 5px;border-radius:999px}.empty-mini{color:#8995a2;font-size:11px;padding:8px}.hero-calibration-strip{margin-top:10px}.hero-calibration-details{margin-top:10px;border-top:1px solid #2c3541;padding-top:9px}.hero-calibration-details summary,.technical-details summary{cursor:pointer;font-weight:800;color:#d9bd75}.empirical-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.empirical-grid>div{background:#0f151c;border:1px solid #2f3946;border-radius:10px;padding:9px}.empirical-grid h4{font-size:12px}.empirical-grid p{font-size:10px;line-height:1.4;margin:6px 0}.why-panel{margin-top:14px}.why-panel h3{margin-bottom:8px}.reason-list{margin-top:7px;padding-left:20px}.reason-list li{line-height:1.48;color:#cbd3dc;margin:5px 0}.technical-details{margin-top:12px}.technical-details pre{max-height:520px}.result .eyebrow{letter-spacing:.065em}.confidence-stack{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:1100px){.prediction-intelligence-grid{grid-template-columns:1fr}.prediction-metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.hero-analysis-grid,.empirical-grid,.uncertainty-kpis,.hero-calibration-strip,.prediction-metric-grid{grid-template-columns:1fr}.uncertainty-panel,.hero-intelligence-panel,.why-panel{padding:12px}.insight-card-head{display:grid;grid-template-columns:1fr}.insight-card-head .status-pill{justify-self:start}.hero-effect-head{display:grid;grid-template-columns:1fr}.hero-effect-head .status-pill{justify-self:start}.probability-track{margin-top:36px}.result-hero{display:grid;grid-template-columns:1fr}.confidence-stack{justify-content:flex-start}}