:root{--navy:#07162a;--blue:#12335b;--cream:#f3ead5;--gold:#d8b457;--red:#9c2631;--green:#6ed08b;--muted:#9aabc0;--ink:#111722}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#254c76,#081321 48%,#03070d);color:var(--cream);font:15px/1.4 Georgia,serif}.mast,main{padding:24px max(14px,calc((100vw - 1500px)/2))}.mast{border-bottom:4px double var(--gold);background:linear-gradient(100deg,#071528,#172f50)}nav{display:flex;gap:8px;flex-wrap:wrap}nav a,.starter-actions button,.editor-actions button{border:1px solid var(--gold);background:#102845;color:white;padding:8px 11px;text-decoration:none;font-weight:bold;cursor:pointer}.kicker,.status-strip span{font:800 .68rem Arial;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}h1{font:900 clamp(2.8rem,7vw,6.2rem)/.84 Georgia;margin:.2em 0;text-transform:uppercase;letter-spacing:-.055em}h2{margin:.15em 0}.status-strip{display:grid;grid-template-columns:180px 150px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #51677f;background:#09182a}.status-strip div{display:grid}.status-strip strong{font:900 1.2rem Arial}.status-strip p{margin:0;text-align:right;color:var(--muted)}.workspace{display:grid;grid-template-columns:260px minmax(430px,1fr) minmax(350px,.85fr);gap:14px;margin-top:14px}.saved-panel,.editor,.collection-panel{background:#09192c;border:1px solid #526780;padding:16px;min-width:0}.starter-actions{display:grid;gap:7px;margin:15px 0}.saved-list{display:grid;gap:8px}.saved-deck{width:100%;padding:10px;border:1px solid #667a90;background:#0f2947;color:white;text-align:left;cursor:pointer}.saved-deck.selected{border:2px solid var(--green)}.saved-deck.active{outline:3px solid var(--gold)}.saved-deck span,.saved-deck small{display:block}.saved-deck small{color:#b8c4d1}.empty{padding:14px;color:var(--muted);border:1px dashed #526780}.editor-head{display:grid;grid-template-columns:1fr 150px;gap:12px}.editor label{display:grid;gap:5px;font-weight:bold}.editor input,.editor select,.filters input,.filters select{padding:10px;background:#030b15;border:1px solid #65788e;color:white}.champions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0 14px}.champions button{padding:9px;text-align:left;background:#142b49;color:white;border:1px solid #5f7288;cursor:pointer}.champions button.active{border:2px solid var(--gold);background:#29486c}.champions small{display:block;color:#bdc8d4}.legality{padding:12px;border-left:5px solid var(--red);background:#24151d}.legality.legal{border-color:var(--green);background:#10251d}.legality strong{display:block}.legality ul{margin:.4em 0}.editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.editor-actions .primary{background:#d9ba62;color:#111}.editor-actions .danger{border-color:#c9525c}.editor-actions button:disabled{opacity:.4}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:1px solid #526780;padding-bottom:8px}.curve{font:12px Arial;color:#c9d3dd;text-align:right}.deck-row,.collection-card{display:grid;align-items:center;gap:8px;border-bottom:1px solid #30445a;padding:8px}.deck-row{grid-template-columns:1fr auto auto}.deck-row button,.collection-card button{width:30px;height:30px;border:1px solid var(--gold);background:#183554;color:white;font-size:1.1rem;cursor:pointer}.filters{display:grid;grid-template-columns:1fr 145px 170px;gap:7px;margin:12px 0}.collection-note{color:var(--muted)}.collection{max-height:790px;overflow:auto}.collection-card{grid-template-columns:45px 1fr auto}.collection-card .cost{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--red);font:bold 1.1rem Arial}.collection-card strong,.collection-card small{display:block}.collection-card small{color:#b9c6d4}.collection-card.locked{opacity:.62;grid-template-columns:1fr auto}.collection-card .controls{display:flex;align-items:center;gap:7px}.locked-tag{font:800 .66rem Arial;letter-spacing:.1em;color:#efb0b6}.selected-mark{color:var(--green);font-weight:bold}.count-warn{color:#ffc65a}@media(max-width:1100px){.workspace{grid-template-columns:240px 1fr}.collection-panel{grid-column:1/-1}.collection{max-height:none}}@media(max-width:700px){.status-strip,.workspace,.editor-head{grid-template-columns:1fr}.status-strip p{text-align:left}.champions,.filters{grid-template-columns:1fr}.saved-panel,.editor,.collection-panel{padding:11px}}
