:root{--bg:#100e0b;--panel:#201b15;--panel-2:#292219;--line:#3a3025;--line-2:#4d4132;--ink:#ece3d4;--ink-dim:#a89880;--ink-faint:#7a6d5c;--gold:#c9a227;--gold-dim:#8c7220;--good:#6fae5c;--warn:#d8a13a;--error:#cf5b4c;--tip:#6f9fd8;--W:#f3e2c0;--U:#7fb4e0;--B:#9b7fb0;--R:#e0715c;--G:#71b07a;--radius:10px;--shadow:0 6px 20px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 50% -10%, #241d14 0%, transparent 60%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}.app{max-width:1560px;margin:0 auto;padding:0 20px 80px}header.masthead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding:26px 0 18px;display:flex}.masthead h1{letter-spacing:.02em;margin:0;font-size:27px;font-weight:600}.masthead h1 span{color:var(--gold)}.masthead p{color:var(--ink-dim);max-width:62ch;margin:5px 0 0;font-size:14px;line-height:1.5}.steps{gap:6px;display:flex}.step{border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);letter-spacing:.03em;border-radius:999px;padding:8px 15px;font-size:13px;transition:all .15s}.step[data-active=true]{border-color:var(--gold-dim);color:var(--gold);background:#2c2417}.step:disabled{opacity:.4;cursor:not-allowed}.btn{border:1px solid var(--line-2);color:var(--ink);background:linear-gradient(#3a3021,#2a2318);border-radius:8px;padding:10px 18px;font-size:14px;transition:all .15s}.btn:hover{border-color:var(--gold-dim);color:var(--gold)}.btn.primary{color:#1a1409;background:linear-gradient(#c9a227,#9c7d1c);border-color:#d8b448;font-weight:600}.btn.primary:hover{filter:brightness(1.1);color:#1a1409}.btn.ghost{border-color:var(--line);color:var(--ink-dim);background:0 0;padding:6px 12px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.panel h3{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 12px;font-size:14px;font-weight:600}.muted{color:var(--ink-dim)}.small{font-size:13px;line-height:1.55}.opening{text-align:center;padding:70px 20px}.opening h2{margin:0 0 12px;font-size:32px}.opening p{color:var(--ink-dim);max-width:62ch;margin:0 auto 26px;line-height:1.65}.kit-note{flex-wrap:wrap;justify-content:center;gap:26px;max-width:820px;margin:34px auto 0;display:flex}.kit-note div{text-align:left;color:var(--ink-dim);max-width:230px;font-size:13px;line-height:1.55}.kit-note strong{color:var(--ink);margin-bottom:3px;display:block}.build{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (width<=1100px){.build{grid-template-columns:1fr}}.sidebar{flex-direction:column;gap:14px;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px;overflow-y:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.chip{border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);border-radius:7px;padding:6px 11px;font-size:13px;transition:all .12s}.chip[data-on=true]{border-color:var(--gold-dim);color:var(--gold);background:#2e2618}.chip.pip{min-width:34px;font-weight:700}.chip.pip[data-color=W][data-on=true]{color:var(--W);border-color:var(--W)}.chip.pip[data-color=U][data-on=true]{color:var(--U);border-color:var(--U)}.chip.pip[data-color=B][data-on=true]{color:var(--B);border-color:var(--B)}.chip.pip[data-color=R][data-on=true]{color:var(--R);border-color:var(--R)}.chip.pip[data-color=G][data-on=true]{color:var(--G);border-color:var(--G)}.chip.rarity[data-rarity=common][data-on=true]{color:#d7d2c8;border-color:#d7d2c8}.chip.rarity[data-rarity=uncommon][data-on=true]{color:#a9bcc9;border-color:#a9bcc9}.chip.rarity[data-rarity=rare][data-on=true]{color:#d5b45a;border-color:#d5b45a}.chip.rarity[data-rarity=mythic][data-on=true]{color:#e07a3c;border-color:#e07a3c}.grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:11px;display:grid}.card{background:var(--panel-2);aspect-ratio:488/680;border:2px solid #0000;border-radius:8px;width:100%;padding:0;transition:transform .13s,border-color .13s,box-shadow .13s;display:block;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;display:block}.card:hover{box-shadow:var(--shadow);z-index:2;transform:translateY(-4px)}.card[data-in-deck=true]{border-color:var(--gold);box-shadow:0 0 0 1px #c9a22759}.card[data-dim=true]{opacity:.32;filter:saturate(.4)}.card .badge{border:1px solid var(--line-2);color:var(--ink);letter-spacing:.03em;background:#0c0a07e0;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;bottom:5px;left:5px}.card .badge[data-tier=high]{border-color:var(--gold);color:var(--gold)}.card .badge[data-tier=low]{color:var(--ink-faint)}.card .foil{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(118deg,#ff008024,#00ffff24 28%,#ffff001f 52%,#7800ff24 78%);position:absolute;inset:0}.card .zoom{border:1px solid var(--line-2);width:24px;height:24px;color:var(--ink-dim);cursor:zoom-in;opacity:0;background:#0c0a07d9;border-radius:6px;place-items:center;font-size:13px;line-height:1;transition:opacity .13s,color .13s,border-color .13s;display:grid;position:absolute;top:5px;right:5px}.card:hover .zoom,.card .zoom:focus-visible{opacity:1}.card .zoom:hover{color:var(--gold);border-color:var(--gold-dim)}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060503d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;grid-template-rows:minmax(0,1fr);grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:24px;width:100%;max-width:880px;min-height:620px;max-height:calc(100vh - 48px);padding:24px;display:grid;position:relative;box-shadow:0 20px 60px #0009}.modal:focus{outline:none}@media (width<=760px){.modal{grid-template-columns:1fr;min-height:0}.modal-art{max-width:300px;margin:0 auto}}.modal-close{color:var(--ink-faint);background:0 0;border:none;padding:4px 8px;font-size:26px;line-height:1;position:absolute;top:10px;right:12px}.modal-close:hover{color:var(--ink)}.modal-art{border-radius:10px;align-self:start;position:relative;overflow:hidden}.modal-art img{width:100%;display:block}.modal-body{min-width:0;min-height:0;padding-right:4px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.modal-head h2{margin:0;font-size:22px;font-weight:600}.modal-mana{color:var(--ink-dim);white-space:nowrap;font-size:14px}.modal-type{color:var(--ink-dim);margin-top:4px;font-size:14px}.modal-type strong{color:var(--ink)}.modal-rarity{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px;font-size:11px}.modal-rarity.r-rare{color:#d5b45a}.modal-rarity.r-mythic{color:#e07a3c}.modal-rarity.r-uncommon{color:#a9bcc9}.modal-oracle{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin-top:14px;padding:13px 15px;font-size:14.5px;line-height:1.62}.modal-oracle p{margin:0 0 7px}.modal-oracle p:last-child{margin-bottom:0}.oracle-half.second{border-top:1px solid var(--line);margin-top:11px;padding-top:11px}.modal-flavor{color:var(--ink-faint);border-left:2px solid var(--line);margin-top:11px;padding-left:11px;font-size:13.5px;font-style:italic;line-height:1.55}.modal-grade{margin-top:16px}.modal-grade-head{align-items:baseline;gap:10px;display:flex}.modal-letter{color:var(--gold);font-size:28px;font-weight:700;line-height:1}.modal-grade ul{color:var(--ink-dim);margin:9px 0 0;padding-left:18px;font-size:13.5px;line-height:1.6}.modal-grade li{margin-bottom:4px}.modal-grade .tags{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:9px;font-size:11px}.modal-grade .disclaimer{margin:10px 0 0;font-size:12.5px}.modal-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.modal-nav{align-items:center;gap:8px;display:flex}.modal-hint{margin:10px 0 0;font-size:12px}.pack-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--line);grid-column:1/-1;margin-top:10px;padding-bottom:6px;font-size:12px}.deck-count{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.deck-count b{color:var(--gold);font-size:30px;line-height:1}.deck-count[data-ok=false] b{color:var(--error)}.deck-list{margin:0;padding:0;font-size:13px;list-style:none}.deck-list li{border-bottom:1px solid #3a302580;align-items:center;gap:7px;padding:3px 0;display:flex}.deck-list li button{color:var(--ink-faint);background:0 0;border:none;margin-left:auto;padding:0 3px;font-size:15px;line-height:1}.deck-list li button:hover{color:var(--error)}.mv{color:var(--ink-faint);font-variant-numeric:tabular-nums;min-width:15px;font-size:12px}.basics-row{align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.basics-row .name{flex:1}.stepper{align-items:center;gap:5px;display:flex}.stepper button{border:1px solid var(--line-2);background:var(--panel-2);width:24px;height:24px;color:var(--ink);border-radius:5px;padding:0;font-size:14px;line-height:1}.stepper button:hover{border-color:var(--gold-dim);color:var(--gold)}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:20px}.dot{border-radius:50%;flex:none;width:9px;height:9px}.curve{align-items:flex-end;gap:5px;height:84px;display:flex}.curve-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.curve-bar{background:linear-gradient(var(--gold-dim), #5e4d16);border-radius:3px 3px 0 0;width:100%;min-height:2px}.curve-bar[data-flag=true]{background:linear-gradient(#8a4a3f,#5d322b)}.curve-label{color:var(--ink-faint);font-size:11px}.curve-n{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px}.report{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}@media (width<=980px){.report{grid-template-columns:1fr}}.scorecard{text-align:center;padding:26px 18px}.scorecard .letter{color:var(--gold);font-size:76px;font-weight:700;line-height:1}.scorecard .num{color:var(--ink-dim);margin-top:6px;font-size:14px}.finding{border-bottom:1px solid var(--line);gap:13px;padding:14px 0;display:flex}.finding:last-child{border-bottom:none}.finding .icon{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;font-weight:700;display:grid}.finding[data-sev=good] .icon{color:var(--good);background:#6fae5c29}.finding[data-sev=warn] .icon{color:var(--warn);background:#d8a13a29}.finding[data-sev=error] .icon{color:var(--error);background:#cf5b4c29}.finding[data-sev=tip] .icon{color:var(--tip);background:#6f9fd829}.finding h4{margin:0 0 4px;font-size:15px;font-weight:600}.finding p{color:var(--ink-dim);margin:0;font-size:13.5px;line-height:1.6}.finding .mini-grid{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.finding .mini-grid img{border:1px solid var(--line-2);border-radius:5px;width:84px}.stat-row{border-bottom:1px solid #3a302580;justify-content:space-between;padding:6px 0;font-size:13.5px;display:flex}.stat-row span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}.stat-row span:first-child{color:var(--ink-dim)}.pair-bar{align-items:center;gap:9px;padding:4px 0;font-size:13px;display:flex}.pair-bar .track{background:var(--panel-2);border-radius:4px;flex:1;height:7px;overflow:hidden}.pair-bar .fill{background:var(--gold-dim);border-radius:4px;height:100%}.pair-bar[data-you=true] .fill{background:var(--gold)}.pair-bar[data-you=true]{color:var(--gold)}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:14px;display:flex}.tabs button{color:var(--ink-dim);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 13px;font-size:14px}.tabs button[data-on=true]{color:var(--gold);border-bottom-color:var(--gold)}.tooltip{z-index:100;pointer-events:none;border:1px solid var(--line-2);max-width:290px;box-shadow:var(--shadow);background:#0c0a07;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.55;position:fixed}.tooltip b{color:var(--gold);margin-bottom:4px;font-size:13px;display:block}.tooltip .tags{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px}