:root{--bg: #f2f2f5;--surface: #ffffff;--surface-2: #f7f7fa;--border: #e3e3ea;--text: #17171f;--muted: #55555f;--faint: #82828e;--accent: #5e2bff;--accent-soft: rgba(94, 43, 255, .09);--danger: #c92a2a;--ok: #1d8a51;--row-alt: #f5f2fc;--banner-a: #2d0f66;--banner-b: #5e2bff;--chart-permanents: #9a6ef5;--chart-spells: #c4c4cd;--chart-selected: #43128f;--shadow: 0 8px 24px rgba(20, 10, 60, .14)}[data-theme=dark]{--bg: #0b0b0d;--surface: #17171a;--surface-2: #1f1f24;--border: #2a2a2e;--text: #fafafa;--muted: #b0b0b0;--faint: #7e7e88;--accent: #7c52ff;--accent-soft: rgba(124, 82, 255, .16);--danger: #ff6b6b;--ok: #4dc98a;--row-alt: #1c1a24;--banner-a: #1d0a45;--banner-b: #4a21cc;--chart-permanents: #7c52ff;--chart-spells: #77777f;--chart-selected: #cbb8ff;--shadow: 0 8px 24px rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;font-size:15px}a{color:inherit}.app{min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:.9rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:40}.header .logo{font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-size:.95rem;white-space:nowrap}.header .logo span{color:var(--accent)}.nav{display:flex;gap:.9rem;flex:1;overflow-x:auto}.nav a{text-decoration:none;color:var(--muted);font-size:.88rem;padding:.25rem 0;white-space:nowrap}.nav a.active{color:var(--text);border-bottom:2px solid var(--accent)}.header-right{display:flex;align-items:center;gap:.5rem}.who{color:var(--muted);font-size:.85rem;text-decoration:none}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1rem}.footer{border-top:1px solid var(--border);padding:1rem;font-size:.75rem;color:var(--faint);text-align:center;background:var(--surface)}.footer a{color:var(--muted)}.btn{padding:.5rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.45;cursor:default}.btn.small{padding:.3rem .6rem;font-size:.8rem}.btn.tiny{padding:.1rem .45rem;font-size:.78rem;line-height:1.4}.btn.link{background:none;border:none;color:var(--muted);text-decoration:underline}select,input[type=date],input[type=number],input[type=email],input[type=text],.stack input{padding:.42rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.88rem}select:focus,input:focus{outline:2px solid var(--accent)}.check{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.85rem}.hint{color:var(--faint);font-size:.8rem;margin:.25rem 0 1rem}.hint-inline{color:var(--faint);font-size:.8rem}.narrow{max-width:480px}.stack{display:flex;flex-direction:column;gap:.8rem}.stack label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;border:1px solid var(--border);color:var(--muted);background:var(--surface)}.badge.warn{border-color:#b8860b;color:#8a6508}[data-theme=dark] .badge.warn{color:#e8c56a}.error-box{background:#c92a2a14;border:1px solid rgba(201,42,42,.35);color:var(--danger);padding:.75rem 1rem;border-radius:8px;margin:.75rem 0}.spinner{margin:2rem auto;width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-form{display:flex;gap:.5rem;margin-bottom:.5rem}.search-form input{flex:1;padding:.6rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.85rem;margin-bottom:.75rem;flex-wrap:wrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.card-img{width:100%;display:block;aspect-ratio:488 / 680;background:var(--surface-2);border-radius:4.75%/3.5%}.grid-cell{position:relative;display:block}.card-open{background:none;border:none;padding:0;cursor:pointer;display:block;width:100%;border-radius:4.75%/3.5%}.card-open:hover,.grid-cell[role=button]:hover .card-img{outline:2px solid var(--accent)}.qty-badge{position:absolute;top:6px;right:6px;background:var(--accent);color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;padding:.05rem .45rem}.add-btn.overlay{position:absolute;bottom:6px;left:6px;background:var(--accent);border-color:var(--accent);color:#fff;opacity:.95}.add-btn.overlay:hover{filter:brightness(1.12)}.pager{display:flex;justify-content:center;gap:.75rem;align-items:center;margin:1.25rem 0}.deck-banner-head{position:relative;border-radius:12px;overflow:hidden;color:#fff;background:linear-gradient(115deg,var(--banner-a),var(--banner-b));margin-bottom:.9rem}.deck-banner-art{position:absolute;inset:0 0 0 40%;background-size:cover;background-position:center 25%;opacity:.45;mask-image:linear-gradient(to right,transparent,black 40%);-webkit-mask-image:linear-gradient(to right,transparent,black 40%)}.deck-banner-inner{position:relative;padding:1.1rem 1.25rem 1rem}.deck-owner-line{display:flex;align-items:center;gap:.5rem;font-size:.85rem;opacity:.9}.owner-avatar{width:26px;height:26px;border-radius:50%;background:#ffffff40;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.deck-banner-inner h1{margin:.3rem 0 .45rem;font-size:clamp(1.4rem,4vw,2.3rem);line-height:1.15;font-weight:800}.deck-banner-chips{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.chip{background:#ffffff29;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:6px;padding:.1rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.deck-banner-meta{margin-top:.5rem;font-size:.8rem;opacity:.85;display:flex;gap:1rem;flex-wrap:wrap}.deck-action-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.deck-actions{display:flex;gap:.35rem;flex-wrap:wrap}.deck-actions .btn{border:none;background:none;color:var(--accent);font-weight:600;padding:.35rem .6rem}.deck-actions .btn:disabled{color:var(--faint)}.deck-actions .btn:hover:not(:disabled){background:var(--accent-soft);border:none}.deck-add-area{min-width:300px;flex:0 1 430px}.deck-body{display:grid;grid-template-columns:1fr;gap:1.1rem;align-items:start}@media(min-width:960px){.deck-body{grid-template-columns:230px 1fr}}.preview-panel{position:sticky;top:3.6rem;display:none}@media(min-width:960px){.preview-panel{display:block}}.preview-panel img{width:100%;border-radius:4.75%/3.5%;display:block}.preview-price{text-align:center;font-size:.85rem;color:var(--muted);margin:.4rem 0;font-variant-numeric:tabular-nums}.preview-actions{display:flex;flex-direction:column;gap:.35rem}.view-toolbar-row{display:flex;align-items:flex-end;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin:.25rem 0 .5rem;position:sticky;top:2.9rem;background:var(--bg);padding:.4rem 0;z-index:5}.view-toolbar-row .check{margin-right:auto}.view-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-toolbar label{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted)}.customize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.radio-group{border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.35rem}.radio-group legend{color:var(--muted);font-size:.8rem;padding:0 .3rem}.modal-foot{display:flex;align-items:center;gap:.6rem;margin-top:1rem;justify-content:flex-end}.filter-input{padding:.42rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.section{margin-top:1.4rem}.section h2{font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:.35rem;display:flex;align-items:baseline;gap:.5rem}.collapse-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;padding:0}.text-cols{column-width:250px;column-gap:1.4rem}.text-cols.condensed{column-width:195px;font-size:.8rem}.text-group{break-inside:avoid;margin-bottom:1rem}.group-head{font-size:.86rem;color:var(--text);margin:0 0 .15rem;font-weight:700}.plain-list{list-style:none;padding:0;margin:.35rem 0}.plain-list li{display:flex;align-items:center;gap:.45rem;padding:.32rem .4rem;border-bottom:1px solid var(--border)}.plain-list.tight li{padding:.16rem .4rem;border-bottom:none;border-radius:5px}.plain-list.tight li:nth-child(odd){background:var(--row-alt)}.text-cols.condensed .plain-list.tight li{padding:.08rem .35rem}.card-row{min-height:1.55rem}.card-row .card-name{text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linklike{background:none;border:none;color:var(--text);cursor:pointer;padding:0;font:inherit;text-align:left}.linklike:hover{color:var(--accent)}.qty{min-width:1.2rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.row-tail{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.mana{color:var(--muted);font-family:ui-monospace,monospace;font-size:.8rem}.mana-syms{display:inline-flex;gap:1px;align-items:center}.mana-syms img{display:block}.set-symbol{width:14px;height:14px;vertical-align:middle}[data-theme=dark] .set-symbol{filter:invert(.75)}.xtra{font-variant-numeric:tabular-nums}.row-menu-wrap{position:relative}.row-menu-btn{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.6rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.row-menu-btn:hover{border-color:var(--accent);color:var(--accent)}.row-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:30;min-width:175px;padding:.3rem}.row-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:.32rem .6rem;font-size:.84rem;cursor:pointer;border-radius:6px;white-space:nowrap}.row-menu button:hover{background:var(--accent-soft)}.row-menu button.danger{color:var(--danger)}.row-menu hr{border:none;border-top:1px solid var(--border);margin:.25rem 0}.stacks-wrap{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.stacks-wrap .stack-group{width:170px}.stacks-wrap.split{display:block;columns:170px;column-gap:1rem}.stacks-wrap.split .stack-group{width:auto;break-inside:avoid-column;margin-bottom:1rem}.stack{display:flex;flex-direction:column}.stack-card{position:relative;cursor:pointer}.stack-card+.stack-card{margin-top:-119%}.stack-card img{width:100%;display:block;border-radius:4.75%/3.5%}.stack-card:hover{z-index:3;outline:2px solid var(--accent);border-radius:4.75%/3.5%}.stack-card .qty-badge{top:4px;right:4px}.spoiler-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.grid-group{margin-bottom:1rem}.bulk-check{width:16px;height:16px;accent-color:var(--accent)}.bulk-check.corner{position:absolute;top:6px;right:6px;z-index:4;width:20px;height:20px}.commander-picker{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;margin:.6rem 0}.commander-picker h2{margin:0 0 .3rem;font-size:.92rem;border:none;padding:0}.commander-name{padding:0}.add-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.typeahead{position:relative;flex:1;min-width:220px}.typeahead input{width:100%;padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.92rem}.typeahead-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;z-index:30;max-height:21rem;overflow-y:auto;box-shadow:var(--shadow)}.typeahead-row{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.42rem .75rem;background:none;border:none;color:var(--text);cursor:pointer;font-size:.88rem}.typeahead-row:hover{background:var(--accent-soft)}.ta-name{flex-shrink:0}.pad{padding:.5rem .75rem}.charts-row{display:grid;grid-template-columns:1fr;gap:1rem;margin:1rem 0}@media(min-width:640px){.charts-row{grid-template-columns:1fr 1fr}}.chart{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem}.chart figcaption{font-size:.8rem;color:var(--muted);margin-bottom:.5rem}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:.9rem}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .85rem;display:flex;flex-direction:column;gap:.1rem}.stat-label{font-size:.72rem;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.curve{display:flex;align-items:flex-end;gap:2px;height:110px}.curve.tall{height:170px}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px}.curve-col.clickable{background:none;border:none;cursor:pointer;padding:0;border-radius:6px}.curve-col.clickable:hover,.curve-col.clickable.active{background:var(--accent-soft)}.curve-stack{width:68%;display:flex;flex-direction:column;gap:2px;justify-content:flex-end;min-height:2px}.curve-seg{border-radius:3px;min-height:3px}.curve-seg.permanents{background:var(--chart-permanents)}.curve-seg.spells{background:var(--chart-spells)}.curve-col.active .curve-seg.permanents{background:var(--chart-selected)}.curve-stack .curve-seg:first-child{border-radius:4px 4px 3px 3px}.curve-count,.curve-label{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.curve-label{color:var(--faint)}.legend{display:inline-flex;gap:.8rem;margin-left:.75rem}.legend-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--muted)}.legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-swatch.permanents{background:var(--chart-permanents)}.legend-swatch.spells{background:var(--chart-spells)}.legend-swatch.selected{background:var(--chart-selected)}.calc-btn{float:right}.curve-flex{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:820px){.curve-flex{grid-template-columns:3fr 2fr}}.bucket-panel{border-left:1px solid var(--border);padding-left:1rem}@media(max-width:819px){.bucket-panel{border-left:none;border-top:1px solid var(--border);padding:.6rem 0 0}}.prose-stats{font-size:.9rem;color:var(--muted);text-align:center;margin:1rem auto;max-width:640px}.prose-stats strong{color:var(--text)}.color-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;text-align:center}.color-col{display:flex;flex-direction:column;align-items:center;gap:.25rem}.color-col.empty{opacity:.35}.color-col .big-sym{width:44px;height:44px}.color-col .big-pct{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}.mini-curve{display:flex;align-items:flex-end;gap:1px;height:30px;width:70px}.mini-curve span{flex:1;border-radius:2px 2px 0 0;min-height:1px}.prod-track{display:inline-block;width:100px;height:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;overflow:hidden;vertical-align:middle;position:relative}.prod-bar{display:block;height:100%}.breakdown{display:flex;flex-direction:column;gap:6px}.breakdown-row{display:flex;align-items:center;gap:.5rem}.mana-chip{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#101013;flex-shrink:0}.breakdown-track{flex:1;height:10px;border-radius:4px;overflow:hidden}.breakdown-bar{height:100%;border-radius:4px}.breakdown-count{font-size:.8rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.quick-basics{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.8rem 0;color:var(--muted);font-size:.85rem}.quick-basics button{background:none;border:1px solid var(--border);border-radius:50%;width:30px;height:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.quick-basics button:hover{border-color:var(--accent)}.quick-basics img{width:20px;height:20px}.sample-hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-bottom:.6rem}.hand-card{width:100%;border-radius:4.75%/3.5%;display:block}.hand-card.placeholder{aspect-ratio:488 / 680;background:var(--surface-2);font-size:.7rem;padding:.4rem}.hand-actions{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.hand-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:.5rem}.history-grid{display:grid;grid-template-columns:1fr;gap:.1rem 2rem}@media(min-width:760px){.history-grid{grid-template-columns:1fr 1fr}}.history-row{display:flex;align-items:center;gap:.5rem;padding:.28rem .4rem;border-radius:5px;font-size:.86rem}.history-row:hover{background:var(--row-alt)}.delta{min-width:2rem;text-align:center;border-radius:5px;font-size:.75rem;font-weight:700;padding:.08rem .3rem;color:#fff}.delta.plus{background:var(--ok)}.delta.minus{background:var(--danger)}.delta.neutral{background:var(--faint)}.history-when{margin-left:auto;color:var(--faint);font-size:.78rem;white-space:nowrap}.see-more{font-weight:400;margin-left:auto}.log-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.log-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--faint)}.log-list li{flex-wrap:wrap;font-size:.9rem}.log-list.compact li{font-size:.82rem;padding:.25rem 0}.log-when{color:var(--faint);font-size:.78rem;min-width:10.5rem}.detail{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:720px){.detail{grid-template-columns:300px 1fr;align-items:start}}.detail .art .artist{color:var(--faint);font-size:.75rem;margin-top:.35rem;text-align:center}.detail h1{margin:0 0 .25rem;font-size:1.4rem}.type-line{color:var(--muted);margin:.25rem 0 .75rem}.oracle{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;white-space:pre-wrap;font-size:.95rem;margin-bottom:.5rem}.legalities{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;font-size:.8rem}.legalities .leg{display:flex;justify-content:space-between;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.3rem .55rem}.leg .status-legal{color:var(--ok)}.leg .status-banned{color:var(--danger);font-weight:700}.leg .status-not_legal,.leg .status-restricted{color:var(--faint)}.rulings li{margin-bottom:.6rem;font-size:.9rem}.rulings .date{color:var(--faint);font-size:.78rem;margin-right:.4rem}.table-wrap{overflow-x:auto}table.printings{width:100%;border-collapse:collapse;font-size:.85rem;min-width:560px}table.printings th,table.printings td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}table.printings th{color:var(--faint);font-weight:600}table.printings tr.current{background:var(--accent-soft)}table.printings a{color:var(--accent)}.printings-list{display:flex;flex-direction:column;gap:.6rem}.printing-row{display:flex;gap:.8rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem}.printing-row.current{border-color:var(--accent);background:var(--accent-soft)}.printing-thumb{background:none;border:none;padding:0;cursor:pointer;width:96px;flex-shrink:0}.printing-thumb img{width:100%;border-radius:4.75%/3.5%;display:block}.printing-thumb:hover img{outline:2px solid var(--accent)}.printing-info{display:flex;flex-direction:column;gap:.15rem;font-size:.9rem;min-width:0}.printing-prices{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.printing-prices a{color:var(--accent)}.artist-link{color:var(--muted);text-decoration:underline;text-decoration-style:dotted;font-size:inherit}.artist-link:hover{color:var(--accent)}.detail-actions{display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem}.inv-add{display:flex;gap:.35rem;align-items:center}.inv-add input[type=number]{width:4rem}.flip-btn{margin-top:.5rem;width:100%}.modal-backdrop{position:fixed;inset:0;background:#0a051e8c;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;max-width:640px;width:100%;max-height:85dvh;overflow-y:auto}.modal.card-overlay{max-width:900px;max-height:90dvh}.card-overlay .detail{grid-template-columns:1fr}@media(min-width:760px){.card-overlay .detail{grid-template-columns:280px 1fr}}.narrow-modal{max-width:400px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.toast-stack{position:fixed;bottom:3.4rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:100;width:min(92vw,420px)}.toast{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:.6rem .9rem;box-shadow:var(--shadow);font-size:.9rem}.bulk-bar{position:fixed;bottom:3.2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:.6rem 1rem;z-index:60;box-shadow:var(--shadow);max-width:94vw}.login{max-width:380px;margin:12vh auto 0;text-align:center}.login h1 span{color:var(--accent)}.login form{display:flex;flex-direction:column;gap:.8rem}.login input{padding:.7rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.1rem;text-align:center}.deck-list{list-style:none;padding:0}.deck-list li.archived{opacity:.55}.deck-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none}.deck-row:hover{border-color:var(--accent)}.deck-row-right{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.color-dots{display:inline-flex;gap:3px;vertical-align:middle}.dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.35);display:inline-block}.deck-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.deck-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.deck-card:hover{transform:translateY(-3px);border-color:var(--accent)}.deck-card.archived{opacity:.55}.deck-banner{position:relative;height:110px;background:var(--surface-2)}.deck-banner img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.deck-banner-empty{width:100%;height:100%;background:linear-gradient(135deg,var(--banner-a),var(--banner-b));opacity:.6}.banner-badge{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none}.deck-card-body{padding:.6rem .8rem .75rem;display:flex;flex-direction:column;gap:.25rem}.deck-card-name{font-size:1rem;color:var(--text)}.deck-card-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.2rem}.layout-toggle{display:inline-flex;gap:.3rem}.tag-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 .75rem}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--accent-soft);color:var(--text);border:1px solid var(--accent);border-radius:999px;padding:.12rem .6rem;font-size:.78rem}.tag-chip.small{font-size:.66rem;padding:.02rem .45rem}.tag-chip.clickable{cursor:pointer}.tag-chip.clickable:hover{background:var(--accent);color:#fff}.tag-x{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:.7rem;opacity:.7}.tag-x:hover{opacity:1}.tag-form{display:flex;gap:.4rem}.tag-form input{flex:1}.card-row .tag-btn{opacity:0;transition:opacity .1s}.card-row:hover .tag-btn,.card-row:focus-within .tag-btn{opacity:1}@media(hover:none){.card-row .tag-btn{opacity:1}}.tag-status-line{margin-top:.9rem;border-top:1px solid var(--border);padding-top:.6rem}.deck-bottom-bar{position:sticky;bottom:0;z-index:20;margin-top:1.5rem;background:linear-gradient(115deg,var(--banner-a),var(--banner-b));color:#fff;border-radius:10px 10px 0 0;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem}.deck-bottom-bar .type-counts{margin-left:auto;display:flex;gap:.8rem;font-variant-numeric:tabular-nums;opacity:.9}.result-meta .layout-toggle{margin-left:auto}.tag-status{font-size:.95rem;font-variant-numeric:tabular-nums;margin:.25rem 0 .75rem}