@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e8eae2;background:#141714;font-synthesis:none;--muted:#8b9389;--accent:#d3ed9f;--border:#30362d;--panel:#1a1e19;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,select,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{color:inherit}a{color:inherit}svg{flex-shrink:0}button{border:0;background:none}input,select,textarea{color:inherit;color-scheme:dark}select{cursor:pointer}input::placeholder,textarea::placeholder{color:#747e70}button{transition:background .15s,color .15s,border-color .15s}button:hover{color:#fff}.topbar{height:79px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:25px;padding:0 46px;background:#181b17}.brand{display:flex;align-items:center;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1.2px}.brand-icon{display:grid;place-items:center;margin-right:10px;color:var(--accent)}.brand-icon svg{width:28px;height:28px}.brand-dot{color:var(--accent)}.top-divider{height:21px;width:1px;background:var(--border)}.workspace-label{font-size:10px;color:var(--muted);letter-spacing:1.8px}.top-right{margin-left:auto;display:flex;gap:26px;align-items:center}.save-status{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.save-status svg{width:13px;color:#a9c38c}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border:1px solid #3b4335;border-radius:6px;background:#23281f;text-decoration:none;font-size:12px;font-weight:550;white-space:nowrap;min-height:41px}.button:hover{background:#313a29;border-color:#6d7a5b}.button.primary{background:var(--accent);color:#232c1c;border-color:var(--accent);font-weight:700}.button.primary:hover{background:#e3ffb1}.button.primary svg:last-child{margin-left:8px}.button.small{padding:7px 11px;min-height:31px;font-size:11px}.shell{max-width:1560px;margin:auto;padding:0 46px}.page-heading{padding:45px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;font-family:var(--mono);font-weight:500;letter-spacing:2px;color:#aab49f;margin-bottom:13px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(25px,2.65vw,39px);font-weight:650;letter-spacing:-1.4px;line-height:1.25}h1>span{color:var(--accent)}.page-heading p{font-size:12px;color:var(--muted);margin-top:12px}.deckbar{background:linear-gradient(100deg,#242b20,#1e231b 70%);border:1px solid #3b4532;border-radius:9px;display:flex;align-items:center;padding:19px 22px;gap:23px;min-height:93px}.deck-symbol{display:flex;position:relative;width:46px;height:43px;align-items:center}.deck-symbol span{width:31px;height:31px;border:1px solid #6f8b99;background:#283b43;display:grid;place-items:center;border-radius:50%;font-family:var(--mono);font-size:13px}.deck-symbol span+span{position:absolute;left:19px;top:14px;background:#513830;border-color:#987361;color:#e7b299}.micro-label{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin-bottom:7px}.deck-name{padding:0;display:flex;align-items:center;gap:17px;font-size:17px;font-weight:600;font-family:Manrope,sans-serif}.deck-name svg{width:14px;color:#9ba991}.deck-info{min-width:185px}.format-control{border-left:1px solid #3b4334;padding-left:25px}.format-control select{background:transparent;border:0;font-size:13px;margin-left:-4px;min-width:95px}.deck-count{display:flex;flex-direction:column;gap:4px;padding-left:15px}.deck-count strong{font-family:Manrope,sans-serif;font-size:20px;font-weight:550;line-height:1}.deck-count span{font-size:10px;color:var(--muted)}.legality{display:flex;gap:6px;align-items:center;font-size:10px;color:#b0b494;margin-left:auto;max-width:170px;text-align:left}.legality svg{width:13px}.legality.valid{color:#b4d390}.legality.invalid{color:#ecb59d}.import-button{background:transparent;font-size:11px}.tabs{display:flex;align-items:stretch;gap:29px;margin-top:25px;border-bottom:1px solid var(--border);height:51px}.tabs>button{display:flex;align-items:center;gap:9px;padding:0 1px;font-size:12px;color:#90988b;position:relative}.tabs>button.active{color:var(--accent)}.tabs>button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tabs>button svg{width:15px}.tabs>button>span{font-size:9px;padding:2px 5px;background:#2b3227;border-radius:4px;color:#bbc6af}.tabs-hint{margin:auto 0 auto auto;font-size:10px;color:#87927f}.workspace{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:720px}.matchup-sidebar{border-right:1px solid var(--border);padding:25px 17px 20px 0;display:flex;flex-direction:column}.sidebar-title{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a2ac9b;margin-bottom:15px}.icon-button{padding:6px;display:inline-grid;place-items:center;border-radius:4px;color:#929e87}.icon-button:hover{background:#31392a;color:var(--accent)}.sidebar-title .icon-button{padding:2px}.sidebar-title svg{width:16px}.sidebar-search{display:flex;align-items:center;gap:7px;padding:9px 10px;background:#1d221b;border:1px solid var(--border);border-radius:5px;margin-bottom:18px}.sidebar-search svg{width:13px;height:13px;color:#7c8774}.sidebar-search input{width:100%;background:none;border:0;font-size:10px;outline:none}.matchup{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 9px;border:1px solid transparent;border-radius:5px;margin-bottom:4px;color:#aeb6a7}.matchup:hover{background:#20261d}.matchup.selected{background:#2b3424;border-color:#455435;color:#e2edcd}.matchup-monogram{width:30px;height:33px;display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:#b1bbcb;background:linear-gradient(135deg,#424b5b,#252d32);border:1px solid #4a5360;border-radius:4px;flex-shrink:0}.tone-1{background:linear-gradient(135deg,#6b5036,#3e2e26);border-color:#74553e;color:#e0c1a2}.tone-2{background:linear-gradient(135deg,#405967,#533934);border-color:#576169;color:#b9d4d6}.tone-3{background:linear-gradient(135deg,#5a3d57,#302534);border-color:#654460;color:#d3b1cf}.tone-4{background:linear-gradient(135deg,#49563b,#2c3623);border-color:#596649;color:#c3cfb1}.matchup>span:nth-child(2){font-size:10px;line-height:1.4;font-weight:550}.matchup small{font-size:9px;display:block;font-weight:400;color:#7f8d72;margin-top:4px}.matchup.selected small{color:#a2b28e}.matchup-state{margin-left:auto;font-size:18px;color:#899678}.matchup-state svg{width:13px}.add-matchup{display:flex;align-items:center;gap:6px;font-size:10px;color:#a9b69a;padding:13px 8px;text-align:left}.add-matchup svg{width:14px}.sidebar-bottom{margin-top:auto;padding:45px 6px 3px;font-size:10px;line-height:2;color:#a1ab96}.sidebar-bottom>span:last-child{color:#6f7a66;font-size:9px}.tiny-dot{width:5px;height:5px;display:inline-block;margin-right:5px;border-radius:50%;background:#a3bd83}.table-area{padding:27px 0 25px 28px;min-width:0}.matchup-heading{display:flex;align-items:center;justify-content:space-between}.matchup-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.matchup-heading h2{font-size:24px;font-weight:550;letter-spacing:-.8px}.matchup-actions{display:flex;align-items:center;gap:13px}.status-pill{font-size:9px;padding:5px 9px;border-radius:20px;background:#262d21;border:1px solid #3a4430;color:#a2af94}.status-pill.ready{color:var(--accent);border-color:#526b38}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 18px;padding:11px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#8c9784;font-size:9px}.table-toolbar>span,.table-toolbar>div{display:flex;align-items:center;gap:8px}.table-toolbar>span>svg{width:14px}.table-toolbar>div{gap:14px}.table-toolbar select{font-size:9px;background:#232a1e;border:1px solid #3d4832;border-radius:4px;padding:5px;margin-left:5px}.checkbox{display:flex;align-items:center;gap:4px;white-space:nowrap}.checkbox input{accent-color:var(--accent);width:11px;height:11px;margin:0}.zone-heading{display:flex;align-items:center;justify-content:space-between;margin:17px 0}.zone-heading>div{display:flex;align-items:center;gap:9px}.zone-heading h3{font-size:13px;font-weight:550}.zone-marker{font-family:var(--mono);font-size:8px;color:#8b987d;border:1px solid #3c4932;padding:3px 4px;border-radius:3px}.count-pill{font-family:var(--mono);font-size:8px;color:#89947e;background:#282f22;border-radius:3px;padding:3px 5px}.changed-pill{font-size:8px;color:var(--accent)}.zone-caption{font-size:9px;color:#6e7c64}.card-groups{display:flex;gap:19px;align-items:flex-start;flex-wrap:wrap}.card-group{min-width:0;max-width:100%}.group-heading{text-transform:uppercase;letter-spacing:1px;color:#7d8b71;font-size:8px;margin-bottom:9px}.group-heading>span{color:#66715d;font-size:8px;letter-spacing:0;margin-left:4px}.card-grid{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-start}.mtg-card{width:104px;padding:0;position:relative;text-align:left;flex-shrink:0;isolation:isolate;border-radius:6px;transition:transform .15s;touch-action:manipulation}.mtg-card:hover{transform:translateY(-5px);z-index:2}.card-face{height:145px;overflow:hidden;border:1px solid #626c55;border-radius:6px;background:#23291f;position:relative;box-shadow:0 3px 9px #0005}.card-face img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.card-fallback{height:100%;border:4px solid #131512;border-radius:6px;background:linear-gradient(120deg,#698593,#3e5661 55%,#98afb2);padding:4px 3px;display:flex;flex-direction:column;color:#18232a}.color-R .card-fallback{background:linear-gradient(120deg,#b57b5e,#835540 55%,#c6a08b);color:#32241d}.color-B .card-fallback{background:linear-gradient(120deg,#8d8291,#4c4553 55%,#aaa2ae);color:#211e28}.color-C .card-fallback{background:linear-gradient(120deg,#a69f8c,#696854 55%,#bdbca6);color:#242820}.fallback-title{font-family:Georgia,serif;font-weight:bold;font-size:7px;display:flex;align-items:center;justify-content:space-between;gap:2px;background:#c5d0c4bb;padding:3px;border:1px solid #374a48;border-radius:5px;min-height:18px}.fallback-title>span{font-size:7px;border-radius:50%;min-width:10px;line-height:10px;text-align:center;background:#c5c7b8;flex-shrink:0}.fallback-art{height:60px;flex-shrink:0;margin:3px 2px;position:relative;overflow:hidden;border:1px solid #1f312f;background:radial-gradient(ellipse at 70% 80%,#a5c2bf99,transparent 60%),linear-gradient(135deg,#182e36,#4c7d8990,#1d3640)}.color-R .fallback-art{background:radial-gradient(ellipse at 25% 80%,#d9a359aa,transparent 55%),linear-gradient(45deg,#3e2720,#986649,#362b2a)}.color-C .fallback-art{background:radial-gradient(ellipse at 60% 80%,#a4b28199,transparent 65%),linear-gradient(45deg,#222b29,#66714b,#292b29)}.color-B .fallback-art{background:radial-gradient(ellipse at 60% 80%,#a489ac99,transparent 65%),linear-gradient(45deg,#242129,#56425e,#292129)}.fallback-art>span{position:absolute;inset:0;display:grid;place-items:center;font-size:41px;font-family:Georgia,serif;color:#d3e8dc60;text-shadow:0 0 20px #d2dace44;transform:rotate(-10deg)}.art-orbit{width:70px;height:70px;border:1px solid #c1dac944;border-radius:50%;position:absolute;top:15px;left:-15px;box-shadow:0 0 0 11px #c1dac911,0 0 0 25px #c1dac908}.fallback-type{background:#c5cec1c9;padding:2px;font-family:Georgia,serif;font-size:6px;border:1px solid #3e4b3c;border-radius:3px}.fallback-text{background:#d8ddcbd9;margin:2px;padding:5px 3px;flex:1;font-size:5px;font-family:Georgia,serif;min-height:10px;overflow:hidden}.fallback-text i{display:block;border-top:1px solid #86958466;font-size:5px;margin-top:4px;padding-top:4px}.fallback-bottom{font-size:3px;letter-spacing:.5px;padding:0 2px;color:#1f2a24;display:flex;justify-content:space-between}.quantity{position:absolute;right:5px;top:118px;z-index:2;display:flex;align-items:center;justify-content:center;gap:2px;font-family:var(--mono);font-weight:700;font-size:12px;min-width:27px;height:21px;border-radius:4px;background:#131812ed;border:1px solid #77826c;color:#f0f3e9;box-shadow:0 1px 3px #0008}.quantity>span{font-size:8px;font-weight:400;color:#9ca88f}.card-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#9fa993;padding:7px 1px 1px;max-width:104px}.moved .card-face{border:2px solid var(--accent);box-shadow:0 0 0 2px #d3ed9f18}.moved-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;z-index:3;background:var(--accent);border-radius:50%;box-shadow:0 0 4px #000}.card-hover{position:absolute;left:0;right:0;bottom:25px;text-align:center;background:#141c12ed;padding:7px 0;font-size:9px;color:var(--accent);opacity:0;z-index:4;pointer-events:none}.mtg-card:hover .card-hover,.mtg-card:focus-visible .card-hover{opacity:1}.dragging{opacity:.35}.drop-active{outline:2px dashed var(--accent);outline-offset:8px;background:#a1c8670d}.zone-divider{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;margin-top:22px;border-top:1px solid #424e35;color:#67745e;font-family:var(--mono);font-size:7px;letter-spacing:1px}.zone-divider>span:last-child{font-family:'DM Sans',sans-serif;letter-spacing:0;font-size:8px;color:#8f9d81}.zone-divider b{padding:0 8px;color:#536249}.main .zone-heading{margin-top:4px}.main .card-groups{row-gap:19px}.plan-summary{margin-top:27px;border:1px solid var(--border);background:#1c2218;border-radius:6px;padding:20px;display:flex;flex-wrap:wrap;gap:22px}.plan-summary .eyebrow{font-size:7px;margin-bottom:8px}.plan-summary h3{font-size:13px;font-weight:500;letter-spacing:-.2px}.swaps{display:flex;gap:35px;flex:1;min-width:250px}.swaps>div{display:flex;flex-direction:column;gap:6px;font-size:10px;flex:1}.swaps>div>span:first-child{font-family:var(--mono);font-size:9px;margin-bottom:3px}.in-label{color:var(--accent)}.out-label{color:#daa38b}.muted{color:var(--muted);font-size:12px;line-height:1.7}.notes-label{display:block;font-size:8px;letter-spacing:1.5px;color:#7c8a6f;margin-top:24px}.notes-label textarea{display:block;width:100%;resize:vertical;min-height:72px;margin-top:9px;background:#191e16;border:1px solid var(--border);border-radius:5px;padding:12px;font-size:11px;line-height:1.6;letter-spacing:0}.warning{color:#e3b59c;font-size:11px;white-space:pre-line;line-height:1.7}.plan-summary>.warning{width:100%}.success{color:var(--accent)}.content-panel{padding:30px 0;min-height:600px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.panel-heading h2{font-size:25px;letter-spacing:-.7px}.panel-heading p{font-size:11px;color:var(--muted);margin-top:10px}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.meta-list{margin-top:25px;max-width:1000px}.meta-row{display:flex;align-items:center;gap:23px;padding:17px 10px;border-bottom:1px solid var(--border)}.meta-number{font-family:var(--mono);font-size:12px;color:#798a69}.meta-row>div{flex:1}.meta-row strong{font-size:13px;font-weight:500}.meta-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.guide-preview{max-width:900px;background:#f4f4ed;color:#252c22;border-radius:6px;padding:35px 42px;margin:25px auto}.print-heading h1{font-size:29px}.print-heading>p{font-size:10px;margin:10px 0 22px;color:#69745f}.guide-matchup{break-inside:avoid;border-top:1px solid #b6bfad;padding:17px 0}.guide-matchup h3{display:flex;justify-content:space-between;gap:10px;font-size:15px}.guide-matchup h3>span{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:400;color:#7c8772;align-self:center}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:12px}.guide-columns h4{font-size:9px;letter-spacing:1px;margin:0 0 8px}.guide-columns p{font-size:11px;line-height:1.8}.guide-note{font-size:11px;line-height:1.6;white-space:pre-wrap;margin-top:13px;color:#57634f}.guide-preview .warning{color:#995136}footer{border-top:1px solid var(--border);padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6b7960;gap:20px}footer>span:first-child{display:flex;gap:8px;align-items:center}footer svg{width:14px;height:14px}footer a{color:#a3ae98;text-underline-offset:3px}.empty-state{text-align:center;padding:80px 20px}.empty-state p{font-size:13px;color:var(--muted);margin:15px 0 25px}.empty-zone{padding:30px;color:var(--muted);font-size:12px}.inset{padding:10px}dialog{width:min(480px,calc(100vw - 30px));max-height:90vh;background:#1e241b;border:1px solid #4c593d;border-radius:10px;color:#e7eddd;padding:25px;box-shadow:0 20px 80px #0007}dialog.wide{width:min(950px,calc(100vw - 30px))}dialog::backdrop{background:#080c08b8;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3c4732;padding-bottom:15px;margin-bottom:22px}.modal-heading h2{font-size:22px;font-weight:550;letter-spacing:-.5px}dialog>p{font-size:12px;line-height:1.7;margin-bottom:20px}.field{display:block;font-size:11px;color:#b3bfa8;margin-bottom:18px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #48553c;border-radius:4px;background:#141a12;padding:11px;margin-top:9px;font-size:12px}.field textarea{resize:vertical;line-height:1.6}.field.inline-field{display:flex;align-items:center;gap:10px}.field.inline-field select{width:auto;margin:0;padding:7px}.deck-editor{display:grid;grid-template-columns:1fr 1fr;gap:30px}.deck-review{border-left:1px solid #3c4732;padding-left:25px;max-height:67vh;overflow:auto}.review-heading{display:flex;justify-content:space-between;align-items:center}.review-heading h3{font-size:14px}.validation-details{font-size:10px;padding:12px;background:#171c14;border-radius:5px;margin:13px 0}.validation-details p{margin:3px 0}.validation-details small{display:block;color:var(--muted);margin-top:6px;font-size:9px}.deck-review h4{font-size:8px;letter-spacing:1px;color:#8fa27c;margin:25px 0 10px}.editor-card{display:flex;align-items:center;gap:6px;padding:5px 0;font-size:10px}.editor-card>span{flex:1}.editor-card>b{font-family:var(--mono);width:15px;text-align:center;font-size:10px}.quantity-button{width:23px;height:23px;display:grid;place-items:center;background:#303c26;border-radius:3px;font-size:12px}.quantity-button:hover{background:#53673c}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.small-text{font-size:10px;margin:10px 0;line-height:1.7}hr{border:0;border-top:1px solid #3c4732;margin:23px 0}.search-input{display:flex;align-items:center;gap:9px;border:1px solid #48553c;border-radius:4px;background:#141a12;padding:0 10px;margin-top:9px}.search-input input{background:none;border:0;padding:11px 0;margin:0;outline:none}.search-result{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:11px 3px;border-bottom:1px solid #37442d;font-size:11px}.search-result>span:first-child{flex:1}.search-result small{font-size:9px;display:block;color:var(--muted);margin-top:4px}.search-result>span:nth-child(2){font-size:8px}.legal-text{color:var(--accent)}.warning-text{color:#e8b195}#search-results{font-size:11px;line-height:1.7}.danger{background:#5e362a;border-color:#86553e;color:#f0c7b6}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #667650;background:#303c26;color:#e4efda;padding:13px 20px;font-size:12px;border-radius:6px;z-index:20;box-shadow:0 8px 40px #0006;transition:opacity .2s,transform .2s;max-width:calc(100vw - 30px);width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}#print-content{display:none}
@media(min-width:1450px){.mtg-card{width:116px}.card-face{height:162px}.quantity{top:135px}.card-caption{max-width:116px}.fallback-art{height:71px}.fallback-title{font-size:8px}.fallback-type{font-size:7px}.fallback-text{font-size:6px}.fallback-text i{font-size:6px}}
@media(max-width:1150px){.shell{padding:0 25px}.topbar{padding:0 25px}.deckbar{gap:15px;padding:17px}.deck-info{min-width:145px}.deck-name{font-size:15px}.deck-count{padding-left:0}.import-button{font-size:0;padding:10px}.import-button svg{width:18px}.workspace{grid-template-columns:194px minmax(0,1fr)}.table-area{padding-left:20px}.table-toolbar{flex-wrap:wrap}.table-toolbar>div{margin-left:auto}.mtg-card{width:96px}.card-face{height:135px}.quantity{top:109px}.card-caption{max-width:96px;font-size:7px}.fallback-art{height:51px}.fallback-title{font-size:6px}.card-grid{gap:8px}.card-groups{gap:14px}.desktop-hint{display:none}.panel-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:800px){.shell{padding:0 18px}.topbar{height:64px;padding:0 18px;gap:14px}.brand{font-size:23px}.workspace-label,.top-divider,.save-status{display:none}.top-right{gap:10px}.page-heading{padding:30px 0 25px;align-items:flex-start}.page-heading p{font-size:11px;max-width:310px;line-height:1.7}h1{font-size:28px}.page-heading>.button{font-size:0;min-height:38px;padding:10px}.page-heading>.button svg:last-child{display:none}.page-heading>.button svg{width:17px}.eyebrow{font-size:8px;letter-spacing:1.6px}.deckbar{flex-wrap:wrap;gap:14px}.deck-symbol{width:42px}.deck-info{flex:1;min-width:120px}.format-control{padding-left:15px}.deck-count{flex-direction:row;align-items:center;gap:6px}.deck-count strong{font-size:15px}.deck-count span{font-size:9px}.legality{margin-left:auto;font-size:9px}.import-button{padding:6px;min-height:28px}.import-button svg{width:15px}.tabs{gap:23px;white-space:nowrap;height:49px;margin-top:15px}.tabs>button{font-size:10px;gap:6px}.tabs>button svg{width:13px}.tabs-hint{display:none}.workspace{display:block}.matchup-sidebar{border-right:0;border-bottom:1px solid var(--border);padding:17px 0 12px;display:block}.sidebar-title,.sidebar-search,.sidebar-bottom{display:none}.matchup-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.matchup{flex-shrink:0;width:auto;min-width:135px;margin:0;padding:7px}.matchup-monogram{height:27px;width:25px;font-size:8px}.matchup-state{display:none}.matchup>span:nth-child(2){font-size:9px}.matchup small{font-size:8px;margin-top:2px}.add-matchup{font-size:9px;padding:8px 0 0}.table-area{padding:21px 0}.matchup-heading h2{font-size:22px}.table-toolbar{font-size:8px;margin-top:17px}.table-toolbar select{font-size:8px}.table-toolbar>div{gap:10px}.zone-caption{display:none}.mtg-card{width:calc((100vw - 72px)/4);max-width:115px}.card-face{height:auto;aspect-ratio:104/145}.card-fallback{position:absolute;inset:0;padding:3px 2px}.fallback-art{height:42%}.fallback-title{font-size:clamp(5px,1.4vw,7px);padding:2px}.fallback-type{font-size:clamp(5px,1.25vw,6px)}.fallback-text{font-size:4px;padding:3px 2px}.fallback-text i{font-size:4px;margin-top:2px;padding-top:2px}.quantity{top:auto;bottom:23px;font-size:10px;height:18px;min-width:23px;right:4px}.card-caption{font-size:7px;max-width:100%;padding-top:6px;min-height:17px}.card-groups{gap:15px}.card-grid{gap:9px}.group-heading{font-size:7px}.zone-heading h3{font-size:12px}.zone-heading>div{gap:7px}.plan-summary{padding:16px;gap:18px}.swaps{gap:20px}.plan-summary h3{font-size:12px}.guide-preview{padding:25px 20px}.meta-row{gap:12px}.meta-row strong{font-size:12px}.meta-row .button{font-size:9px}.meta-row .button svg{width:12px}.button-row>.button{font-size:10px;padding:9px 11px}.panel-heading h2{font-size:23px}.deck-editor{grid-template-columns:1fr}.deck-review{border-left:0;border-top:1px solid var(--border);padding:20px 0 0;max-height:none}.guide-columns{gap:15px}.guide-matchup h3{font-size:13px}.guide-matchup h3>span{font-size:8px}footer{font-size:8px;flex-wrap:wrap;gap:9px}.content-panel{min-height:500px}}
.mana-columns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;--stack-card-width:104px;--stack-step:34px}
.mana-column{width:var(--stack-card-width);flex-shrink:0}
.mana-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:9px;font-family:var(--mono);font-size:8px;color:#b7c6a6}
.mana-heading>span:last-child{font-family:'DM Sans',sans-serif;font-size:8px;color:#78876c}
.mana-stack{display:grid;grid-auto-rows:var(--stack-step);padding-bottom:calc(var(--stack-card-width) * 145 / 104 + 17px - var(--stack-step));isolation:isolate}
.mana-stack .mtg-card{width:100%;align-self:start}
.mana-stack .card-face{height:auto;aspect-ratio:104/145}
.mana-stack .card-fallback{position:absolute;inset:0}
.mana-stack .quantity{top:6px;bottom:auto;right:5px;height:18px;min-width:22px;font-size:10px}
.mana-stack .moved-dot{top:25px;right:7px;width:5px;height:5px}
.mana-stack .mtg-card:not(:last-child) .card-caption{visibility:hidden}
.mana-stack .mtg-card:hover,.mana-stack .mtg-card:focus-visible{z-index:5;transform:translateY(-3px);filter:drop-shadow(0 4px 8px #0009)}
.mana-stack .mtg-card:hover .card-caption,.mana-stack .mtg-card:focus-visible .card-caption{visibility:visible;background:#141714}
.name-columns .mana-column{width:auto;max-width:100%;flex:1}
.name-columns .mana-heading{display:none}
.custom-columns{max-width:100%}
.column-group-label{font-size:7px;line-height:1.5;color:#829273;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;min-height:21px}
.reset-layout{display:flex;align-items:center;gap:5px;font-size:9px;color:#aabd98;padding:4px}
.reset-layout svg{width:12px;height:12px}
.new-column{align-self:flex-start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;width:104px;max-width:100%;border:1px dashed #455338;border-radius:6px;color:#9db489;background:#20271b55;padding:14px 8px;margin-top:20px;flex-shrink:0}
.new-column>span{font-size:10px}
.new-column>small{font-size:8px;line-height:1.6;color:#748668}
.new-column:hover,.new-column.drop-active{border-color:var(--accent);background:#d3ed9f12;color:var(--accent)}
.empty-column-label{font-size:9px;color:#7f946e;text-align:center;padding:17px 5px;border:1px dashed #425433;border-radius:5px}
.mana-column:has(.empty-column-label) .mana-stack{min-height:100px;padding-bottom:0}
.card-drag-active .mtg-card:hover{transform:none;filter:none}
.card-drag-active .mtg-card:hover .card-hover{opacity:0}
.card-drag-active .mtg-card:hover{z-index:auto}
.mtg-card.drop-before:before,.mtg-card.drop-after:after{content:'';position:absolute;left:-4px;right:-4px;height:3px;background:var(--accent);z-index:10;box-shadow:0 0 6px #d3ed9f66;pointer-events:none}
.mtg-card.drop-before:before{top:-3px}
.mtg-card.drop-after:after{top:calc(var(--stack-step,100%) - 3px)}
@media(max-width:800px){.new-column{width:min(115px,calc((100vw - 72px)/4));min-height:95px}.new-column>span{font-size:9px}.new-column>small{font-size:7px}.column-group-label{font-size:6px}.zone-heading{gap:8px}.zone-heading>div{flex-wrap:wrap}}
@media(min-width:1450px){.mana-columns{--stack-card-width:116px;--stack-step:37px}}
@media(max-width:1150px){.mana-columns{--stack-card-width:96px;gap:12px}}
@media(max-width:800px){.mana-columns{--stack-card-width:min(115px,calc((100vw - 72px)/4));--stack-step:30px;gap:9px}.mana-heading{font-size:7px}.mana-heading>span:last-child{font-size:7px}.mana-stack .quantity{top:4px;right:3px;font-size:8px;height:16px;min-width:19px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:13mm}body{background:white;color:black;font-family:Arial,sans-serif;font-size:10pt}#app>header,#app>main,#toast,dialog{display:none!important}#print-content{display:block}.print-heading h1{font-family:Arial,sans-serif;font-size:20pt;letter-spacing:0}.print-heading p{color:#444;font-size:9pt}.guide-matchup{padding:11px 0;border-color:#aaa}.guide-matchup h3{font-family:Arial,sans-serif;font-size:12pt}.guide-matchup h3>span{font-size:8pt;color:#444}.guide-columns{margin-top:9px;gap:20px}.guide-columns h4{font-size:8pt;margin-bottom:4px}.guide-columns p{font-size:9pt;line-height:1.5}.guide-note{font-size:9pt;color:#333;margin-top:7px}.warning{color:black;font-size:9pt}}

*{scrollbar-color:#48523d #1a2016;scrollbar-width:thin}.meta-limit{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.meta-limit select{padding:8px;border:1px solid #48553c;border-radius:4px;background:#222a1c}@media(max-width:800px){.import-button{font-size:10px;flex:1;min-width:100%;padding:9px}.import-button svg{width:14px}.matchup-list{scrollbar-width:thin}}

/* Opponent reference list */
.workspace{grid-template-columns:222px minmax(0,1fr) 248px}
.opponent-sidebar{border-left:1px solid var(--border);margin-left:24px;padding:28px 0 24px 20px;min-width:0}
.opponent-panel{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;padding-right:5px}
.opponent-panel .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}
.opponent-panel h3{font-size:18px;font-weight:550;letter-spacing:-.4px;line-height:1.4}
.opponent-caption{font-size:10px;color:#a7b19d;margin-top:5px}
.opponent-disclaimer,.opponent-message{font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0}
.opponent-zone h4{display:flex;justify-content:space-between;text-transform:uppercase;font-size:8px;letter-spacing:1.4px;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:9px;margin:23px 0 11px;color:#a7b699}
.opponent-zone h4 span{font-family:var(--mono);color:#758568}
.opponent-zone ul{list-style:none;padding:0;margin:0}
.opponent-zone li{display:flex;align-items:baseline;gap:10px;padding:4px 0;line-height:1.45}
.opponent-quantity{font-family:var(--mono);font-size:10px;color:#8fa47a;min-width:15px;text-align:right;flex-shrink:0}
.opponent-card-name{font-family:Georgia,'Times New Roman',serif;font-size:12px;color:#dce3d4;overflow-wrap:anywhere}
.opponent-source{display:inline-flex;gap:5px;align-items:center;font-size:9px;line-height:1.7;color:#b1c29f;margin-top:20px;text-underline-offset:3px}
.opponent-source svg{width:12px;height:12px}
@media(max-width:1150px){.workspace{grid-template-columns:194px minmax(0,1fr) 220px}.opponent-sidebar{margin-left:18px;padding-left:16px}}
@media(max-width:1050px){.workspace{grid-template-columns:194px minmax(0,1fr)}.opponent-sidebar{grid-column:2;margin:0 0 0 20px;border-left:0;border-top:1px solid var(--border);padding:23px 0}.opponent-panel{position:static;max-height:none}.opponent-zone ul{columns:2;column-gap:24px}.opponent-zone li{break-inside:avoid}}
@media(max-width:800px){.workspace{display:block}.opponent-sidebar{margin:0;padding:23px 0}.opponent-zone ul{columns:1}.opponent-panel{padding-right:0}}
.guide-preview .guide-matchups{columns:2;column-gap:28px}
@media(max-width:800px){.guide-preview .guide-matchups{columns:1}}
@media print{html,body,#app,#print-content{background:#fff!important;color:#000}.guide-matchups{columns:2;column-gap:8mm;column-rule:1px solid #ddd}.guide-matchup{break-inside:avoid;page-break-inside:avoid;padding:3mm 0}.guide-matchup h3{font-size:10.5pt;flex-wrap:wrap;gap:1mm}.guide-matchup h3>span{font-size:7pt}.guide-columns{gap:3mm}.guide-columns p{overflow-wrap:anywhere}.guide-note{overflow-wrap:anywhere}}

/* Group selection */
.selection-toolbar{display:flex;justify-content:flex-end;margin-top:14px;min-height:23px}
.selection-toolbar+.table-toolbar{margin-top:7px}
#selection-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;color:#819175;font-size:9px;line-height:1.6}
#selection-status strong{color:var(--accent);font-weight:550}
#selection-status button{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#b4c69e;padding:3px 5px;border:1px solid #435336;border-radius:4px}
#selection-status button svg{width:11px;height:11px}
.selection-box{position:fixed;border:1px solid var(--accent);background:#d3ed9f24;pointer-events:none;z-index:100;box-shadow:0 0 0 1px #0003}
.box-selecting{user-select:none;cursor:crosshair}
.box-selecting .mtg-card{pointer-events:none}
.box-selecting .mtg-card:hover{transform:none;filter:none;z-index:auto}
.mtg-card.card-selected .card-face{outline:2px solid #d3ed9f;outline-offset:-2px;border-color:#d3ed9f;box-shadow:0 0 0 2px #d3ed9f33}
.mtg-card.card-selected .quantity{background:#d3ed9f;color:#26321b;border-color:#efffd6}
.mtg-card.card-selected .quantity>span{color:#52623e}
.multi-drag-preview{position:fixed;left:0;top:0;z-index:110;pointer-events:none;background:#d3ed9f;color:#26321b;padding:15px 23px;border:1px solid #f0ffd9;border-radius:6px;font-size:14px;font-weight:650;box-shadow:5px 5px 0 #677b4e,10px 10px 0 #36402c}
@media print{.selection-box,.multi-drag-preview{display:none!important}}

/* Share snapshot controls */
.share-notes{font-size:12px;color:#b9c7ad;margin:0 0 20px;gap:8px}
.share-notes input{width:14px;height:14px}
#share-link{font-family:var(--mono);font-size:10px;overflow-wrap:anywhere;word-break:break-all;resize:vertical;min-height:78px}
.shared-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:15px 18px;border:1px solid #627a46;border-radius:7px;background:#293522}
.shared-banner>div:first-child{display:flex;flex-direction:column;gap:5px}
.shared-banner strong{font-size:12px;color:#d3ed9f;font-weight:600}
.shared-banner span{font-size:10px;color:#a6b899;line-height:1.6}
.shared-banner .button{font-size:10px}
@media(max-width:800px){.shared-banner{align-items:flex-start;flex-direction:column;padding:13px}.shared-banner .button-row{gap:8px}.top-right .share-button{padding:7px 9px}.top-right .share-button svg{width:14px;height:14px}}

.table-toolbar>div{flex-wrap:wrap;justify-content:flex-end}
.individual-cards .mana-columns{--stack-step:clamp(14px,calc(var(--stack-card-width) * .17),20px)}
.individual-cards .mana-stack .moved-dot{top:5px;right:5px}
.collab-intro{padding:16px;border:1px solid var(--border);border-radius:10px;margin-bottom:20px}.collaboration-banner{flex-wrap:wrap}.collaboration-banner .button-row{flex-wrap:wrap}.history-list{display:grid;gap:8px;margin:20px 0}.history-entry{text-align:left;display:grid;gap:6px;border:1px solid #38413c;background:#202822;color:inherit;padding:12px;border-radius:8px;cursor:pointer}.history-entry span{font-size:12px;color:#b2bcb4}.revision-preview,dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow:auto;font-size:12px}.field{margin-top:12px}@media print{.collaboration-banner{display:none!important}}
button.opponent-card-name{display:inline;padding:0;border:0;border-radius:2px;background:none;text-align:left;line-height:inherit;cursor:help}button.opponent-card-name:hover,button.opponent-card-name:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:3px}button.opponent-card-name:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.card-name-preview{position:fixed;z-index:1000;pointer-events:none;border-radius:12px;background:#161e15;color:#dce3d4;box-shadow:0 8px 32px #0009;padding:0;overflow:hidden;font-size:12px;line-height:1.5}.card-name-preview:not(:has(img)){padding:12px}.card-name-preview img{display:block;width:100%;height:auto;border-radius:12px}.card-name-preview[hidden]{display:none}@media print{.card-name-preview{display:none!important}}
.history-row{display:flex;align-items:center;gap:12px}.history-row>input{flex-shrink:0;accent-color:var(--accent)}.history-open{display:grid;gap:6px;flex:1;min-width:0;text-align:left;padding:0;color:inherit;overflow-wrap:anywhere}.history-row>.button{flex-shrink:0}@media(max-width:500px){.history-row{flex-wrap:wrap}.history-row>.button{margin-left:28px}}
.help-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#b4c3a6;text-decoration:none;white-space:nowrap}.help-link:hover{color:var(--accent)}.help-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid #65774f;border-radius:50%;font:600 14px var(--mono)}@media(max-width:800px){.help-link-label{display:none}.topbar{gap:9px}.topbar .brand{font-size:21px}.topbar .top-right{gap:6px}}