:root{--bg: #0b0910;--bg-elev: #16131f;--bg-elev-2: #1f1a2e;--line: #2c2640;--line-soft: #221d33;--text: #ece7f5;--text-dim: #a59cbb;--gold: #e0b558;--gold-bright: #f4cd7a;--arcane: #8b6fe0;--arcane-bright: #a98cf2;--danger: #d4674e;--glass: rgba(20, 17, 30, .72);--radius: 12px;--maxw: 1180px;--topbar-h: 60px;--sidebar-w: 264px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(900px 480px at 12% -120px,rgba(139,111,224,.16) 0%,transparent 70%),radial-gradient(1100px 560px at 78% -160px,rgba(224,181,88,.13) 0%,transparent 72%),var(--bg);background-attachment:fixed;color:var(--text)}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;height:var(--topbar-h);padding:0 22px;border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);position:sticky;top:0;z-index:30}.brand{font-size:22px;font-weight:800;letter-spacing:.4px;color:var(--text);flex-shrink:0}.brand-mark{background:linear-gradient(135deg,var(--gold-bright),var(--arcane-bright));-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:2px}.topbar-search{flex:1;max-width:560px}.btn-deck{margin-left:auto;flex-shrink:0}.auth{display:flex;align-items:center;gap:8px;flex-shrink:0}.auth-avatar{width:32px;height:32px;border-radius:999px;border:1px solid var(--line)}.auth-out{padding:7px 12px;font-size:13px}.auth-btn{display:flex;align-items:center;flex-shrink:0}.badge{background:var(--gold);color:#1a1410;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;margin-left:6px}.hamburger{display:none;background:none;border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:18px;width:38px;height:38px;cursor:pointer;flex-shrink:0}.hamburger:hover{border-color:var(--arcane)}.shell{display:flex;align-items:flex-start;flex:1}.sidebar{width:var(--sidebar-w);flex-shrink:0;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(31,26,46,.35),transparent 240px);padding:16px 12px 40px}.main{flex:1;min-width:0}.content{width:100%;max-width:var(--maxw);margin:0 auto;padding:28px 28px 64px}.side-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.side-nav a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;color:var(--text-dim);font-weight:600;font-size:15px}.side-nav a:hover{background:var(--bg-elev);color:var(--text)}.side-nav a.active{background:linear-gradient(90deg,rgba(139,111,224,.18),transparent);color:var(--text);box-shadow:inset 2px 0 0 var(--arcane)}.side-group{border-top:1px solid var(--line-soft);padding:6px 0}.side-group>summary{list-style:none;cursor:pointer;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between}.side-group>summary::-webkit-details-marker{display:none}.side-group>summary:after{content:"▸";font-size:11px;transition:transform .15s}.side-group[open]>summary:after{transform:rotate(90deg)}.side-group>summary:hover{color:var(--text)}.side-list{list-style:none;margin:2px 0 8px;padding:0}.side-subgroup{margin-bottom:2px}.side-subhead{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim);opacity:.7;padding:8px 12px 2px}.side-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;color:var(--text-dim);font-size:14px}.side-item:hover{background:var(--bg-elev);color:var(--text)}.side-item.active{background:#8b6fe029;color:var(--text)}.side-scrim{display:none}.hero{text-align:center;padding:48px 0 36px}.hero h1{font-size:44px;margin:0 0 12px;line-height:1.1}.accent{color:var(--gold)}.hero-sub{color:var(--text-dim);font-size:18px;margin:0 0 28px}.searchbar{position:relative;max-width:620px;margin:0 auto}.searchbar form{display:flex;gap:8px}.searchbar input{flex:1;padding:12px 16px;font-size:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);outline:none}.searchbar input:focus{border-color:var(--gold)}.suggestions{list-style:none;margin:6px 0 0;padding:6px;position:absolute;left:0;right:0;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius);z-index:30;box-shadow:0 12px 30px #00000080}.suggestions button{width:100%;text-align:left;padding:9px 12px;background:none;border:none;color:var(--text);font-size:15px;border-radius:6px;cursor:pointer}.suggestions button:hover{background:var(--bg-elev)}.search-head{margin-bottom:18px}.btn{border:1px solid var(--line);background:var(--bg-elev);color:var(--text);padding:9px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--gold)}.btn-search{background:var(--gold);color:#1a1410;border-color:var(--gold)}.btn-search:hover{background:var(--gold-bright)}.btn-add{width:100%}.btn-remove{width:100%;border-color:var(--danger);color:var(--danger)}.btn-clear{margin-top:18px;width:100%;border-color:var(--danger);color:var(--danger)}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:15px;padding:2px 6px}.icon-btn:hover{color:var(--danger)}.section{margin-top:36px}.section-title{font-size:22px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--line)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.tile-wrap{display:flex;flex-direction:column;gap:8px}.tile-link{color:inherit}.card-tile{transition:transform .12s}.tile-link:hover .card-tile,.tile-wrap:hover .card-tile{transform:translateY(-3px)}.card-tile-img{position:relative;aspect-ratio:488 / 680;border-radius:10px;overflow:hidden;background:var(--bg-elev);border:1px solid var(--line)}.card-tile-img img{width:100%;height:100%;object-fit:cover;display:block}.card-tile-noimg{display:flex;align-items:center;justify-content:center;height:100%;padding:12px;text-align:center;color:var(--text-dim);font-size:14px}.card-rank{position:absolute;top:6px;right:6px;background:#14110ed9;color:var(--gold);font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid var(--line)}.card-tile-name{margin-top:6px;font-size:13px;color:var(--text-dim);text-align:center;line-height:1.3}.commander-hero{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start;margin-bottom:12px}.commander-art img{width:100%;border-radius:16px;border:1px solid var(--line)}.commander-info h1{font-size:34px;margin:0 0 6px}.commander-type{color:var(--text-dim);font-style:italic;margin:0 0 12px}.commander-identity{margin:14px 0;color:var(--text-dim);display:flex;align-items:center;gap:8px}.oracle{white-space:pre-wrap;line-height:1.5;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin:14px 0}.rec-intro{margin:20px 0 0}.mana-cost{display:inline-flex;gap:4px}.mana-symbol{width:20px;height:20px;display:inline-block;vertical-align:-4px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.deck-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:var(--bg-elev);border-left:1px solid var(--line);z-index:50;padding:20px;overflow-y:auto;box-shadow:-16px 0 40px #00000080}.deck-panel-head{display:flex;align-items:center;justify-content:space-between}.deck-panel-head h2{margin:0;font-size:20px}.deck-section{margin-top:22px}.deck-section h3{font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:0 0 10px}.deck-list{list-style:none;margin:0;padding:0}.deck-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.muted{color:var(--text-dim)}.result-meta{margin:4px 0 18px}.error{color:var(--danger)}.footer{border-top:1px solid var(--line);padding:20px 24px;text-align:center;color:var(--text-dim);font-size:13px}.combos-note{margin:-6px 0 14px}.combos-subtitle{font-size:15px;margin:18px 0 10px}.combo-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.combo-row{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev)}.combo-cards{font-weight:600;margin-bottom:4px}.combo-plus{color:var(--text-dim);font-weight:400}.combo-missing{color:var(--danger)}.combo-result{font-size:13px;color:var(--text-dim)}.combo-link{white-space:nowrap}.hovername{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--line);text-underline-offset:2px}.hovername:hover{color:var(--gold-bright);text-decoration-color:var(--gold)}.card-hover-img{position:fixed;z-index:1000;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 44px #0009;pointer-events:none}.deck-controls{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--bg-elev)}.deck-controls .control-label{flex-direction:column;align-items:flex-start;gap:6px;font-weight:600}.price-bar{flex:1;min-width:240px}.price-bar-top{display:flex;align-items:baseline;justify-content:space-between}.price-value{font-weight:700;color:var(--gold-bright)}.slider{width:100%;margin:10px 0 4px;accent-color:var(--gold);cursor:pointer}.price-bar-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim)}.budget-control{display:flex;flex-direction:column;gap:8px}.budget-tiers{display:inline-flex;gap:6px;flex-wrap:wrap}.budget-tier{padding:7px 14px;border-radius:9px;border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text-dim);font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.budget-tier:hover{border-color:var(--gold);color:var(--text)}.budget-tier.on{background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:var(--gold-bright);color:#1a1410;box-shadow:0 4px 14px -5px #e0b55899}.power{border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);padding:16px 18px;margin-bottom:18px}.power-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.power-title{font-weight:700;font-size:15px}.power-rating{font-weight:700;color:var(--gold-bright)}.bracket-gauge{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.bracket-seg{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:10px;background:var(--bg-elev-2);border:1px solid var(--line);opacity:.45;transition:opacity .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.bracket-seg.filled{opacity:1;background:linear-gradient(180deg,#e0b55829,#e0b5580a);border-color:#e0b55866}.bracket-seg.on{opacity:1;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:var(--gold-bright);box-shadow:0 6px 18px -6px #e0b558a6}.bracket-num{font-weight:800;font-size:17px;line-height:1;color:var(--text)}.bracket-seg.on .bracket-num{color:#1a1410}.bracket-name{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);text-align:center}.bracket-seg.on .bracket-name{color:#2a2014;font-weight:700}.power-score-row{display:flex;align-items:center;gap:10px}.power-bar{position:relative;flex:1;height:8px;border-radius:999px;background:var(--bg-elev-2);overflow:hidden}.power-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#4f8a52,#d4a857 55%,#c0563f);transition:width .4s cubic-bezier(.2,.8,.2,1)}.power-score-val{font-weight:700;font-size:13px;color:var(--text);white-space:nowrap}.power-factors{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:13px;color:var(--text-dim)}.power-factor strong{color:var(--text)}.deck-suggest-note{margin:-6px 0 16px;max-width:70ch}.deck-suggest-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.deck-suggest-actions{display:flex;gap:8px}.deck-suggest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px 24px}.deck-suggest-coltitle{font-size:15px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}.deck-suggest-list{list-style:none;margin:0;padding:0}.deck-suggest-list li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px;line-height:1.35}.controls-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}.controls-spacer{flex:1}.type-filter{display:flex;flex-wrap:wrap;gap:6px}.tfilter{border:1px solid var(--line);background:var(--bg-elev);color:var(--text-dim);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.tfilter:hover{color:var(--text);border-color:var(--gold)}.tfilter-on{background:var(--gold);color:#1a1410;border-color:var(--gold)}.sort-controls{display:flex;align-items:center;gap:8px}.control-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.select{background:var(--bg-elev);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:14px;cursor:pointer}.select:focus{outline:none;border-color:var(--gold)}.dir-btn{padding:7px 12px;font-size:13px}.load-more-wrap{display:flex;justify-content:center;margin:32px 0 8px}.load-more{padding:11px 28px;font-size:15px}.load-more:disabled{opacity:.6;cursor:default}.card-tile-price{text-align:center;font-size:13px;font-weight:600;color:var(--gold);margin-top:2px}.card-tile-stat{display:flex;justify-content:center;gap:8px;margin-top:4px;font-size:12px}.stat-incl{font-weight:700;color:var(--text)}.stat-syn{color:var(--text-dim)}.stat-syn.pos{color:var(--arcane-bright);font-weight:600}.commander-decks{margin:4px 0 0;color:var(--text-dim)}.commander-decks strong{color:var(--arcane-bright)}.card-tile-decks{text-align:center;font-size:11px;color:var(--text-dim);margin-top:1px}.card-tile-prices{display:flex;justify-content:center;gap:8px;margin-top:2px;font-size:12px;font-weight:600;color:var(--gold)}.card-tile-prices .muted{font-weight:500}.card-tile-buy{display:flex;justify-content:center;gap:6px;margin-top:4px;font-size:11px}.card-tile-buy a{border:1px solid var(--line);border-radius:6px;padding:1px 7px;color:var(--text-dim)}.card-tile-buy a:hover{border-color:var(--gold);color:var(--gold)}.card-new{position:absolute;top:6px;left:6px;background:var(--arcane);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:6px}.view-toggle{display:flex;align-items:center;gap:6px;margin:18px 0 4px}.vbtn{text-transform:capitalize;border:1px solid var(--line);background:var(--bg-elev);color:var(--text-dim);padding:5px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.vbtn:hover{color:var(--text);border-color:var(--arcane)}.vbtn-on{background:var(--arcane);color:#fff;border-color:var(--arcane)}.typedist{display:flex;flex-direction:column;gap:8px}.typedist-row{display:grid;grid-template-columns:92px 1fr 32px;align-items:center;gap:10px;font-size:13px}.typedist-label{color:var(--text-dim)}.typedist-track{height:10px;background:var(--bg-elev-2);border-radius:999px;overflow:hidden}.typedist-fill{height:100%;background:linear-gradient(90deg,var(--arcane),var(--gold))}.typedist-val{text-align:right;font-weight:600}.insight-table{width:100%;border-collapse:collapse;font-size:14px}.insight-table th,.insight-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-soft)}.insight-table th{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.insight-table td.pos{color:var(--arcane-bright);font-weight:600}.insight-text{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}.insight-text li{display:flex;gap:10px;padding:4px 0;font-size:14px;break-inside:avoid}.it-incl{width:40px;font-weight:700}.it-syn{width:44px;color:var(--text-dim)}.it-syn.pos{color:var(--arcane-bright)}.deck-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.deck-page-head h1{margin:0 0 2px;font-size:30px}.deck-page-actions{display:flex;gap:10px}.btn-clear-inline{border-color:var(--danger);color:var(--danger)}.deck-fullview{display:block;text-align:center;margin-top:16px}.deck-empty{text-align:center;padding:60px 0}.deck-empty h1{margin-bottom:10px}.deck-empty p{max-width:44ch;margin:0 auto 22px}.deck-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 8px}.chart-card{border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);padding:18px 20px}.chart-title{margin:0 0 16px;font-size:16px}.chart-foot{margin:12px 0 0;font-size:12px}.curve{display:flex;align-items:flex-end;gap:10px;height:150px}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.curve-bar-wrap{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.curve-count{font-size:12px;color:var(--text-dim)}.curve-bar{width:100%;min-height:3px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:5px 5px 0 0;transition:height .25s}.curve-label{margin-top:8px;font-size:13px;color:var(--text-dim)}.donut-wrap{display:flex;align-items:center;gap:22px}.donut{width:130px;height:130px;flex-shrink:0}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.legend li{display:flex;align-items:center;gap:8px;font-size:14px}.legend-dot{width:13px;height:13px;border-radius:999px}.legend-count{color:var(--text-dim);margin-left:4px}.deck-cardlist{list-style:none;margin:0;padding:0}.deck-cardrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px;border-bottom:1px solid var(--line)}.deck-cardrow-right{display:flex;align-items:center;gap:12px}.spotlight{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center;margin:28px 0 8px;padding:22px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(600px 240px at 80% -40%,rgba(212,168,87,.12),transparent 70%),var(--bg-elev)}.spotlight-art img{width:100%;border-radius:12px;border:1px solid var(--line);display:block;transition:transform .12s}.spotlight-art img:hover{transform:translateY(-3px)}.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.spotlight-name{font-size:30px;margin:0 0 4px}.spotlight-type{color:var(--text-dim);font-style:italic;margin:0 0 12px}.spotlight-text{line-height:1.5;margin:14px 0 18px;color:var(--text);max-width:60ch}.spotlight-btn{display:inline-block}.hero-compact{padding:32px 0 8px}.hero-compact h1{font-size:34px}.group-desc{margin:-6px 0 16px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.chip{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);transition:border-color .15s,transform .12s,background .15s}.chip:hover{border-color:var(--gold);transform:translateY(-2px);background:var(--bg-elev-2)}.chip-label{font-weight:600;font-size:15px}.chip-note{font-size:12px;color:var(--text-dim)}.pips{display:inline-flex;gap:4px}.pip{width:18px;height:18px;display:inline-block;vertical-align:middle}.category-head{margin-bottom:18px}.category-head h1{font-size:30px;margin:8px 0 4px}.back-link{font-size:14px;color:var(--text-dim)}.back-link:hover{color:var(--gold)}.rank-list{list-style:none;margin:0;padding:0;max-width:640px}.rank-row{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);margin-bottom:8px}.rank-num{font-weight:800;color:var(--gold);min-width:44px}.rank-row a{font-weight:600;flex:1}.rank-decks{font-size:13px}.mana-inline{width:15px;height:15px;vertical-align:-3px;margin:0 1px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-img,.skel-line{background:linear-gradient(90deg,var(--bg-elev) 25%,var(--bg-elev-2) 37%,var(--bg-elev) 63%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:10px}.skel-img{aspect-ratio:488 / 680;border:1px solid var(--line)}.skel-line{height:12px;width:70%;margin:8px auto 0;border-radius:6px}.page-title{font-size:28px;margin:4px 0 18px}.hero-cta{display:flex;justify-content:center}.hero-cta .btn{font-size:16px;padding:12px 26px}.suggestions{z-index:60}.card-tile-img{transition:border-color .15s,box-shadow .15s,transform .12s}.tile-link:hover .card-tile-img,.tile-wrap:hover .card-tile-img{border-color:var(--arcane);box-shadow:0 10px 34px #8b6fe047}.btn-search{box-shadow:0 4px 16px #e0b5582e}.section-title{border-bottom-color:var(--line)}.chart-card,.power,.deck-controls,.spotlight,.combo-row,.chip{box-shadow:inset 0 1px #ffffff08}@media (max-width: 900px){.hamburger{display:inline-flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;height:auto;width:280px;max-width:84vw;transform:translate(-100%);transition:transform .22s ease;z-index:45;background:var(--bg-elev);box-shadow:16px 0 40px #00000080}.sidebar.open{transform:translate(0)}.side-scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;background:#00000080;z-index:44}}@media (max-width: 720px){.hero h1{font-size:32px}.commander-hero{grid-template-columns:1fr}.commander-art{max-width:280px}.deck-charts{grid-template-columns:1fr}.content{padding:22px 16px 56px}.topbar{gap:12px;padding:0 14px}.brand{font-size:19px}}