:root{--bg: #050816;--card-bg: #111827;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--border-subtle: rgba(148, 163, 184, .3);--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #f87171;--success: #4ade80}*{box-sizing:border-box}body{margin:0;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 45%,#000);color:var(--text-main)}h1{margin:0 0 4px;font-size:1.4rem;letter-spacing:.04em}.subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.controls-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}label{font-size:.85rem;color:var(--text-muted);margin-right:4px}input[type=text],input[type=number],select{padding:6px 8px;border-radius:6px;border:1px solid var(--border-subtle);background:#020617;color:var(--text-main);font-size:.9rem}input[type=number]{width:80px}.rank-metric-toggle{display:inline-flex;border:1px solid var(--border-subtle);border-radius:999px;overflow:hidden;vertical-align:middle}.rank-metric-toggle button{padding:5px 10px;font-size:.8rem;border-radius:0;background:#020617;color:var(--text-muted);box-shadow:none}.rank-metric-toggle button.is-active{background:var(--accent);color:#fff}.control-stack{display:flex;flex-direction:column;gap:4px}.control-stack-row{display:flex;align-items:center;gap:6px}button{padding:7px 12px;border-radius:999px;border:none;font-size:.9rem;cursor:pointer;background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:4px;box-shadow:0 0 0 1px #0f172a99,0 10px 25px #2563eb59;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease}button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:0 0 0 1px #0f172acc,0 4px 12px #2563eb59}button:disabled{opacity:.5;cursor:default;box-shadow:none}.status{font-size:.85rem;color:var(--text-muted);min-height:1em}.status.error{color:var(--danger)}.status.success{color:var(--success)}.card{background:radial-gradient(circle at top left,#111827 0,#020617 50% 100%);border-radius:16px;border:1px solid rgba(148,163,184,.25);padding:14px 16px 16px;box-shadow:0 0 0 1px #0f172acc,0 18px 40px #0f172ae6;flex:1;min-width:260px}.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.card-title{font-size:.95rem;font-weight:600}.card-sub{font-size:.8rem;color:var(--text-muted)}.hint{font-size:.75rem;color:var(--text-muted);margin-top:6px}.checkbox-list{max-height:220px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:8px;background:#020617;padding:4px 0}.checkbox-list--players{max-height:280px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:.85rem;cursor:pointer;user-select:none}.checkbox-item:hover{background:#3b82f614}.checkbox-item input[type=checkbox]{margin:0;cursor:pointer;flex-shrink:0}.checkbox-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-section{margin-bottom:16px}.selection-section:last-child{margin-bottom:0}.search-input{width:100%;margin-bottom:6px}.selection-count{font-size:.75rem;color:var(--text-muted);margin-top:4px}.bottom-section{margin-top:16px}.bottom-section-inner{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.bottom-block{flex:1;min-width:240px}.winner-label{font-size:.85rem;color:var(--text-muted);margin-top:8px}.winner-label strong{color:var(--success)}.discord-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.discord-row input[type=text]{flex:1;min-width:200px}table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.85rem}th,td{padding:4px 6px;text-align:left}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}tbody tr:nth-child(odd){background:#0f172aa6}tbody tr:nth-child(2n){background:#0f172a73}tbody tr.winner-row{background:#22c55e29!important}tbody tr.opponent-row{background:#ef44441f!important}tbody td{border-bottom:1px solid rgba(15,23,42,.9)}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;color:var(--text-muted)}.filtered-pools{display:flex;flex-wrap:wrap;gap:16px}.filtered-pool{flex:1;min-width:280px}.filtered-pool-header{font-size:.9rem;font-weight:600;margin-bottom:2px}.filtered-pool-header--ally{color:var(--success)}.filtered-pool-header--opp{color:#f87171}.filtered-pool-sub{font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.side-toggle{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle);flex-shrink:0}.side-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;padding:0;margin:0;font-size:.72rem;font-weight:700;line-height:1;cursor:pointer;background:#020617;color:var(--text-muted);font-family:inherit}.side-btn--ally.is-active{background:var(--success);color:#052e16}.side-btn--opp.is-active{background:#ef4444;color:#fff}.side-btn:hover:not(.is-active){background:#94a3b81f}.checkbox-item.is-ally{background:#22c55e14}.checkbox-item.is-opp{background:#ef444414}.map-section{margin-top:16px}.map-card{width:100%}.map-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.map-canvas-wrap{flex:0 0 auto;position:relative;background:#000;border-radius:8px;border:1px solid var(--border-subtle);overflow:hidden}.map-tooltip{position:absolute;z-index:20;pointer-events:none;min-width:140px;max-width:260px;padding:8px 10px;border-radius:6px;background:#0f172af5;border:1px solid rgba(148,163,184,.35);font-size:.78rem;line-height:1.45;color:#e2e8f0;box-shadow:0 8px 24px #0000008c;opacity:0;visibility:hidden;transition:opacity .08s ease}.map-tooltip.is-visible{opacity:1;visibility:visible}.map-tooltip-coords{color:#94a3b8;font-size:.72rem;margin-bottom:2px}.map-tooltip-name{font-weight:600;color:#f8fafc;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.map-tooltip-meta{color:#cbd5e1}#domMap.can-hover-town{cursor:crosshair}#domMap{display:block;max-width:100%;height:auto;cursor:grab}#domMap.is-dragging{cursor:grabbing}.map-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;font-size:.78rem;color:var(--text-muted)}.map-toolbar button{padding:5px 10px;font-size:.8rem;box-shadow:none}.map-mode-toggle{display:inline-flex;border:1px solid var(--border-subtle);border-radius:999px;overflow:hidden}.map-mode-toggle button{border-radius:0;background:#020617;color:var(--text-muted);box-shadow:none}.map-mode-toggle button.is-active{background:var(--accent);color:#fff}#domMap.map-mode-edit{cursor:crosshair}.map-legend{flex:1;min-width:200px;font-size:.8rem;color:var(--text-muted)}.map-sidebar{flex:1;min-width:220px;max-width:300px}.dom-share-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin-bottom:8px}.dom-share-sub{font-size:.75rem;color:var(--text-muted);margin-bottom:10px}.dom-share-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:.82rem}.dom-share-row--player{padding-left:20px;font-size:.78rem}.dom-share-row--player .dom-share-pct{min-width:36px;color:var(--text-muted)}.dom-share-pct{min-width:72px;text-align:right;color:var(--text-main);font-variant-numeric:tabular-nums;flex-shrink:0}.dom-share-total{font-size:.82rem;color:var(--text-main);margin-bottom:10px;font-variant-numeric:tabular-nums}.dom-share-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.map-legend-divider{border:none;border-top:1px solid var(--border-subtle);margin:14px 0 12px}.map-legend-heading{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.map-legend-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.map-legend-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.map-legend-swatch--filtered{background:var(--success)}.map-legend-swatch--contender{background:#ef4444}.map-legend-swatch--other{background:#8b7355}.map-legend-swatch--ghost{background:#22d3ee}.map-legend-swatch--circle{background:transparent;border:2px solid #ef4444}@media(max-width:900px){.row{flex-direction:column}}.locked-banner{background:#fbbf241f;border:1px solid rgba(251,191,36,.35);color:#fcd34d;padding:10px 14px;border-radius:10px;font-size:.85rem;margin-bottom:12px}.file-inputs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.file-inputs label{display:flex;flex-direction:column;gap:2px;font-size:.75rem}.file-inputs input[type=file]{font-size:.75rem;max-width:140px}button.btn-danger{background:#dc2626;box-shadow:0 0 0 1px #0f172a99,0 10px 25px #dc262640}button.btn-danger:hover:not(:disabled){background:#b91c1c}.hidden{display:none!important}.new-code-display{color:var(--success);font-size:.85rem;margin-top:8px}