#portal-view-moxfield[hidden]{display:none!important}#portal-view-moxfield{--mx-accent:#ffac44}#portal-view-moxfield .btn{font-size:12px;padding:9px 13px;border-radius:9px;min-width:0;white-space:normal}#portal-view-moxfield .btn:disabled{opacity:.5;cursor:wait}.mx-intro{border:1px solid #ffac4433;border-radius:16px;padding:20px;background:linear-gradient(120deg,#ffac4410,transparent)}.mx-intro h2{margin-top:0}.mx-intro p{color:var(--muted);line-height:1.6}.mx-capture{display:flex;gap:12px;align-items:end}.mx-capture label{flex:1;min-width:0}#portal-view-moxfield label{display:grid;gap:8px}#portal-view-moxfield input,#portal-view-moxfield textarea{width:100%;box-sizing:border-box}#portal-view-moxfield textarea{background:var(--surface,#0e1728);color:var(--text,#fff);border:1px solid var(--border,#34405a);border-radius:10px;padding:12px;font:inherit;resize:vertical}.mx-toolbar,.mx-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mx-toolbar{justify-content:space-between;margin:20px 0}.mx-deck{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--border,#34405a)}.mx-deck-mark{width:42px;height:48px;display:grid;place-items:center;border-radius:10px;background:#ffac4414;color:#ffac44;font-size:32px}.mx-deck-info h3{margin:0 0 8px;overflow-wrap:anywhere}.mx-deck-info p{margin:0 0 5px}.mx-deck-info small,.mx-card small{color:var(--muted)}.mx-deck .mx-actions{grid-column:2}#portal-view-moxfield .mx-remove{color:#ffadb6;border-color:#ffadb644}.mx-empty{padding:32px 12px;color:var(--muted);text-align:center}#mx-message{min-height:1.5em;color:#ffce87;line-height:1.5}#mx-detail{margin-top:24px;scroll-margin-top:20px}#mx-text-form{display:grid;gap:14px}.mx-card{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border,#34405a)}.mx-card div{min-width:0;overflow-wrap:anywhere}.mx-card small{display:block;margin-top:4px}.mx-qty{flex:0 0 36px;align-self:start;text-align:center;padding:5px;border-radius:7px;background:#ffac4414;color:#ffce87}@media(max-width:600px){.mx-capture{flex-direction:column;align-items:stretch}.mx-intro{padding:15px}.mx-deck .mx-actions{grid-column:1/-1}.mx-actions .btn{flex:1 0 auto}.mx-toolbar h3{font-size:16px}}
.mx-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:18px;border:1px solid #ffac4444;background:radial-gradient(ellipse at top right,#ffac4426,transparent 65%),linear-gradient(135deg,#17263c,#101827)}.mx-hero h2{font-size:32px;margin:8px 0}.mx-hero p{margin:0;color:#b9c4d4;line-height:1.6}.mx-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#ffca83}.mx-capacity{flex-shrink:0;border:1px solid #ffac4455;background:#ffac4414;color:#ffca83;padding:12px 18px;border-radius:40px;font-weight:700}#mx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mx-deck{display:block;border:1px solid #ffffff18;border-radius:16px;padding:22px;background:linear-gradient(145deg,#1b293d,#101925);box-shadow:0 8px 24px #0002}.mx-deck-top{display:flex;justify-content:space-between;gap:12px}.mx-number{font-size:11px;letter-spacing:2px;color:#ffca83}.mx-count{font-size:12px;color:#bed0e7}.mx-deck h3{font-size:22px;margin:20px 0 8px;overflow-wrap:anywhere}.mx-deck p{color:var(--muted);font-size:12px;margin-bottom:24px}.mx-empty{grid-column:1/-1;padding:40px;border:1px dashed #ffac4440;border-radius:16px}.mx-empty>span{display:block;font-size:54px;color:#ffca83}.mx-empty h3{color:var(--text)}.mx-upload{padding:16px;border:1px dashed #ffac4466;border-radius:12px;background:#ffac4408}.mx-upload input{padding:10px 0}.mx-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.mx-editor-footer small,.mx-instructions{color:var(--muted);line-height:1.6}#mx-detail textarea{font-family:ui-monospace,monospace;font-size:13px;line-height:1.7}#mx-detail{border-top:2px solid #ffac44}#portal-view-moxfield [hidden]{display:none!important}@media(max-width:700px){#mx-list{grid-template-columns:1fr}.mx-hero{padding:20px;align-items:start;flex-direction:column}.mx-hero h2{font-size:28px}.mx-editor-footer{align-items:stretch;flex-direction:column}}
.mx-commanders{margin:20px 0;padding:20px;border:1px solid #ffac4444;border-radius:15px;background:linear-gradient(120deg,#ffac4410,transparent)}.mx-commanders h4{margin:0;color:#ffcf8b}.mx-commanders p{font-size:12px;color:var(--muted)}.mx-commander-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.mx-commander-inputs label{min-width:0;font-size:12px}.mx-commander-inputs select{max-width:100%;width:100%;min-width:0}.mx-art-toolbar{display:flex;gap:14px;align-items:end}.mx-art-toolbar label{flex:1}.mx-illustrated{align-items:center}.mx-thumb{width:76px;min-width:76px;border:0;padding:0;border-radius:8px;background:#ffffff08;color:var(--muted);cursor:zoom-in;overflow:hidden}.mx-thumb img{width:100%;display:block}.mx-thumb span{display:grid;place-items:center;height:106px;font-size:11px}.mx-card-copy{flex:1}.mx-commander-badge{display:inline-block;margin:6px 0;padding:4px 8px;border-radius:20px;color:#ffcf8b;background:#ffac441a;font-size:10px}.mx-version-note{font-size:10px}.mx-credit{display:block;color:var(--muted);margin-top:16px}#mx-art-status{font-size:12px;color:#ffcf8b}.mx-art-overlay{position:fixed;inset:0;background:#020812e8;z-index:10050;display:flex;justify-content:center;align-items:center;padding:18px;overflow:auto}.mx-art-dialog{width:min(100%,1000px);max-height:95dvh;overflow:auto;border:1px solid #ffac4444;border-radius:18px;background:#111c2e;padding:18px;color:#fff}.mx-art-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.mx-art-head h3{font-size:18px}.mx-art-faces{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.mx-art-faces figure{margin:0;max-width:100%}.mx-art-faces img{display:block;max-height:72dvh;max-width:100%;border-radius:15px;object-fit:contain}.mx-art-faces figcaption{text-align:center;color:#aabbcc;font-size:12px;margin-top:8px}@media(max-width:700px){.mx-commander-inputs{grid-template-columns:1fr}.mx-art-toolbar{align-items:stretch;flex-direction:column}.mx-thumb{width:64px;min-width:64px}.mx-illustrated{gap:10px}.mx-art-overlay{padding:8px}.mx-art-dialog{padding:12px}}

.mx-cover-commanders{display:flex;gap:12px;justify-content:center;align-items:center;padding:20px 0 2px}.mx-cover-commanders img{width:min(40%,140px);height:auto;aspect-ratio:488/680;object-fit:contain;border-radius:10px;box-shadow:0 8px 20px #0005}.mx-cover-commanders img:only-child{width:min(55%,160px)}

/* Deck analytics and tournament selection */
.mx-stat-panel{margin:20px 0;padding:20px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(130deg,#1c2234,#141722)}
.mx-stat-panel h4{margin:0 0 12px;font-size:17px}.mx-stat-panel p,.mx-stat-panel small{color:#b7bfd2;font-size:12px;line-height:1.6}.mx-stat-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.mx-stat-heading>strong{color:#dac4ff;white-space:nowrap}.mx-type-counts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.mx-type-counts span{background:#ffffff09;border:1px solid #ffffff15;border-radius:10px;padding:8px 12px;font-size:12px}.mx-type-counts b{color:#e3b8ff;margin-left:8px}.mx-stat-panel h4:not(:first-child){margin-top:20px}.mx-mana-curve{display:flex;align-items:flex-end;gap:12px;overflow:auto;min-height:165px;padding:12px 0;border-bottom:1px solid #ffffff20;margin-bottom:10px}.mx-mana-column{flex:1;min-width:28px;max-width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.mx-mana-column>div{width:100%;background:linear-gradient(#c29aff,#7059d9);border-radius:6px 6px 0 0}.mx-mana-column>span{color:#c9c8dd}.mx-mana-column>b{color:#f0e5ff}.mx-stat-pending{border-left:3px solid #d7ad6d;padding-left:10px}.mx-mana{color:#d7c1ff!important}.mx-tournament-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.mx-tournament-form label{flex:1;min-width:0}.mx-tournament-form select{width:100%;max-width:100%;background:#121624;color:#eee;border:1px solid #ffffff26;border-radius:9px;padding:10px}.mx-tournament-form .btn{font-size:12px;padding:9px 12px}.mx-tournament-form option:disabled{color:#888}@media(max-width:600px){.mx-stat-panel{padding:14px}.mx-tournament-form label{flex-basis:100%}.mx-tournament-form .btn{flex:1}.mx-stat-heading{flex-wrap:wrap}.mx-mana-curve{gap:7px}}
