:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{text-align:center;box-sizing:border-box;width:100%;max-width:1080px;margin:60px auto;padding:0 24px}p{margin-bottom:20px}.hero{padding:12px 0 8px}.hero-title{padding-block:6px;line-height:1.25;display:block}.hero-title-text{background:linear-gradient(100deg, var(--accent) 10%, #ffd166 40%, #ff6ec7 55%, var(--accent) 85%);color:#0000;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite hero-shimmer}@keyframes hero-shimmer{to{background-position:250%}}.hero-subtitle{max-width:480px;color:var(--text);margin:4px auto 28px}.hero-form{gap:10px;max-width:520px;margin:0 auto;display:flex}.hero-form input{flex:1;margin:0}.hero-form button{flex-shrink:0;margin:0}input{box-sizing:border-box;border:1px solid var(--border);background:var(--code-bg);width:100%;max-width:520px;color:var(--text-h);border-radius:8px;margin:0 auto 16px;padding:14px 16px;font-size:16px;display:block}input:focus{border-color:var(--accent);outline:none}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:opacity .15s,transform .15s}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.6;transform:none}.result{margin:24px 0}.progress-wrap{max-width:520px;margin:0 auto 24px}.progress-label{color:var(--text);margin-bottom:8px;font-size:14px}.progress-track{background:var(--code-bg);border:1px solid var(--border);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.progress-fill.indeterminate{width:35%;animation:1.1s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(285%)}}.tile-section{background:var(--bg);border:1px solid var(--border);text-align:left;box-sizing:border-box;border-radius:14px;margin-top:32px;padding:24px}.tile-section>h2{text-align:center}.tile-section-subtitle{color:var(--text);text-align:center;margin:-4px 0 16px;font-size:14px}.tile-grid{text-align:left;grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (width<=1024px){.tile-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=560px){.tile-grid{grid-template-columns:repeat(2,1fr)}}.tile-grid-dense{grid-template-columns:repeat(7,1fr);gap:10px}.tile-grid-dense .card-tile-info{padding:7px 8px}.tile-grid-dense .card-tile-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tile-grid-dense .card-tile-set{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tile-grid-dense .card-tile-score{font-size:12px}.tile-grid-dense .printing-chip-row{padding:4px 6px 8px}@media (width<=1024px){.tile-grid-dense{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (width<=560px){.tile-grid-dense{grid-template-columns:repeat(3,1fr)}}.card-tile{background:var(--code-bg);border:1px solid var(--border);text-align:left;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.card-tile-main{all:unset;cursor:pointer;box-sizing:border-box;text-align:left;flex-direction:column;width:100%;display:flex}.card-tile-image{aspect-ratio:5/7;background:var(--border);width:100%;display:block}.foil-wrap{position:relative;overflow:hidden}.foil-wrap img{object-fit:cover;width:100%;height:100%;display:block}.foil-wrap:after{content:"";pointer-events:none;background-size:250% 250%;animation:5.4s ease-in-out infinite foil-sheen;position:absolute;inset:0}.foil-wrap:before{content:"";pointer-events:none;position:absolute;inset:0}.foil-wrap.foil-foil:after{mix-blend-mode:overlay;opacity:.55;background-image:linear-gradient(115deg,#0000 20%,#ffffff47 36%,#aa3bff66 45%,#3bc8ff59 52%,#ffffff38 60%,#0000 80%)}.foil-wrap.foil-rainbow:after{mix-blend-mode:overlay;opacity:.5;background-image:linear-gradient(115deg,#0000 20%,#ff6ec738 32%,#ffd16638 40%,#06d6a038 48%,#4cc9f038 56%,#aa3bff38 64%,#0000 80%)}.foil-wrap.foil-etched:before{mix-blend-mode:overlay;opacity:.8;background-image:radial-gradient(circle at 20% 30%,#ffffff8c .6px,#0000 1.2px),radial-gradient(circle at 65% 65%,#ffffff73 .6px,#0000 1.2px),radial-gradient(circle at 80% 15%,#ffffff80 .6px,#0000 1.2px),radial-gradient(circle at 35% 85%,#fff6 .6px,#0000 1.2px);background-size:7px 7px}.foil-wrap.foil-etched:after{mix-blend-mode:overlay;opacity:.5;background-image:linear-gradient(115deg,#0000 25%,#fff6 48%,#ffffff26 56%,#0000 78%);animation-duration:4.5s}.foil-wrap.foil-halo:before{mix-blend-mode:screen;opacity:.85;background-image:conic-gradient(from 30deg at 35% 45%,#ff14b4bf,#ffbe3ca6,#00dca0a6,#32b4ffb3,#961effa6,#ff14b4bf);background-repeat:no-repeat;background-size:140% 140%}.foil-wrap.foil-halo:after{mix-blend-mode:screen;opacity:.4;background-image:linear-gradient(115deg,#0000 25%,#fff6 48%,#0000 78%);animation-duration:6.3s}.foil-wrap.foil-oilslick:after{mix-blend-mode:overlay;opacity:.55;background-image:linear-gradient(120deg,#280a3266 0%,#78009666 20%,#00967859 40%,#96500059 60%,#00509666 80%,#280a3266 100%);animation-duration:7.2s}.foil-wrap.foil-phyrexian:after{mix-blend-mode:overlay;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ctext x='13' y='19' font-size='18' text-anchor='middle' fill='white' opacity='0.6'%3E%CE%A6%3C/text%3E%3C/svg%3E");background-size:26px 26px;animation-duration:10.8s}.foil-wrap.foil-fracture:after{mix-blend-mode:overlay;opacity:.55;background-image:linear-gradient(70deg,#0000 48%,#ffffff73 49%,#0000 51%),linear-gradient(155deg,#0000 30%,#ffffff59 31%,#0000 33%),linear-gradient(20deg,#0000 60%,#fff6 61%,#0000 63%),linear-gradient(115deg,#0000 15%,#78c8ff47 40%,#0000 65%);animation-duration:4.5s}.foil-wrap.foil-ripple:after{mix-blend-mode:overlay;opacity:.5;background-image:repeating-radial-gradient(circle,#0000 0 8px,#ffffff52 8px 10px,#0000 10px 18px);animation-duration:5.4s}.foil-wrap.foil-textured:before{mix-blend-mode:overlay;opacity:.75;background-image:repeating-linear-gradient(45deg,#fff6 0 1px,#0000 1px 5px),repeating-linear-gradient(-45deg,#00000040 0 1px,#0000 1px 5px)}.foil-wrap.foil-textured:after{mix-blend-mode:overlay;opacity:.4;background-image:linear-gradient(115deg,#0000 25%,#ffffff59 48%,#0000 78%);animation-duration:7.2s}.foil-wrap.foil-dragonscale:before{mix-blend-mode:overlay;opacity:.75;background-image:radial-gradient(circle at 50% 100%,#0000 55%,#ffe196e6 56% 68%,#0000 69%);background-size:22px 16px;inset:-60%;transform:rotate(-35deg)}.foil-wrap.foil-dragonscale:after{mix-blend-mode:overlay;opacity:.45;background-image:linear-gradient(115deg,#0000 25%,#ffdca066 48%,#0000 78%);animation-duration:7.2s}.foil-wrap.foil-silver:after{mix-blend-mode:overlay;opacity:.5;background-image:linear-gradient(115deg,#0000 20%,#fff6 40%,#cdd2dc73 50%,#ffffff59 60%,#0000 80%);animation-duration:4.95s}.foil-wrap.foil-neon:after{mix-blend-mode:screen;opacity:.5;background-image:linear-gradient(100deg,#0000 20%,#ff2fd6 38%,#0000 45%,#2ff9ff 55%,#0000 62%,#d6ff2f 78%,#0000 90%);animation-duration:2.7s}.foil-wrap.foil-special:after{mix-blend-mode:overlay;opacity:.32;background-image:linear-gradient(115deg,#0000 15%,#ff6ec7 30%,#ffd166 40%,#06d6a0 50%,#4cc9f0 60%,#aa3bff 72%,#0000 88%);animation-duration:5.4s}@keyframes foil-sheen{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.card-tile-info{padding:10px 12px}.card-tile-name{color:var(--text-h);margin:0 0 2px;font-size:14px;font-weight:600;line-height:130%}.card-tile-qty{color:var(--accent);font-weight:700}.card-tile-set{color:var(--text);margin:0 0 6px;font-size:12px}.card-tile-score{color:var(--accent);margin:0;font-size:13px;font-weight:700}.card-tile:hover .card-tile-image{filter:brightness(1.05)}.card-modal-backdrop{z-index:100;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.15s card-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes card-modal-fade-in{0%{opacity:0}to{opacity:1}}.card-modal{background:var(--bg);border:1px solid var(--border);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow);border-radius:14px;animation:.15s card-modal-pop-in;position:relative;overflow-y:auto}@keyframes card-modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card-modal-close{all:unset;cursor:pointer;width:32px;height:32px;color:var(--text);background:var(--code-bg);border-radius:999px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:10px;right:12px}.card-modal-close:hover{color:var(--text-h);background:var(--accent-bg)}.card-modal-body{text-align:left;gap:20px;padding:24px;display:flex}.card-modal-image{aspect-ratio:5/7;border-radius:10px;flex-shrink:0;width:220px}.card-modal-info{flex:1;min-width:0}.card-modal-name{color:var(--text-h);margin:0 0 4px;font-size:18px}.card-modal-set{color:var(--text);margin:0 0 8px;font-size:13px}.card-modal-score{color:var(--accent);margin:0 0 14px;font-size:22px;font-weight:700}.card-modal-breakdown{border-top:1px solid var(--border);padding-top:12px}.card-modal-breakdown p{margin:4px 0;font-size:13px}.card-modal-upgrades{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.card-modal-upgrades h4{color:var(--text-h);margin:0 0 6px;font-size:13px}.card-modal-upgrade-row{margin:4px 0;font-size:13px}@media (width<=560px){.card-modal-body{flex-direction:column}.card-modal-image{width:100%}}.printing-chip-row{box-sizing:content-box;border-top:1px solid var(--border);align-items:center;gap:6px;min-height:26px;padding:8px 12px 12px;display:flex;overflow-x:auto}.printing-chip{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex;position:relative}.printing-chip-set{font-weight:700}.printing-chip-score{color:var(--accent);font-weight:700}.hover-preview{z-index:50;width:240px;box-shadow:var(--shadow);pointer-events:none;border-radius:12px;position:fixed}.hover-preview img{height:auto}.upgrade-tile{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:10px;padding:12px}.upgrade-tile-name{color:var(--text-h);margin:0 0 8px;font-size:13px;font-weight:600}.upgrade-tile-compare{justify-content:center;align-items:center;gap:6px;display:flex}.upgrade-thumb{flex:1;min-width:0;position:relative}.upgrade-thumb-image{aspect-ratio:5/7;border-radius:6px;width:100%;display:block}.upgrade-arrow{color:var(--accent);text-align:center;flex-shrink:0;width:18px;font-size:18px}.upgrade-tile-labels{justify-content:center;align-items:flex-start;gap:6px;margin-top:4px;display:flex}.upgrade-thumb-label{min-width:0;color:var(--text);text-align:center;flex:1;font-size:11px}.upgrade-arrow-spacer{flex-shrink:0;width:18px}.upgrade-tile-delta{color:var(--accent);margin:8px 0 2px;font-size:13px;font-weight:700}.upgrade-tile-meta{color:var(--text);margin:0;font-size:11px}.deck-list-commanders{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.deck-list-commanders-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-align:center;margin:0 0 10px;font-size:12px;font-weight:700}.commander-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.commander-row .card-tile{flex-shrink:0;width:190px}.deck-list-controls{gap:8px;margin-bottom:12px;display:flex}.sort-button{background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.sort-button.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-h)}.card-list{text-align:left;margin-top:40px}.card-row{border-bottom:1px solid var(--border);padding:12px}.card-row p{margin:0;font-weight:700}.card-row small{color:var(--text)}