:root{--paper: #f7f6f5;--paper-raised: #eae8e6;--ink: #141316;--ink-soft: #635f66;--line: #d6d2d0;--accent: #c62828;--accent-soft: #e57373;--found: #b71c1c;--found-soft: #fde8e8;--alert: #d97706;--grain: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC44NSIgbnVtT2N0YXZlcz0iMiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjA1IDAiLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbikiLz48L3N2Zz4=)}@media(prefers-color-scheme:dark){:root{--paper: #101014;--paper-raised: #19181d;--ink: #f4f3f6;--ink-soft: #9896a0;--line: #2b2a32;--accent: #e53935;--accent-soft: #852222;--found: #e53935;--found-soft: #281215;--alert: #f59e0b}}*{box-sizing:border-box}body{margin:0;background-color:var(--paper);background-image:var(--grain);background-size:140px 140px;color:var(--ink);font-family:Archivo,system-ui,sans-serif;padding:0 20px 64px;overflow-x:clip}.wrap{max-width:760px;margin:0 auto;transition:max-width .2s ease}.wrap.layout-auto{max-width:1560px}.wrap.layout-1{max-width:760px}.wrap.layout-2{max-width:1040px}.wrap.layout-3{max-width:1440px}.wrap.layout-4{max-width:1800px}h1,h2{text-wrap:balance}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}header{position:sticky;top:0;z-index:10;background-color:var(--paper);background-image:var(--grain);background-size:140px 140px;padding:20px 0 14px;border-bottom:1px solid var(--line)}header:has(.header-art){padding-top:76px}header.bare-header{position:static;border-bottom:none}.header-art{position:absolute;inset:0 calc(-50vw + 50%);z-index:0;display:flex;overflow:hidden}.header-art img{flex:1 1 0;min-width:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:blur(3px) saturate(1.08);transform:scale(1.08)}.header-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 22%,transparent) 0%,color-mix(in srgb,var(--paper) 52%,transparent) 42%,color-mix(in srgb,var(--paper) 88%,transparent) 72%,var(--paper) 100%)}.header-inner{position:relative;z-index:1}.title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}h1{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-weight:650;font-size:clamp(1.5rem,4vw,2rem);margin:0;letter-spacing:-.01em}header:has(.header-art) :is(h1,.tagline,.progress-stat,.deck-meta){text-shadow:0 1px 6px var(--paper),0 0 2px var(--paper)}.tagline{color:var(--ink-soft);font-size:.85rem;margin:2px 0 0}.progress-stat{font-size:1.15rem;white-space:nowrap}.progress-stat span{color:var(--ink-soft);font-size:.8rem}.progress-rail{height:6px;border-radius:3px;background:var(--paper-raised);border:1px solid var(--line);margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:var(--found);transition:width .3s ease}.deck-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:.85rem}.deck-meta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.commander-thumb{width:92px;height:66px;object-fit:cover;object-position:center 25%;border-radius:8px;border:1px solid var(--line);box-shadow:0 2px 10px #00000047;flex:0 0 auto}.deck-name{font-weight:600}.deck-name a{color:inherit;text-decoration-color:var(--accent-soft)}.commander{color:var(--ink-soft)}.commander:before{content:"⌘ ";color:var(--accent)}.identity{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:1px 6px;margin-left:8px;white-space:nowrap}.controls-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.controls-row input[type=search]{flex:1 1 180px}input[type=search],input[type=url]{min-width:0;padding:9px 12px;border-radius:7px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-family:inherit;font-size:.9rem}button{font-family:Archivo,sans-serif;font-weight:600;font-size:.82rem;border-radius:7px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);padding:9px 14px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:var(--accent-soft)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}:where(input,button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segmented{display:inline-flex}.segmented button{border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:7px 0 0 7px;margin-left:0}.segmented button:last-child{border-radius:0 7px 7px 0}.segmented button[aria-pressed=true],.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.import-panel{padding:24px 0 10px}.tabs{display:inline-flex;margin-bottom:16px}.tabs button{border-radius:0;margin-left:-1px}.tabs button:first-child{border-radius:7px 0 0 7px;margin-left:0}.tabs button:last-child{border-radius:0 7px 7px 0}.help{color:var(--ink-soft);font-size:.88rem;max-width:40em;margin:0 0 14px;line-height:1.5}.link-form,.paste-form{display:flex;flex-direction:column;gap:12px;max-width:760px}textarea{width:100%;min-height:260px;resize:vertical;padding:14px;border-radius:9px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:.85rem;line-height:1.55}.actions{display:flex;justify-content:flex-end;gap:10px}.error{color:var(--alert);font-size:.85rem;border-left:3px solid var(--alert);padding-left:10px;margin-top:16px}.group{margin-top:26px}.group-head{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}.group-head h2{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0}.group-head .count{font-size:.78rem;color:var(--ink-soft);margin-left:auto}.card-grid{display:grid;gap:6px 10px}.wrap.layout-auto .card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wrap.layout-1 .card-grid{grid-template-columns:1fr}.wrap.layout-2 .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap.layout-3 .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wrap.layout-4 .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.wrap.layout-4 .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.wrap.layout-3 .card-grid,.wrap.layout-4 .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap.layout-2 .card-grid,.wrap.layout-3 .card-grid,.wrap.layout-4 .card-grid{grid-template-columns:1fr}}.row{position:relative;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:7px;cursor:pointer;user-select:none}.card-grid .row{border:1px solid var(--line);background:color-mix(in srgb,var(--paper-raised) 50%,transparent);border-radius:7px;padding:8px 10px;height:42px;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.card-grid .row:hover{background:var(--paper-raised);border-color:var(--accent-soft)}.card-grid .row.done{opacity:.55;background:color-mix(in srgb,var(--paper) 60%,transparent);border-color:color-mix(in srgb,var(--line) 40%,transparent)}.row:hover{background:var(--paper-raised)}.row+.row{border-top:1px solid var(--line)}.qty{font-size:.78rem;color:var(--ink-soft);min-width:1.8em;text-align:right;flex:0 0 auto}.name{flex:1 1 auto;font-size:.92rem;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto}.mana-cost{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;vertical-align:middle}.mana-symbol{width:14px;height:14px;border-radius:50%;box-shadow:-1px 1px #000000d9;display:inline-block;flex:0 0 14px}.mana-sep{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--ink-soft);margin:0 2px}.tag{font-family:IBM Plex Mono,monospace;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:2px 5px;white-space:nowrap}.tag-illegal{color:var(--alert);border:1px solid var(--alert)}.tag-unknown{color:var(--ink-soft);border:1px solid var(--line)}.pips{display:flex;gap:3px;flex:0 0 auto}.pip{width:9px;height:9px;border-radius:2px;border:1px solid var(--accent-soft)}.pip.filled{background:var(--found);border-color:var(--found)}.miniprogress{width:60px;height:6px;border-radius:3px;background:var(--paper-raised);border:1px solid var(--line);overflow:hidden;flex:0 0 auto}.miniprogress i{display:block;height:100%;background:var(--found)}.undo{flex:0 0 auto;background:none;border:none;color:var(--ink-soft);font-size:.85rem;padding:2px 6px;opacity:.55}.undo:hover{opacity:1;background:var(--paper-raised)}.row.done{opacity:.7}.row.done .name{text-decoration:line-through;text-decoration-color:var(--found)}.stamp{flex:0 0 auto;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.05em;color:var(--found);border:1px dashed var(--found);border-radius:4px;padding:2px 6px;transform:rotate(-3deg)}.card-preview{position:absolute;right:8px;bottom:calc(100% + 4px);width:220px;max-height:310px;border-radius:10px;box-shadow:0 10px 30px #0000008c;pointer-events:none;z-index:50}@media(hover:none){.card-preview{display:none}}.found-block{margin-top:6px}.found-block summary{cursor:pointer;font-size:.8rem;color:var(--ink-soft);padding:6px 4px}.empty-msg{color:var(--ink-soft);font-size:.85rem;padding:12px 4px}.mox-picker{display:flex;flex-direction:column;gap:14px}.mox-user-inputs{display:flex;gap:10px;flex-wrap:wrap}.mox-user-inputs input{flex:1 1 200px}.mox-user-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;background:var(--paper-raised);border:1px solid var(--line)}.mox-user-info{font-size:.9rem;color:var(--ink)}.mox-user-info strong{color:var(--accent)}.mox-user-actions{display:flex;gap:8px}.mox-btn-text{background:none;border:none;padding:4px 8px;font-size:.8rem;color:var(--ink-soft);cursor:pointer;border-radius:4px}.mox-btn-text:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--line) 40%,transparent)}.mox-filter-row input{width:100%}.mox-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:4px}.mox-deck-card{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease;white-space:normal}.mox-deck-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.mox-deck-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mox-deck-title{font-weight:600;font-size:.95rem;color:var(--ink);line-height:1.3}.mox-deck-format{font-family:IBM Plex Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:color-mix(in srgb,var(--paper) 70%,transparent);border:1px solid var(--line);padding:2px 6px;border-radius:4px;flex:0 0 auto}.mox-deck-footer{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--ink-soft);gap:8px}.mox-deck-meta{font-family:IBM Plex Mono,monospace;font-size:.75rem}.mox-deck-date{font-size:.72rem;opacity:.8}.commander-picker{display:flex;flex-direction:column;gap:16px;max-width:760px;padding:24px 0 10px}.commander-picker-head h2{font-size:1.25rem;font-weight:700;margin:0 0 6px;color:var(--ink)}.commander-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:55vh;overflow-y:auto;padding:2px}.commander-picker-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease;white-space:normal}.commander-picker-card:hover{border-color:var(--accent);transform:translateY(-1px)}.commander-picker-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--paper-raised));box-shadow:0 0 0 1px var(--accent)}.commander-card-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.commander-card-title-row{display:flex;align-items:center;gap:6px}.commander-card-name{font-weight:600;font-size:.92rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commander-card-type{font-size:.76rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commander-badge{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--accent);padding:3px 8px;border-radius:4px;flex:0 0 auto;align-self:center}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:520px){.title-row{flex-direction:column;align-items:flex-start;gap:4px}.controls-row input[type=search]{flex-basis:100%}.card-preview{display:none}}