.tabs{display:flex;gap:4px;align-items:center;height:100%}.tab{font-family:DM Mono,monospace;font-size:13px;padding:8px 16px;border:none;background:none;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;letter-spacing:.5px}.tab:hover{color:var(--text)}.tab.active{color:var(--yellow);border-bottom-color:var(--yellow)}.beta-tag{font-size:9px;color:var(--muted);margin-left:3px;vertical-align:super;letter-spacing:.3px}@media(max-width:720px){.tabs{display:none}}.app-header{z-index:10;border-bottom:1px solid var(--border);background:#0d0d0feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 32px;display:flex;align-items:center;gap:32px;height:64px;position:sticky;top:0}.logo{font-family:Bangers,cursive;font-size:28px;letter-spacing:2px;color:var(--yellow);text-shadow:2px 2px 0 rgba(249,225,0,.2);text-decoration:none;cursor:pointer;flex-shrink:0}.logo span{color:var(--text)}.header-account{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.settings-icon-btn{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:none;color:var(--muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cart-count-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--yellow);color:#0d0d0f;font-family:DM Mono,monospace;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.settings-icon-btn:hover{border-color:var(--muted);color:var(--text)}.settings-icon-btn.active{border-color:var(--yellow);color:var(--yellow)}.header-email{font-family:DM Mono,monospace;font-size:12px;color:var(--muted);white-space:nowrap}.header-signout-btn{cursor:pointer;background:#e6394626;border:1px solid var(--red);color:var(--red);font-size:12px;padding:6px 14px;border-radius:20px;font-family:DM Sans,sans-serif;white-space:nowrap}.header-signout-btn:hover{background:#e6394640}@media(max-width:960px){.app-header{padding:0 16px;gap:16px}.header-email{display:none}}.welcome-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;animation:fadeIn .2s ease}.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:460px;position:relative;overflow:hidden;animation:modalIn .25s ease;text-align:center}.welcome-topbar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--yellow),var(--red),var(--blue))}.welcome-logo{font-family:Bangers,cursive;font-size:32px;letter-spacing:1px;color:var(--yellow);text-shadow:2px 2px 0 rgba(249,225,0,.2)}.welcome-logo span{color:var(--text)}.welcome-title{font-family:Bangers,cursive;font-size:24px;letter-spacing:1px;color:var(--text);margin:10px 0 2px}.welcome-sub{font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:26px}.welcome-features{list-style:none;text-align:left;display:flex;flex-direction:column;gap:16px;margin-bottom:30px;padding:0}.welcome-features li{font-size:13.5px;line-height:1.5;color:var(--text);padding-left:16px;position:relative}.welcome-features li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--yellow)}.welcome-features strong{color:var(--yellow)}.welcome-coming-soon{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:4px;background:#ff9f1c29;color:#ff9f1c;margin-left:6px}.welcome-cta{width:100%;padding:12px 0;font-size:14px}@media(max-width:520px){.welcome-card{padding:28px 20px}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:8px;padding:14px 18px;font-size:13px;max-width:320px;animation:toastIn .3s ease;box-shadow:0 8px 32px #0006}.toast.error{border-left-color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sparkline{display:flex;align-items:center;gap:.4rem;height:28px}.sparkline-svg{flex:1;width:100%;height:100%;display:block}.sparkline-pct{font-size:.7rem;font-weight:700;white-space:nowrap}.sparkline-empty{align-items:center;justify-content:center;color:var(--muted);font-size:.7rem;opacity:.6}.sparkline-compact{height:18px}.wl-page{padding:0}.wl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wl-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.wl-count{background:var(--border);color:var(--muted);font-size:13px;font-weight:600;padding:2px 8px;border-radius:10px}.wl-toggles{display:flex;gap:4px}.wl-toggle-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1;transition:background .15s,color .15s}.wl-toggle-btn:hover{background:var(--border)}.wl-toggle-btn.active{background:var(--border);color:var(--text)}.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.wl-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.wl-card-img-wrap{aspect-ratio:63 / 88;background:var(--bg, #111);display:flex;align-items:center;justify-content:center;overflow:hidden}.wl-card-img{width:100%;height:100%;object-fit:contain}.wl-card-img-placeholder{color:var(--muted);font-size:13px}.wl-card-info{padding:10px 12px 6px}.wl-card-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.wl-card-tags{display:flex;flex-wrap:wrap;gap:4px}.wl-tag{background:var(--border);color:var(--muted);font-size:11px;padding:2px 6px;border-radius:4px}.wl-tag-edition{background:#f9e10024;color:#f9e100;font-weight:600}.wl-chart{margin:6px 12px;padding:6px 8px}.wl-remove-btn{background:none;border:none;border-top:1px solid var(--border);color:var(--muted);padding:8px;cursor:pointer;font-size:18px;line-height:1;transition:color .15s,background .15s}.wl-remove-btn:hover{color:var(--red);background:#ff505014}.wl-list{display:flex;flex-direction:column;gap:2px}.wl-list-row{display:grid;grid-template-columns:48px 1fr 100px 80px 60px 36px;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.wl-list-thumb-wrap{width:40px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:var(--bg, #111);flex-shrink:0}.wl-list-thumb{width:100%;height:100%;object-fit:contain}.wl-list-thumb-placeholder{color:var(--muted);font-size:14px}.wl-list-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-list-set,.wl-list-cond{color:var(--muted);font-size:13px}.wl-list-chart{display:flex;align-items:center}.wl-list-row .wl-remove-btn{border:none;border-top:none;padding:4px;border-radius:4px}.wl-empty{text-align:center;padding:60px 20px;color:var(--muted)}.wl-empty-icon{font-size:48px;margin-bottom:12px}.wl-empty p{font-size:15px;max-width:300px;margin:0 auto;line-height:1.5}@media(max-width:600px){.wl-list-row{grid-template-columns:48px 1fr 60px 36px}.wl-list-set,.wl-list-chart{display:none}}.listings-page{padding:0}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.listings-header-actions{display:flex;align-items:center;gap:1rem}.last-scan{font-size:.85rem;color:var(--text-muted)}.listings-grid{display:flex;flex-direction:column;gap:.75rem}.listing-card{position:relative}.listing-time{font-size:.8rem;color:var(--text-muted)}.tag-auction{background:var(--warning);color:#fff}.tag-buynow{background:var(--success);color:#fff}.tag-card{background:var(--bg-tertiary);color:var(--text-secondary)}.catalogue-page{padding-bottom:2rem}.cat-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.cat-controls{display:flex;align-items:center;gap:.75rem}.cat-lang-tabs{display:flex;gap:2px}.cat-lang-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:.8rem;font-weight:600;border-radius:6px;transition:all .15s}.cat-lang-btn.active{background:#f9e10014;color:var(--yellow);border-color:var(--yellow)}.cat-lang-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:4px;background:#ff9f1c29;color:#ff9f1c}.cat-lang-btn.active .cat-lang-badge{background:#ffffff38;color:#fff}.cat-set-search{margin-left:auto}.cat-era-section{margin-bottom:1.5rem}.cat-era-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.cat-era-title{font-weight:700;font-size:1rem;white-space:nowrap}.cat-era-line{flex:1;height:1px;opacity:.3}.cat-era-count{font-size:.75rem;opacity:.5;white-space:nowrap}.cat-sets-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.cat-set-card{border:1px solid var(--border);border-radius:10px;padding:.75rem;cursor:pointer;transition:transform .15s,box-shadow .15s;background:var(--card-bg, #fff)}.cat-set-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.cat-set-img-wrap{height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.cat-set-logo{max-height:56px;max-width:100%;object-fit:contain}.cat-set-logo-placeholder{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--muted)}.cat-set-info{text-align:center}.cat-set-name{font-weight:600;font-size:.82rem;margin-bottom:.2rem;display:flex;align-items:center;justify-content:center;gap:.35rem}.cat-set-meta{display:flex;justify-content:center;gap:.5rem;font-size:.72rem;opacity:.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.tcg-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s;background:var(--card-bg, #fff)}.tcg-card:hover{transform:translateY(-2px)}.tcg-card.on-watchlist{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tcg-card-img-wrap{aspect-ratio:63/88;overflow:hidden;background:#f0f0f0}.tcg-card-img{width:100%;height:100%;object-fit:cover}.tcg-card-info{padding:.4rem .5rem .2rem}.tcg-card-name{font-weight:600;font-size:.75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcg-card-sub{font-size:.68rem;opacity:.6;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.btn-add-watch{margin:.3rem .5rem .5rem;padding:.3rem;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-add-watch:hover:not(:disabled){background:var(--accent);color:#fff}.btn-add-watch:disabled{opacity:.5;cursor:default}.jp-badge{background:#e63946;color:#fff;font-size:.6rem;padding:1px 5px;border-radius:4px;font-weight:700}.cat-edition-badge{background:var(--accent);color:#fff;font-size:.6rem;padding:1px 5px;border-radius:4px;font-weight:700;margin-left:6px;vertical-align:middle}.tcg-card-actions{display:flex;gap:4px;margin:.3rem .5rem .5rem}.tcg-card-actions .btn-add-watch,.tcg-card-actions .btn-add-portfolio{margin:0;flex:1}.btn-add-portfolio{padding:.3rem;border:1px solid var(--green, #22c55e);background:transparent;color:var(--green, #22c55e);border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-add-portfolio:hover:not(:disabled){background:var(--green, #22c55e);color:#fff}.btn-add-portfolio:disabled{opacity:.5;cursor:default}.price-chart-wrap{width:100%;margin:8px 0}.chart-tooltip{background:var(--surface2, #1e1e24);border:1px solid var(--border, #2a2a35);border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:0 4px 16px #0006}.chart-tooltip-date{margin:0 0 4px;font-weight:600;color:var(--text, #e8e8f0)}.port-detail-modal{max-width:1000px}.port-detail-body{display:grid;grid-template-columns:1fr 2fr;gap:28px}.port-detail-image-col{display:flex;flex-direction:column;gap:16px}.port-detail-image{width:100%;border-radius:12px;box-shadow:0 12px 40px #00000080}.port-detail-image-placeholder{width:100%;aspect-ratio:63/88;border-radius:12px;background:var(--surface2, #1e1e24);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--muted)}.port-detail-stats{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface2, #1e1e24)}.port-detail-stat{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.port-detail-stat-lbl{color:var(--muted)}.port-detail-stat-val{font-weight:700}.port-detail-stat-val.up{color:#57cc99}.port-detail-stat-val.down{color:#f87171}.port-detail-chart-col{display:flex;flex-direction:column;min-width:0}.port-detail-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.port-detail-ranges{display:flex;gap:6px}.port-detail-series-toggles{display:flex;gap:6px;flex-wrap:wrap}.port-series-pill{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:all .15s}.port-series-pill:hover{color:var(--text)}.port-series-pill.active{background:#ffffff0a}.port-series-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.port-detail-recent{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.port-detail-recent-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.port-detail-recent-note{text-transform:none;letter-spacing:normal;opacity:.6}.port-detail-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.port-detail-recent-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}.port-detail-recent-row:last-child{border-bottom:none}.port-detail-recent-date{color:var(--muted)}.port-detail-recent-price{font-weight:700}.port-detail-recent-empty{font-size:.82rem;color:var(--muted);margin:0}@media(max-width:720px){.port-detail-body{grid-template-columns:1fr}}.portfolio-page{padding-bottom:2rem}.portfolio-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem}.port-stat-card{border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.25rem;background:var(--surface, #16161a)}.port-stat-card.pstat-up{border-color:#57cc99}.port-stat-card.pstat-down{border-color:#f87171}.port-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.port-stat-value{font-size:1.3rem;font-weight:700}.port-stat-sub{font-size:.78rem;font-weight:600}.pstat-up .port-stat-value,.pstat-up .port-stat-sub{color:#57cc99}.pstat-down .port-stat-value,.pstat-down .port-stat-sub{color:#f87171}.port-chart-wrap{border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1.25rem;background:var(--surface, #16161a)}.port-chart-label{font-size:.78rem;font-weight:600;opacity:.6;display:block;margin-bottom:.5rem}.port-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.port-section-hdr h3{margin:0;font-size:1rem}.add-modal-sm{width:320px}.confirm-body{font-size:.85rem;opacity:.8;line-height:1.4;margin:.5rem 0 0}.port-sort-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.78rem}.port-sort-bar label{opacity:.6}.port-sort-bar select{width:auto;background:var(--surface2, #1e1e24);color:var(--text, #e8e8f0);border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;font-size:.78rem}.port-sort-dir-btn{border:1px solid var(--border);border-radius:6px;background:var(--surface2, #1e1e24);color:var(--text, #e8e8f0);padding:.3rem .6rem;font-size:.78rem;cursor:pointer}.port-sort-dir-btn:hover{border-color:var(--muted, #6b6b80)}.port-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}@media(max-width:900px){.port-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.port-cards-grid{grid-template-columns:repeat(2,1fr)}}.port-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--surface2, #1e1e24);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.port-card:hover{transform:translateY(-3px);border-color:#3a3a48;box-shadow:0 8px 24px #00000080}.port-card-image-wrap{width:100%;aspect-ratio:2.5 / 3.5;background:#0a0a0e;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.port-card-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.port-card-image-wrap:hover .port-card-image{transform:scale(1.04)}.port-card-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;opacity:.2}.port-card-info{padding:.6rem .65rem 0}.port-card-set{display:block;font-size:.7rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.3rem}.port-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.port-card-menu-wrap{position:absolute;top:.4rem;right:.4rem;z-index:5}.port-card-menu-btn{border:1px solid transparent;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:1.1rem;line-height:1;padding:.15rem .4rem;border-radius:6px;cursor:pointer}.port-card-menu-btn:hover{background:#000000bf}.port-card-menu{position:absolute;top:100%;right:0;z-index:20;min-width:130px;margin-top:.25rem;background:var(--surface2, #1e1e24);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000059;overflow:hidden}.port-card-menu button{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:.8rem;background:none;border:none;cursor:pointer;color:var(--text, #e8e8f0)}.port-card-menu button:hover{background:var(--border)}.port-card-menu button.port-card-menu-danger{color:#f87171;border-top:1px solid var(--border)}.port-card-name{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-card-meta{margin-top:.2rem}.port-card-trend{padding:.3rem .65rem 0}.port-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem .65rem}.port-cell{display:flex;flex-direction:column;gap:.1rem;min-width:0}.port-cell-lbl{font-size:.65rem;text-transform:uppercase;opacity:.5}.port-cell-val{font-weight:700;font-size:.85rem}.port-cell-val.up{color:#57cc99}.port-cell-val.down{color:#f87171}.port-cell-val.muted{opacity:.45;font-weight:600}.port-stat-warn{color:#ff9f1c;opacity:.9}.port-loading-note{font-size:.72rem;font-weight:400;opacity:.55}.port-section-hdr>div:last-child{display:flex;gap:.5rem}.import-table-wrap{overflow-x:auto;margin-bottom:1rem}.import-table{width:100%;border-collapse:collapse;font-size:.82rem}.import-table th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;opacity:.55;padding:.4rem .5rem;border-bottom:1px solid var(--border);white-space:nowrap}.import-table td{padding:.5rem;border-bottom:1px solid var(--border);vertical-align:top}.import-row-skipped{opacity:.4}.import-line-num{opacity:.5;font-variant-numeric:tabular-nums}.import-csv-entry{font-weight:600}.import-csv-sub{font-size:.72rem;opacity:.6}.import-match-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:5px;margin-bottom:.3rem}.import-match-badge.matched{background:#57cc991f;color:#57cc99}.import-match-badge.ambiguous{background:#ff9f1c1f;color:#ff9f1c}.import-match-badge.unmatched{background:#f871711f;color:#f87171}.import-table select{display:block;max-width:320px;font-size:.78rem}.port-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.3rem;padding:0 .65rem .65rem;margin-top:-.15rem}.port-card-footer .port-cell-val{font-size:.8rem}.pnl-badge{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:6px}.pnl-badge.up{background:#57cc991f;color:#57cc99}.pnl-badge.down{background:#f871711f;color:#f87171}.pnl-badge.flat{background:#94a3b81f;color:#94a3b8}.tag-edition{background:#f9e10024!important;color:#f9e100}.tag-graded{background:#4cc9f024!important;color:#4cc9f0}.tag-grade10{background:linear-gradient(135deg,#ffe600,#f9a800)!important;color:#1a1400;font-weight:800;border:1px solid #ffe600;box-shadow:0 0 10px #f9e1008c,0 1px 3px #0006;text-shadow:0 1px 0 rgba(255,255,255,.25)}.tag{background:var(--border);padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:600}.add-mode-tabs{display:flex;gap:4px;margin-bottom:.75rem}.add-mode-btn{flex:1;padding:.4rem;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.add-mode-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.08)}.port-name-search-wrap{position:relative}.port-catalogue-search-btn{display:block;width:100%;margin:.5rem 0 1rem;text-align:center;font-size:.78rem}.port-search-results{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:.25rem;max-height:260px;overflow-y:auto;background:var(--surface2, #1e1e24);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000059}.port-search-hint{padding:.65rem .75rem;font-size:.78rem;color:var(--muted)}.port-search-result{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid var(--border)}.port-search-result:last-child{border-bottom:none}.port-search-result:hover{background:#ffffff0a}.port-search-result-img{width:30px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--surface, #16161a)}.port-search-result-img-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.7rem;border:1px solid var(--border)}.port-search-result-info{min-width:0;flex:1}.port-search-result-name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-search-result-meta{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-selected-card{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--surface2, #1e1e24);border:1px solid var(--border);border-radius:8px}.port-selected-card-clear{margin-left:auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.port-selected-card-clear:hover{border-color:var(--red);color:var(--red)}.alerts-page{display:flex;flex-direction:column;gap:2rem}.alert-config-panel,.alerts-section{display:flex;flex-direction:column;gap:1rem}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-card{display:flex;align-items:center;gap:1rem}.alert-dot.watching{background:var(--warning)}.alert-dot.sent{background:var(--danger)}.alert-actions{flex-shrink:0}.alert-status-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.settings-page{padding:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-panel h3{margin:0 0 1rem}.connected-badge{font-size:.8rem;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.05em}.store-page{padding:0}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.store-title{font-family:Bangers,cursive;font-size:28px;letter-spacing:1px}.store-filter-tabs{display:flex;gap:6px}.store-filter-btn{font-family:DM Mono,monospace;font-size:12px;padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:all .15s}.store-filter-btn:hover{color:var(--text);border-color:var(--muted)}.store-filter-btn.active{color:#0d0d0f;background:var(--yellow);border-color:var(--yellow);font-weight:600}.store-card{cursor:pointer}.store-img-wrap{aspect-ratio:1/1}.store-price{font-family:DM Mono,monospace;font-size:15px;font-weight:600;color:var(--yellow);margin-bottom:8px}.product-detail-page{max-width:900px;margin:0 auto}.product-back-btn{margin-bottom:20px}.product-detail-grid{display:grid;grid-template-columns:320px 1fr;gap:32px}.product-detail-img-wrap{aspect-ratio:1/1;border-radius:14px;border:1px solid var(--border)}.product-detail-name{font-size:24px;font-weight:600;margin:8px 0 4px}.product-detail-price{font-family:DM Mono,monospace;font-size:22px;font-weight:600;color:var(--yellow);margin-bottom:16px}.product-detail-desc{color:var(--muted);line-height:1.6;margin-bottom:16px}.product-detail-stock{font-family:DM Mono,monospace;font-size:12px;color:var(--muted);margin-bottom:20px}.product-detail-actions{display:flex;gap:12px;align-items:center}.product-qty-input{width:70px;text-align:center}@media(max-width:720px){.product-detail-grid{grid-template-columns:1fr}}.cart-page{max-width:800px;margin:0 auto}.cart-title{font-family:Bangers,cursive;font-size:28px;letter-spacing:1px;margin-bottom:20px}.cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.cart-item{display:flex;align-items:center;gap:16px;padding:14px 18px}.cart-item-img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--surface2);flex-shrink:0}.cart-item-img-placeholder{display:flex;align-items:center;justify-content:center;font-size:22px;opacity:.3}.cart-item-info{flex:1;min-width:0}.cart-item-price{font-family:DM Mono,monospace;font-size:12px;color:var(--muted)}.cart-item-total{font-family:DM Mono,monospace;font-weight:600;color:var(--yellow);width:80px;text-align:right}.cart-summary{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:right}.cart-subtotal{font-size:18px;margin-bottom:4px}.cart-summary .form-hint{padding:0 0 16px}.checkout-result-page{max-width:480px;margin:80px auto;text-align:center}.checkout-result-icon{font-size:48px;margin-bottom:16px}.checkout-result-page h2{font-family:Bangers,cursive;font-size:28px;letter-spacing:1px;margin-bottom:12px}.checkout-result-page p{color:var(--muted);line-height:1.6;margin-bottom:24px}.admin-page{max-width:1100px;margin:0 auto}.admin-title{font-family:Bangers,cursive;font-size:28px;letter-spacing:1px;margin-bottom:16px}.admin-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin:20px 0 24px;display:flex;flex-direction:column;gap:12px}.admin-form-row{grid-template-columns:100px 1fr 110px 90px 120px}.admin-form-wide{flex:1}.admin-form-row:last-child{display:flex;align-items:end;gap:12px}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-row{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-order-items{margin-top:8px;padding-left:18px;font-size:12px;color:var(--muted)}.orders-page{display:flex;flex-direction:column;gap:1rem;max-width:680px}.orders-loading{padding:40px 20px;text-align:center;color:var(--muted)}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.order-date{font-size:15px;font-weight:600}.order-ref{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px}.order-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;border:1px solid var(--border);color:var(--muted)}.order-status.status-paid{color:var(--green);border-color:var(--green)}.order-status.status-fulfilled{color:var(--blue);border-color:var(--blue)}.order-status.status-cancelled{color:var(--red);border-color:var(--red)}.order-items{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.order-items li{display:flex;align-items:baseline;gap:10px;font-size:14px}.item-qty{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.item-name{flex:1;min-width:0}.item-price{font-variant-numeric:tabular-nums;flex-shrink:0}.order-totals{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.order-totals>div{display:flex;justify-content:space-between;gap:12px}.order-totals span:last-child{font-variant-numeric:tabular-nums}.order-totals .order-total{color:var(--text);font-size:15px;font-weight:600;margin-top:4px}.order-shipping{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.5}.shipping-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);opacity:.7;margin-bottom:2px}@media(max-width:600px){.order-card{padding:14px 16px}}:root{--bg: #0d0d0f;--surface: #16161a;--surface2: #1e1e24;--border: #2a2a35;--yellow: #f9e100;--red: #e63946;--blue: #4cc9f0;--green: #57cc99;--orange: #ff9f1c;--text: #e8e8f0;--muted: #6b6b80;--card-w: 400px;--c-nm: #57cc99;--c-lp: #ff9f1c;--c-mp: #a78bfa;--c-hp: #f87171;--c-dmg: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(249,225,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,225,0,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}main{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:32px 32px 80px}.add-card-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:32px;position:relative;overflow:hidden}.add-card-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--yellow),var(--red),var(--blue))}.section-title{font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:12px;align-items:end}.form-group label{display:block;font-size:11px;color:var(--muted);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}input,select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #f9e10014}input::placeholder{color:var(--muted)}select option{background:var(--surface2)}.form-hint{font-size:12px;color:var(--muted);padding:8px 0}.btn{padding:10px 20px;border-radius:8px;border:none;font-family:DM Mono,monospace;font-size:13px;cursor:pointer;transition:all .2s;letter-spacing:.5px;white-space:nowrap}.btn-primary{background:var(--yellow);color:#0d0d0f;font-weight:600}.btn-primary:hover{background:#ffe600;transform:translateY(-1px);box-shadow:0 4px 16px #f9e1004d}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--muted)}.btn-danger{background:#e6394626;color:var(--red);border:1px solid rgba(230,57,70,.3);padding:6px 12px;font-size:12px}.btn-danger:hover{background:#e6394640}.btn-sm{font-family:DM Mono,monospace;font-size:11px;padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text);cursor:pointer;transition:all .15s}.btn-sm:hover{border-color:var(--muted);background:#ffffff08}.watchlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:24px}.watch-card,.card-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;animation:slideIn .35s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.watch-card:hover,.card-row:hover{transform:translateY(-3px);border-color:#3a3a48;box-shadow:0 12px 40px #0006}.card-header{padding:16px 20px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-info{flex:1;min-width:0}.card-actions{display:flex;gap:6px;flex-shrink:0}.card-name{font-size:17px;font-weight:600;margin-bottom:6px;line-height:1.3}.card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag{font-family:DM Mono,monospace;font-size:10px;padding:2px 8px;border-radius:4px;border:1px solid var(--border);color:var(--muted)}.tag.grade{border-color:#f9e10066;color:var(--yellow)}.tag.new-badge{background:var(--green);color:#0d0d0f;border-color:var(--green);font-weight:700}.grade-toggles{display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid var(--border);background:#0003;flex-wrap:wrap;align-items:center}.grade-toggle-label{font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-right:4px}.grade-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;cursor:pointer;transition:all .15s;position:relative;-webkit-user-select:none;user-select:none}.grade-btn .grade-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0;opacity:.4;transition:opacity .15s}.grade-btn.active{color:var(--text)}.grade-btn.active .grade-swatch{opacity:1}.grade-btn.active[data-grade=nm]{border-color:#57cc9980;background:#57cc9914;color:#57cc99}.grade-btn.active[data-grade=lp]{border-color:#ff9f1c80;background:#ff9f1c14;color:#ff9f1c}.grade-btn.active[data-grade=mp]{border-color:#a78bfa80;background:#a78bfa14;color:#a78bfa}.grade-btn.active[data-grade=hp]{border-color:#f8717180;background:#f8717114;color:#f87171}.grade-btn.active[data-grade=dmg]{border-color:#94a3b880;background:#94a3b814;color:#94a3b8}.grade-btn:hover{border-color:var(--muted);color:var(--text)}.grade-stats-grid{border-bottom:1px solid var(--border)}.grade-stats-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr;border-bottom:1px solid var(--border);transition:opacity .2s}.grade-stats-row:last-child{border-bottom:none}.grade-stats-row.hidden{display:none}.grade-label-cell{display:flex;align-items:center;gap:7px;padding:10px 14px;border-right:1px solid var(--border)}.grade-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.grade-label-text{font-family:DM Mono,monospace;font-size:11px;font-weight:500}.grade-stats-header{display:grid;grid-template-columns:80px 1fr 1fr 1fr;padding:6px 0;background:#00000026}.grade-stats-header div{text-align:center;font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:0 12px}.grade-stats-header div:first-child{text-align:left}.grade-stats-row>div{padding:10px 12px;border-right:1px solid var(--border);text-align:center;font-family:DM Mono,monospace;font-size:13px}.grade-stats-row>div:last-child{border-right:none}.chart-area{padding:0}.chart-range-btns{margin-left:auto;display:flex;gap:4px}.range-btn{font-family:DM Mono,monospace;font-size:10px;padding:3px 8px;border-radius:4px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:all .15s}.range-btn:hover{color:var(--text);border-color:var(--muted)}.range-btn.active{color:var(--blue);border-color:var(--blue);background:#4cc9f014}.source-badge{padding:6px 20px 10px;font-family:DM Mono,monospace;font-size:10px}.x-labels{display:flex;justify-content:space-between;padding:2px 14px 10px;font-family:DM Mono,monospace;font-size:9px;color:var(--muted)}.price-chart-wrap{padding:10px 14px 6px;position:relative}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.listings-title{font-family:Bangers,cursive;font-size:24px;letter-spacing:1px}.listing-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:10px;transition:border-color .2s;animation:slideIn .3s ease}.listing-card:hover{border-color:var(--muted)}.listing-card.listing-new{border-left:3px solid var(--green)}.listing-title{font-weight:500;font-size:14px;margin-bottom:4px}.listing-title a{color:var(--text);text-decoration:none}.listing-title a:hover{color:var(--yellow)}.listing-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.listing-price{font-family:DM Mono,monospace;font-size:18px;font-weight:500;color:var(--green)}.scan-indicator{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:12px;color:var(--blue);padding:6px 12px;background:#4cc9f014;border:1px solid rgba(76,201,240,.2);border-radius:6px}.scan-spinner{width:10px;height:10px;border:2px solid rgba(76,201,240,.3);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.settings-panel h3{font-family:DM Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px}.setting-desc{font-size:12px;color:var(--muted);margin-top:2px}.toggle{width:40px;height:22px;background:var(--surface2);border:1px solid var(--border);border-radius:11px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:var(--muted);border-radius:50%;top:2px;left:2px;transition:all .2s}.toggle.on{background:#57cc9933;border-color:var(--green)}.toggle.on:after{background:var(--green);transform:translate(18px)}.api-banner{background:#e639461a;border:1px solid rgba(230,57,70,.3);border-radius:10px;padding:14px 18px;margin-bottom:28px;display:flex;align-items:center;gap:12px;font-size:14px}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state h3{font-family:Bangers,cursive;font-size:28px;letter-spacing:1px;color:var(--text);margin-bottom:8px}.cat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;flex-wrap:wrap}.cat-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.cat-search-wrap{position:relative;display:flex;align-items:center}.cat-search-icon{position:absolute;left:12px;color:var(--muted);font-size:18px;pointer-events:none;line-height:1}.cat-search-wrap input{width:280px;padding-left:36px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;padding-top:10px;padding-bottom:10px;outline:none}.cat-search-wrap input:focus{border-color:var(--yellow)}.era-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:28px}.era-btn{font-family:DM Mono,monospace;font-size:10px;padding:4px 10px;border-radius:4px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:all .15s;letter-spacing:.5px}.era-btn:hover{color:var(--text);border-color:var(--muted)}.era-btn.active{color:var(--yellow);border-color:var(--yellow);background:#f9e1000f}.cat-era-section{margin-bottom:44px}.cat-era-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.cat-era-title{font-family:Bangers,cursive;font-size:22px;letter-spacing:1px;color:var(--text)}.cat-era-line{flex:1;height:1px;background:var(--border)}.cat-era-count{font-family:DM Mono,monospace;font-size:11px;color:var(--muted)}.cat-sets-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}.cat-set-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;animation:slideIn .3s ease both}.cat-set-card:hover{transform:translateY(-4px);border-color:#3a3a48;box-shadow:0 10px 32px #00000080}.cat-set-img-wrap{width:100%;aspect-ratio:4/3;background:var(--surface2);display:flex;align-items:center;justify-content:center;overflow:hidden}.cat-set-logo{width:82%;height:82%;object-fit:contain;transition:transform .25s}.cat-set-card:hover .cat-set-logo{transform:scale(1.06)}.cat-set-logo-placeholder{font-size:36px;opacity:.3}.cat-set-info{padding:12px 14px}.cat-set-name{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3}.cat-set-meta{display:flex;justify-content:space-between;align-items:center}.cat-set-date{font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}.cat-set-count{font-family:DM Mono,monospace;font-size:10px;color:var(--blue)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:96px 16px 48px;overflow-y:auto;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:1100px;overflow:hidden;animation:modalIn .25s ease;position:relative;flex-shrink:0}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sticky-top{position:sticky;top:0;z-index:10;background:var(--surface)}.modal-header{padding:22px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px}.modal-set-logo{width:80px;height:52px;object-fit:contain;flex-shrink:0}.modal-set-name{font-family:Bangers,cursive;font-size:26px;letter-spacing:1px}.modal-set-sub{font-family:DM Mono,monospace;font-size:12px;color:var(--muted);margin-top:3px}.modal-close{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid #fff;background:none;color:var(--muted);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.modal-close:hover{border-color:var(--red);color:var(--red)}.modal-toolbar{padding:12px 28px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#00000026}.modal-search-wrap{position:relative}.modal-search-wrap input{width:220px;padding:7px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-family:DM Sans,sans-serif;outline:none}.modal-search-wrap input:focus{border-color:var(--yellow)}.modal-filter-btn{font-family:DM Mono,monospace;font-size:11px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:all .15s}.modal-filter-btn:hover{color:var(--text);border-color:var(--muted)}.modal-filter-btn.active{color:var(--yellow);border-color:var(--yellow);background:#f9e1000f}.modal-body{padding:24px 28px 32px}.modal-loading{display:flex;align-items:center;gap:14px;padding:60px 0;justify-content:center;color:var(--muted);font-family:DM Mono,monospace;font-size:13px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.tcg-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.tcg-card:hover{transform:translateY(-3px);border-color:#3a3a48;box-shadow:0 8px 24px #00000080}.tcg-card.on-watchlist{border-color:#57cc9980}.tcg-card.on-watchlist .btn-add-watch{border-color:var(--green);color:var(--green);background:#57cc9914}.tcg-card-img-wrap{width:100%;aspect-ratio:2.5/3.5;background:#0a0a0e;display:flex;align-items:center;justify-content:center;overflow:hidden}.tcg-card-img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.tcg-card:hover .tcg-card-img{transform:scale(1.04)}.tcg-card-img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px;opacity:.2}.tcg-card-info{padding:9px 10px 10px}.tcg-card-name{font-size:12px;font-weight:600;margin-bottom:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcg-card-sub{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);margin-bottom:7px}.rarity-badge{display:inline-block;font-family:DM Mono,monospace;font-size:9px;padding:1px 6px;border-radius:3px;border:1px solid var(--border);color:var(--muted);margin-bottom:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity-badge.holo{border-color:#f9e10066;color:var(--yellow)}.rarity-badge.ultra{border-color:#e6394666;color:var(--red)}.rarity-badge.secret{border-color:#a78bfa66;color:#a78bfa}.rarity-badge.special{border-color:#4cc9f066;color:var(--blue)}.btn-add-watch{width:100%;padding:6px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--muted);font-family:DM Mono,monospace;font-size:10px;cursor:pointer;transition:all .15s;letter-spacing:.5px}.btn-add-watch:hover{border-color:var(--yellow);color:var(--yellow);background:#f9e1000f}.add-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.add-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 28px 24px;width:380px;animation:modalIn .2s ease;position:relative}.add-modal h3{font-size:16px;font-weight:600;margin-bottom:4px}.add-modal-set{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);margin-bottom:20px}.add-modal .form-group{margin-bottom:14px}.add-modal .form-group label{display:block;font-size:11px;color:var(--muted);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.add-modal input,.add-modal select{width:100%}.add-modal-actions{display:flex;gap:10px;margin-top:20px}.add-modal-actions .btn{flex:1}.alert-config-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:28px}.alert-config-panel h3{font-size:14px;font-weight:600;margin-bottom:16px}.alert-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--yellow);border-radius:10px;padding:16px 18px;margin-bottom:10px;display:flex;align-items:center;gap:14px;animation:slideIn .3s ease}.alert-card.fired{border-left-color:var(--red)}.alert-card.sent{border-left-color:var(--green)}.alert-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.alert-dot.watching{background:var(--yellow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.alert-dot.fired{background:var(--red)}.alert-dot.sent{background:var(--green)}.alert-info{flex:1;min-width:0}.alert-name{font-size:14px;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-desc{font-family:DM Mono,monospace;font-size:11px;color:var(--muted)}.alert-threshold{font-family:DM Mono,monospace;font-size:18px;color:var(--yellow);margin-left:auto;white-space:nowrap;padding-left:12px}.alert-threshold.fired{color:var(--green)}.btn-view{padding:6px 14px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:DM Mono,monospace;font-size:12px;cursor:pointer;text-decoration:none;transition:all .2s}.btn-view:hover{border-color:var(--yellow);color:var(--yellow)}.jp-badge{display:inline-block;font-family:DM Mono,monospace;font-size:8px;padding:1px 5px;border-radius:3px;background:#f9e1001f;border:1px solid rgba(249,225,0,.25);color:var(--yellow);vertical-align:middle;margin-left:5px;letter-spacing:1px}.cat-lang-tabs{display:flex;gap:8px;margin-bottom:20px}.cat-lang-btn{font-family:DM Mono,monospace;font-size:11px;padding:7px 18px;border-radius:7px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:all .15s;letter-spacing:.5px}.cat-lang-btn:hover{color:var(--text);border-color:var(--muted)}.cat-lang-btn.active{color:var(--yellow);border-color:var(--yellow);background:#f9e1000f}@media(max-width:960px){.form-row{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}main{padding:20px 16px 60px}.grade-stats-header,.grade-stats-row{grid-template-columns:64px 1fr 1fr 1fr}.cat-sets-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal-header{padding:16px 18px 14px}.modal-body{padding:16px 18px 24px}.modal-toolbar{padding:10px 18px}}