:root{--bg: #0b1418;--panel: #16242b;--panel-2: #1d3038;--ink: #e7eef1;--muted: #8fa6b0;--accent: #26a69a;--accent-2: #ffd54f;--danger: #e57373;--ok: #66bb6a;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.screen{max-width:1080px;margin:0 auto;padding:20px 16px 48px}.center-msg{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}h1{margin:8px 0 4px;font-size:26px}.subtitle{color:var(--muted);margin:0 0 18px}.hint-muted{color:var(--muted);font-size:13px}.error-banner{background:#e5737326;border:1px solid #e57373;color:#ffcdd2;padding:10px 14px;border-radius:var(--radius)}.district-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.district-card{text-align:left;background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:16px;color:var(--ink);cursor:pointer;transition:transform .08s ease,border-color .12s ease}.district-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.district-card:disabled{opacity:.6;cursor:default}.district-name{font-size:19px;font-weight:700}.district-blurb{color:var(--muted);font-size:13px;margin:4px 0 12px}.district-metrics{list-style:none;margin:0;padding:0;display:grid;gap:6px}.district-metrics li{display:flex;justify-content:space-between;font-size:14px}.district-busy{margin-top:10px;color:var(--accent-2);font-size:13px}.hud{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:14px;background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:14px;margin-bottom:16px;align-items:center}.hud-energy-head{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.hud-energy-bar{height:10px;background:var(--panel-2);border-radius:6px;overflow:hidden}.hud-energy-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}.hud-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hud-metric{background:var(--panel-2);border-radius:10px;padding:8px;text-align:center}.hud-metric-icon{display:block;font-size:18px}.hud-metric-label{display:block;font-size:11px;color:var(--muted)}.hud-metric-value{display:block;font-size:18px;font-weight:700}.hud-rating{text-align:center;background:var(--panel-2);border-radius:10px;padding:8px}.hud-rating span{display:block;font-size:12px;color:var(--muted)}.hud-rating strong{font-size:24px;color:var(--accent-2)}.house-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.house-canvas{background:#102027;border:1px solid var(--panel-2);border-radius:var(--radius);overflow:hidden;line-height:0;max-width:100%}.house-canvas canvas{display:block;max-width:100%;height:auto}.house-side{display:grid;gap:14px}.actions h2{font-size:16px;margin:0 0 10px}.actions h2 small{color:var(--muted);font-weight:400}.action-btn{display:grid;width:100%;text-align:left;background:var(--panel);border:1px solid var(--panel-2);border-radius:10px;padding:10px 12px;margin-bottom:8px;color:var(--ink);cursor:pointer;transition:border-color .12s ease}.action-btn:hover:not(:disabled){border-color:var(--accent)}.action-btn:disabled{opacity:.5;cursor:default}.action-label{font-weight:600}.action-hint{font-size:12px;color:var(--muted)}.action-drop{font-size:11px;color:var(--accent-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;border:none;padding:0;margin:0;cursor:pointer}.modal{position:relative;background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);width:100%;max-width:420px;padding:16px;color:var(--ink)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0;font-size:16px}.modal-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer}.upgrade-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.upgrade-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name price" "eff price";width:100%;text-align:left;background:var(--panel-2);border:1px solid transparent;border-radius:10px;padding:10px 12px;color:var(--ink);cursor:pointer;gap:2px 8px}.upgrade-item:hover:not(:disabled){border-color:var(--accent)}.upgrade-item:disabled{opacity:.5;cursor:default}.upgrade-name{grid-area:name;font-weight:600}.upgrade-effects{grid-area:eff;font-size:12px;color:var(--muted)}.upgrade-price{grid-area:price;align-self:center;font-weight:700;color:var(--ok)}.upgrade-price.unaffordable{color:#e57373}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--accent);color:var(--ink);padding:10px 18px;border-radius:999px;z-index:30;box-shadow:0 6px 24px #0006}@media (max-width: 760px){.hud,.house-body{grid-template-columns:1fr}}.conflict-entry{display:flex;flex-direction:column;gap:4px;margin-top:8px}.conflict-btn{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--accent-2);color:var(--ink);padding:12px 14px;border-radius:var(--radius);font-weight:700;cursor:pointer}.conflict-btn:hover:not(:disabled){border-color:var(--ink)}.conflict-btn:disabled{opacity:.5;cursor:default}.conflict-btn.pvp-btn{border-color:var(--danger)}.conflict-btn.boss-btn{border-color:#ff7043;background:linear-gradient(180deg,#402014,var(--panel))}.boss-briefing{max-width:440px}.boss-taunts{margin:8px 0;padding-left:18px;color:var(--muted);font-style:italic}.boss-briefing-note{font-size:13px;color:#ffb74d;margin:8px 0}.boss-schedule-title{margin:12px 0 4px;font-size:14px}.boss-schedule{margin:0 0 12px;padding-left:18px;line-height:1.5}.boss-briefing-actions{display:flex;gap:10px;justify-content:flex-end}.leaderboard-modal{max-width:460px;max-height:82vh;overflow-y:auto}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.leaderboard-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--panel-2)}.leaderboard-row.me{border:1px solid var(--accent-2);background:#ffffff0f}.lb-rank{color:var(--muted);font-weight:700}.lb-rating{font-weight:800}.leaderboard-sep{margin:12px 0 4px}.conflict-canvas{line-height:0;border-radius:var(--radius);overflow:hidden}.conflict-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.conflict-title{margin:8px 0}.ghost-btn{background:transparent;border:1px solid var(--muted);color:var(--ink);padding:8px 12px;border-radius:var(--radius);cursor:pointer}.ghost-btn:hover{border-color:var(--accent)}.battle-hud{background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:12px 16px;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.battle-votes{display:flex;align-items:baseline;gap:6px;font-size:30px;font-weight:800}.battle-votes small{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.vote-you{color:#64b5f6}.vote-op{color:#e57373}.vote-sep{color:var(--muted)}.battle-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--ink)}.turn-you{color:var(--ok);font-weight:700}.turn-op{color:var(--muted)}.battle-body{display:grid;grid-template-columns:minmax(0,620px) 1fr;gap:16px;align-items:start}.battle-arena{display:flex;flex-direction:column;gap:6px}.match-log{background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:10px 14px}.match-log h3{margin:0 0 8px;font-size:15px}.match-log ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink)}.battle-hand{margin-top:16px;background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:12px 16px}.hand-head{display:flex;align-items:center;justify-content:space-between}.hand-head h3{margin:0}.pass-btn{background:var(--panel-2);border:1px solid var(--muted);color:var(--ink);padding:8px 18px;border-radius:var(--radius);cursor:pointer;font-weight:600}.pass-btn:hover:not(:disabled){border-color:var(--accent)}.pass-btn:disabled{opacity:.5;cursor:default}.hand-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.battle-card{display:flex;flex-direction:column;gap:6px;width:130px;text-align:left;background:var(--panel-2);border:2px solid transparent;border-radius:10px;padding:10px;color:var(--ink);cursor:pointer}.battle-card:hover:not(:disabled){border-color:var(--accent)}.battle-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 2px #ffd54f4d}.battle-card:disabled{opacity:.45;cursor:default}.bc-name{font-weight:700;font-size:13px}.bc-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.bc-votes{color:#64b5f6}.bc-effect{font-size:11px;color:var(--accent-2)}.match-over{text-align:center;min-width:260px}.match-over-title{margin:4px 0 8px;font-size:28px}.match-over-title.win{color:var(--ok)}.match-over-title.lose{color:var(--danger)}.match-over-title.draw{color:var(--muted)}.match-over-score{font-size:22px;font-weight:800;margin:0 0 16px}.match-over-pvp{font-size:14px;color:var(--accent-2);margin:-8px 0 16px}.match-over-reveal{font-size:14px;color:var(--muted);font-style:italic;margin:0 0 10px}.match-over-boss{font-size:14px;color:#ffd54f;font-weight:700;margin:-8px 0 16px}.event-telegraph{margin:8px 0;padding:10px 14px;border-radius:var(--radius);border:1px solid #ff7043;background:#ff57221f;color:#ffccbc;font-weight:700;text-align:center;animation:telegraph-pulse 1.4s ease-in-out infinite}@keyframes telegraph-pulse{0%,to{border-color:#ff7043}50%{border-color:#ffab91}}@media (max-width: 760px){.battle-body{grid-template-columns:1fr}}.collection-entry{display:flex;flex-direction:column;gap:4px;margin-top:8px}.collection-btn{background:var(--panel-2);border:1px solid var(--accent);color:var(--ink);padding:12px 14px;border-radius:var(--radius);font-weight:700;cursor:pointer}.collection-btn:hover{border-color:var(--ink)}.collection-modal{max-width:760px;max-height:82vh;overflow-y:auto}.collection-empty{padding:24px 8px;text-align:center}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.collection-card{display:flex;flex-direction:column;gap:6px;background:var(--panel-2);border:1px solid var(--panel-2);border-left:4px solid var(--muted);border-radius:10px;padding:10px 12px}.cc-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cc-rarity{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.cc-taxonomy{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;color:var(--muted)}.cc-count{color:var(--accent-2);font-weight:700}.cc-house{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.cc-passive{color:var(--ok)}.cc-active{color:var(--accent-2)}.collection-card.rarity-common{border-left-color:var(--muted)}.collection-card.rarity-rare{border-left-color:#64b5f6}.collection-card.rarity-epic{border-left-color:#ba68c8}.collection-card.rarity-legendary{border-left-color:var(--accent-2)}.collection-card.rarity-rare .cc-rarity{color:#64b5f6}.collection-card.rarity-epic .cc-rarity{color:#ba68c8}.collection-card.rarity-legendary .cc-rarity{color:var(--accent-2)}.bc-op{color:var(--muted)}.bc-coalition{color:var(--ok)}.stat-badge{position:relative;display:inline-flex;align-items:center;gap:3px;cursor:help;white-space:nowrap}.sb-icon{font-size:13px}.stat-badge[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);z-index:50;width:max-content;max-width:220px;white-space:normal;text-align:left;background:#0b1418;border:1px solid var(--accent);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.35;box-shadow:0 6px 24px #0000008c;pointer-events:none}.stat-badge[data-tip]:hover:before{content:"";position:absolute;left:12px;bottom:calc(100% + 2px);z-index:50;border:6px solid transparent;border-top-color:var(--accent);pointer-events:none}.battle-goal{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--accent-2);border-radius:var(--radius);padding:10px 16px;margin-bottom:12px}.battle-goal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.battle-goal-text{font-weight:700;font-size:15px}.rules-toggle{background:var(--panel-2);border:1px solid var(--muted);color:var(--ink);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font-size:13px;white-space:nowrap}.rules-toggle:hover{border-color:var(--accent)}.how-to-play{margin:10px 0 2px;padding-left:22px;display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink)}.battle-preview{margin:0;flex-basis:100%;font-size:13px;color:var(--muted)}.preview-you{color:#64b5f6;font-weight:700}.preview-op{color:#e57373;font-weight:700}.preview-sep{color:var(--muted)}.arena-legend{margin:0}.battle-op{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.op-pips{display:inline-flex;gap:4px;font-size:22px;line-height:1}.op-pip{filter:drop-shadow(0 0 4px rgba(255,213,79,.5))}.op-pip.spent{opacity:.28;filter:grayscale(1)}.op-label{font-size:13px;color:var(--muted)}.op-label strong{color:var(--accent-2);font-size:15px}.op-cost.ok{color:var(--ok);font-weight:700}.op-cost.bad{color:var(--danger);font-weight:700}.move-preview{background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:10px 16px;margin-bottom:14px;min-height:48px;display:flex;flex-direction:column;gap:4px;justify-content:center}.mp-lead{font-size:14px;color:var(--ink)}.mp-delta{color:var(--accent-2);font-size:16px}.mp-parts{font-size:12px;color:var(--muted)}.mp-delta-neg{color:var(--danger);font-size:16px}.bc-suit{color:var(--accent);font-weight:700}.initiative-panel{background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:10px 16px;margin-bottom:14px}.initiative-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.initiative-toggle{background:var(--panel-2);border:1px solid var(--accent-2);color:var(--ink);padding:8px 16px;border-radius:var(--radius);cursor:pointer;font-weight:700}.initiative-toggle:hover:not(:disabled){border-color:var(--ink)}.initiative-toggle:disabled{opacity:.5;cursor:default}.initiative-toggle.active{background:var(--accent-2);color:#1a1200}.initiative-slots{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.slot-filled{color:var(--ok);font-weight:700}.slot-empty{color:var(--muted)}.initiative-body{margin-top:8px;display:flex;flex-direction:column;gap:6px}.initiative-preview{margin:0;font-size:13px;color:var(--ink)}