body{margin:0}:root{--ink:#f7f1e8;--ink-muted:#d3c3ae;--paper:#161312;--panel:#241b1b;--panel-strong:#312424;--line:#6a4a32;--accent:#c18b2f;--accent-strong:#e0af4d;--danger:#d45a4a;--highlight:#fffdf8;--glow:#c18b2f3d;--title-font:"Matrix Bold", "MatrixBold", "Baskerville", "Times New Roman", serif}*{box-sizing:border-box}html{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 18% 12%,#d45a4a47 0%,#0000 38%),radial-gradient(circle at 88% 0,#c18b2f38 0%,#0000 34%),linear-gradient(160deg,#120f10 0%,#1d1718 38%,#2a1f1a 100%);min-height:100dvh;margin:0;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.shell{max-width:1120px;padding:2rem 1rem 3rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));margin:0 auto}.app-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.35rem;display:flex}.terms-link{font-size:.88rem}.footer-attribution{flex-wrap:wrap;align-items:center;gap:.7rem;display:inline-flex}.footer-brand-link{color:var(--ink);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.footer-brand-link:hover{color:var(--accent-strong)}.footer-brand-logo{border-radius:999px;width:2rem;height:2rem}.footer-copyright{color:var(--ink-muted);font-size:.84rem}.hero{text-align:center;margin-bottom:1rem}.app-logo{aspect-ratio:4/5;object-fit:contain;clip-path:polygon(50% 98%,86% 88%,98% 58%,84% 20%,50% 2%,16% 20%,2% 58%,14% 88%);filter:drop-shadow(0 10px 20px #00000047);width:min(240px,58vw);margin:0 auto .35rem;display:block}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.78rem}.subtitle{max-width:60ch;color:var(--ink-muted);margin:0 auto}.panel{border:1px solid var(--line);background:linear-gradient(180deg, #3a251ff5 0%, var(--panel) 100%);border-radius:16px;margin-top:1rem;padding:1rem;box-shadow:0 16px 36px #00000057}.auth-panel{max-width:520px;margin-inline:auto}.auth-tabs{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem;display:grid}.auth-intro{margin:0 0 .8rem;line-height:1.45}.stack{gap:.8rem;display:grid}label{gap:.35rem;font-size:.92rem;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{background:var(--panel-strong);color:var(--highlight);border:1px solid #7c5535;border-radius:10px;padding:.6rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--glow);border-color:var(--accent)}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.6rem .85rem}.btn.primary{background:var(--accent);color:#1b1512}.btn.primary:hover{background:var(--accent-strong)}.btn.ghost{color:var(--ink);background:#ffffff08;border-color:#8f6343}.btn.ghost.active{border-color:var(--accent)}.btn.linkish{color:var(--accent-strong);text-underline-offset:2px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.btn.linkish:hover{color:#f3c871}.btn.danger{color:var(--danger);background:#84202047;border-color:#b04c42}.toolbar{justify-content:space-between;align-items:center;display:flex}.toolbar-actions{justify-items:end;gap:.5rem;display:grid}.top-toolbar .toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;display:flex}.top-toolbar .account-display-name{text-align:left;margin-right:auto}.account-display-name{color:var(--highlight);text-align:right;margin:0;font-weight:700;line-height:1.2}.account-trigger{align-items:center;gap:.4rem;display:inline-flex}.gear-icon{font-size:1rem;line-height:1}.collection-summary-list{margin:.45rem 0 0;padding-left:1.2rem}.collection-summary-list li+li{margin-top:.2rem}.collection-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.message{min-height:1.3rem;margin:.6rem 0 0}.muted{color:var(--ink-muted)}.field-hint{color:var(--ink-muted);margin:-.35rem 0 0;font-size:.82rem}.warning-text{color:#f0b6aa}.import-error-list{background:#4a141447;border:1px solid #b04c4259;border-radius:.6rem;max-height:12rem;padding:.55rem .65rem;overflow-y:auto}.import-error-list p{margin:0}.import-error-list p+p{margin-top:.35rem}.grid{gap:1rem;display:grid}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.lookup-row{flex-wrap:wrap;grid-column:1/-1;gap:.6rem;display:flex}.lookup-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.version-picker{grid-column:1/-1;gap:.45rem;display:grid}.version-picker-label{color:var(--ink-muted);margin:0;font-size:.9rem}.version-trigger{text-align:left;width:100%}.version-dropdown{background:#1b1414f5;border:1px solid #8f6343;border-radius:12px;max-height:280px;padding:.4rem;display:block;overflow-y:auto}.version-dropdown-window{gap:.35rem;display:grid}.version-option{width:100%;color:var(--ink);text-align:left;background:#ffffff08;border:1px solid #c18b2f3d;border-radius:10px;grid-template-columns:52px 1fr 22px;align-items:center;gap:.55rem;padding:.35rem;display:grid}.version-option.active{border-color:var(--accent);background:#c18b2f1f}.version-thumb{object-fit:cover;border:1px solid #fff3;border-radius:6px;width:52px;height:38px}.version-thumb.placeholder{color:var(--ink-muted);background:#ffffff0f;justify-content:center;align-items:center;font-size:.65rem;display:flex}.version-option-text{font-size:.82rem;line-height:1.25}.set-symbol{object-fit:contain;filter:drop-shadow(0 1px 2px #00000059);width:20px;height:20px}.action-row{flex-wrap:wrap;gap:.6rem;margin-bottom:.7rem;display:flex}.collection-table-actions{justify-content:flex-end;margin-top:.4rem;margin-bottom:0}.search-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.filter-toggle-layout{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.filter-toggle-column{gap:.15rem;display:grid}.filter-toggle-reset{justify-content:flex-end;align-items:center;min-height:84px;display:flex}.filter-toggle-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:inline-flex}.toggle-filter{flex-direction:row;align-items:center;gap:.55rem;min-height:42px;padding:0 .15rem;display:flex}.toggle-filter input{accent-color:#8f2638;width:1.1rem;height:1.1rem;margin:0}.favorite-column,.favorite-cell,.foil-column,.foil-cell{text-align:center;width:3.2rem}.commander-column,.commander-cell{text-align:center;width:3.7rem}.card-name-row{align-items:center;min-width:0;display:inline-flex}.card-name-row.compact{justify-content:center}.favorite-toggle{appearance:none;color:var(--ink-muted);cursor:pointer;background:#ffffff0a;border:1px solid #c18b2f52;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:transform .12s,border-color .12s,color .12s,background .12s;display:inline-flex}.foil-toggle{appearance:none;color:var(--ink-muted);cursor:pointer;background:#ffffff08;border:1px solid #c18b2f52;border-radius:999px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;line-height:1;transition:transform .12s,border-color .12s,color .12s,background .12s;display:inline-flex}.commander-toggle{appearance:none;color:var(--ink-muted);cursor:pointer;background:#ffffff08;border:1px solid #c18b2f52;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;width:1.8rem;height:1.8rem;padding:0;line-height:1;transition:transform .12s,border-color .12s,color .12s,background .12s;display:inline-flex}.commander-toggle:hover:not(:disabled){color:#f3c871;border-color:#e0af4db8;transform:translateY(-1px)}.commander-toggle.active{color:#b87333;background:#b8733329;border-color:#b87333e6}.commander-toggle:disabled{opacity:.65;cursor:not-allowed}.foil-toggle:hover:not(:disabled){color:#f3f3f3;border-color:#dcdcdcd9;transform:translateY(-1px)}.foil-toggle.active{color:#d9d9d9;background:#d2d2d22e;border-color:#d2d2d2e6}.foil-toggle:disabled{opacity:.65;cursor:not-allowed}.favorite-toggle:hover:not(:disabled){color:#ffe3a0;border-color:#e0af4db8;transform:translateY(-1px)}.favorite-toggle.active{color:#f6cf58;background:#f6cf581f;border-color:#f6cf58cc}.favorite-toggle:disabled{opacity:.65;cursor:not-allowed}.modal-favorite-toggle{width:2.25rem;height:2.25rem;font-size:1.05rem}.modal-commander-toggle{border-radius:999px;justify-self:start;width:auto;height:auto;min-height:2.15rem;padding:.35rem .7rem}.modal-commander-toggle span:last-child{font-size:.92rem}.checkbox-row{color:var(--ink);align-items:center;gap:.45rem;font-size:.94rem;display:inline-flex}.checkbox-row input{accent-color:#c9c9c9;width:1.05rem;height:1.05rem;margin:0}.table-wrap{margin-top:.8rem;overflow-x:auto}.collection-table-scroll{max-height:560px;overflow-y:auto}.virtual-spacer-row td{background:0 0}.table-pagination{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}.pagination-status{color:var(--ink-muted);margin:0;font-size:.88rem}table{border-collapse:collapse;background:#231a19f5;width:100%}th,td{text-align:left;border-bottom:1px solid #c18b2f38;padding:.55rem;font-size:.9rem}th{color:var(--highlight);background:#c18b2f14}.sort-header-btn{appearance:none;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-weight:700;display:inline-flex}.sort-header-btn:hover{color:var(--accent-strong)}.sort-header-btn .sort-indicator{opacity:.55;font-size:.78rem;line-height:1}.sort-header-btn.active .sort-indicator{opacity:1}.card-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.card-name-link{appearance:none;text-align:left;width:100%;color:var(--accent-strong);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline #e0af4d99;text-decoration:underline #e0af4d99;display:block}.card-name-link:hover{color:#f3c871}.card-name-link.imported,.card-name-link.imported.legendary{color:#73b4ff;text-decoration-color:#73b4ffb3}.card-name-link.imported:hover,.card-name-link.imported.legendary:hover{color:#a1ceff}.card-name-link.legendary{color:#b7475a;text-decoration-color:#b7475aa6}.card-name-link.legendary:hover{color:#d76678}.qty-actions{align-items:center;gap:.25rem;display:inline-flex}.qty-btn{min-width:1.5rem;padding:.18rem .35rem;line-height:1}.qty-value{text-align:center;min-width:1.1rem;font-size:.85rem}.action-delete-btn{padding:.22rem .48rem;font-size:.78rem;line-height:1.1}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:40;background:#080505b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:min(720px,96vw);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:linear-gradient(#2d1f1dfa 0%,#1c1412fa 100%);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;padding:1rem;display:grid;overflow:hidden;box-shadow:0 16px 40px #00000073}.account-modal-card,.share-modal-card{width:min(560px,96vw)}.deck-tag-modal-card{width:min(640px,96vw)}.terms-modal-card{width:min(860px,96vw)}.terms-modal-body{gap:.75rem;padding-bottom:.25rem;display:grid}.terms-scroll-area{overscroll-behavior:contain;background:#0f0b0aa6;border:1px solid #c18b2f40;border-radius:10px;max-height:min(40vh,20rem);padding:.75rem;overflow-y:auto}.terms-confirm-area{gap:.45rem;display:grid}.terms-text{white-space:pre-wrap;color:var(--ink);margin:0;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-size:.86rem;line-height:1.45}.terms-accept-row{font-weight:600}.terms-confirm-area .message{margin:0}.modal-title{margin:0 0 .4rem}.modal-header{gap:.35rem;display:grid}.modal-header .muted{margin:0}.modal-body{overscroll-behavior:contain;min-height:0;padding-bottom:.75rem;padding-right:.1rem;overflow-y:auto}.version-modal-grid{grid-template-columns:220px 1fr;align-items:start;gap:1rem;margin:.9rem 0 .5rem;display:grid}.version-modal-image{aspect-ratio:.72;object-fit:cover;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;width:100%}.version-modal-image.placeholder{color:var(--ink-muted);justify-content:center;align-items:center;font-size:.82rem;display:flex}.version-modal-details{gap:.35rem;display:grid}.card-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.version-modal-details p{margin:0}.collection-modal-details{margin-top:.8rem}.collection-modal-qty{margin-top:.45rem}.deck-tag-editor{gap:.55rem;display:grid}.deck-tag-input-row{flex-wrap:wrap;gap:.5rem;display:flex}.deck-tag-input-row input{flex:180px}.deck-tag-list{flex-wrap:wrap;gap:.45rem;display:flex}.deck-tag-manager-body{gap:.65rem}.deck-tag-manager-row{align-items:center;gap:.5rem;display:flex}.deck-tag-manager-row input{flex:auto}.deck-tag-suggestion-list{background:#140e0df5;border:1px solid #c18b2f4d;border-radius:.6rem;gap:.25rem;max-height:10rem;padding:.35rem;display:grid;overflow-y:auto}.deck-tag-suggestion{text-align:left;color:var(--ink);background:#c18b2f14;border:1px solid #0000;border-radius:.45rem;padding:.35rem .5rem}.deck-tag-suggestion:hover{background:#c18b2f29;border-color:#c18b2f59}.deck-tag{color:var(--ink);background:#c18b2f1a;border:1px solid #c18b2f59;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;display:inline-flex}.deck-tag:disabled{opacity:.65;cursor:not-allowed}.modal-warning{color:#f0b6aa}.modal-actions{justify-content:flex-end;margin-top:.75rem}.modal-footer{padding-top:.25rem;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1;background:linear-gradient(#1c1412eb 0%,#1c1412fa 100%);border-top:1px solid #c18b2f2e;position:sticky;bottom:0}@media (width<=900px){.collection-summary-grid{grid-template-columns:1fr;gap:1rem}.modal-backdrop{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));align-items:flex-start}.modal-card{max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-bottom,0px));margin-top:.5rem}.modal-footer{padding-bottom:calc(.35rem + env(safe-area-inset-bottom,0px))}.toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.toolbar-actions{order:-1;justify-items:start;width:100%}.top-toolbar .toolbar-actions{justify-content:flex-start}.top-toolbar .account-display-name{width:100%;margin-right:0}.collection-summary-grid{order:1}.account-display-name{text-align:left}.two-up,.lookup-section-grid,.search-grid{grid-template-columns:1fr}.filter-toggle-layout{grid-template-columns:1fr;gap:.45rem}.filter-toggle-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .65rem}.filter-toggle-column+.filter-toggle-column{margin-top:-.2rem}.filter-toggle-reset{justify-content:flex-start;min-height:0}.filter-toggle-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.collection-table-actions{justify-content:stretch}.version-modal-grid{grid-template-columns:1fr}.version-modal-image{justify-self:center;max-width:320px}.card-name-row{max-width:100%}.app-footer{justify-content:flex-start;margin-top:1rem}}
