:root{--bg:#100d18;--panel:#191522;--panel2:#211b2c;--line:#332b40;--text:#f4eff8;--muted:#a49aaf;--pink:#ff527c;--pink2:#c83d75;--purple:#a88aff;--gold:#e8c77b;--green:#77d9b2;--radius:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% -15%,#35203d 0,transparent 35%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;min-height:100vh;background:#100d18d9}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 42px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--pink),#8c4cba);display:grid;place-items:center;font-size:22px;box-shadow:0 8px 28px #ff527c33}.brand strong{display:block;font:700 15px 'Space Grotesk';letter-spacing:2px}.brand span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:3px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#887d94}.side-label{padding:0 12px 12px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#b9afc3;text-align:left;padding:13px 14px;border-radius:12px;font:600 13px 'DM Sans';cursor:pointer}.nav-item span{display:inline-block;width:25px;color:#9e91aa;font-size:16px}.nav-item:hover,.nav-item.active{background:#2a2034;color:white}.nav-item.active{box-shadow:inset 3px 0 var(--pink)}.nav-item.active span{color:var(--pink)}.sidebar-bottom{margin-top:auto}.sync-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#191522;margin-bottom:14px}.sync-heading{font-size:9px;letter-spacing:1.2px;color:var(--muted);display:flex;align-items:center;gap:7px}.pulse{width:7px;height:7px;border-radius:50%;background:#8e8299}.sync-card strong{display:block;font:600 14px 'Space Grotesk';margin:11px 0 3px}.sync-card small,.player-tag small{font-size:10px;color:var(--muted)}.player-tag{display:flex;align-items:center;gap:10px;padding:7px 4px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#30243b;color:#e9a1c0}.player-tag strong{display:block;font-size:11px;margin-top:3px}.main-content{padding:30px clamp(22px,4vw,60px) 22px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line);gap:20px}.topbar h1{font:600 25px 'Space Grotesk';margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.last-sync{font-size:10px;color:var(--muted);margin-right:8px}.button{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:600 11px 'DM Sans';cursor:pointer;color:var(--text);background:#211b2c}.button:hover{filter:brightness(1.15)}.button-primary{border-color:transparent;background:linear-gradient(110deg,#e94c78,#a34d9d);box-shadow:0 6px 22px #e94c7825}.view{display:none;padding-top:30px}.view.active{display:block}.welcome-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0 28px}.pink{color:var(--pink)}h2{font:600 clamp(25px,3vw,36px) 'Space Grotesk';margin:9px 0 8px;letter-spacing:-1px}.welcome-row p,.section-intro p{color:var(--muted);font-size:13px;max-width:620px;margin:0;line-height:1.6}.collection-seal{width:90px;height:90px;border:1px solid #624052;border-radius:50%;display:grid;place-items:center;position:relative;color:#e8a2bc;background:radial-gradient(circle,#48243c55,transparent 65%)}.collection-seal:before{content:'';position:absolute;inset:7px;border:1px dashed #8d4d6b;border-radius:50%}.collection-seal span{font-size:28px;line-height:1}.collection-seal small{position:absolute;bottom:19px;font-size:7px;letter-spacing:1.5px;text-align:center;line-height:1.3;color:#d9a4b9}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card,.panel{background:linear-gradient(145deg,#1d1827,#17131f);border:1px solid var(--line);border-radius:var(--radius)}.stat-card{padding:18px 19px;min-height:132px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.stat-icon{font-size:18px;color:#c18da8}.stat-card>strong{display:block;font:600 31px 'Space Grotesk';margin:12px 0 3px}.stat-card>small{color:var(--muted);font-size:10px}.accent-card{background:linear-gradient(135deg,#372034,#211a2b);border-color:#63344e}.accent-card>strong{color:#ff91ae}.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:15px}.panel{padding:20px;margin-top:15px}.content-grid .panel{margin-top:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-heading h3{font:600 16px 'Space Grotesk';margin:5px 0 0}.panel-mark{color:var(--pink);font-size:20px}.text-button{border:0;background:none;color:#e99ab6;font:600 10px 'DM Sans';cursor:pointer}.rarity-bars{display:grid;gap:12px}.rarity-row{display:grid;grid-template-columns:36px 1fr 42px;align-items:center;gap:10px;font-size:11px}.rarity-label{font-weight:700}.bar-track{height:7px;background:#332b3d;border-radius:20px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#9b75d6,#f15b88)}.rarity-value{text-align:right;color:#d7cdda;font-variant-numeric:tabular-nums}.top-series{display:grid;gap:0}.top-series-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #30283a;font-size:12px}.top-series-row:last-child{border:0}.top-series-row span:last-child{color:#e8a0b9;font-weight:700}.recent-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.mini-card{min-width:0}.mini-art{aspect-ratio:3/4;border-radius:10px;background:linear-gradient(145deg,#3b2a43,#1b1723);border:1px solid #49364e;overflow:hidden;display:grid;place-items:center;color:#a78cb4}.mini-art img{width:100%;height:100%;object-fit:cover}.mini-card strong{display:block;font-size:10px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card small{color:var(--muted);font-size:9px}.notice{display:flex;gap:12px;padding:14px 16px;border:1px solid #584335;background:#30251f66;border-radius:13px;margin-top:16px;color:#eacb9a}.notice>span{font-size:17px}.notice strong{font-size:11px}.notice p{margin:4px 0 0;font-size:10px;line-height:1.5;color:#c5b6a6}.section-intro{display:flex;align-items:end;justify-content:space-between;margin:4px 0 22px}.section-intro h2{margin-bottom:5px}.result-count{font-size:11px;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input,.filters select{background:#1b1624;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--text);font:12px 'DM Sans';outline:none}.filters input{flex:1;min-width:140px}.filters input:focus,.filters select:focus{border-color:#a9587c}.filters select{min-width:145px}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.card-tile{background:#1b1624;border:1px solid var(--line);border-radius:13px;padding:9px;min-width:0}.card-art{aspect-ratio:3/4;border-radius:8px;background:linear-gradient(145deg,#3b2a43,#1b1723);overflow:hidden;display:grid;place-items:center;color:#b29abb}.card-art img{width:100%;height:100%;object-fit:cover}.card-tile h4{font-size:11px;margin:9px 1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile p{font-size:9px;color:var(--muted);margin:0 1px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-pill{font-size:8px;letter-spacing:.8px;font-weight:700;padding:4px 7px;border-radius:5px;background:#38273c;color:#e6a1c3;display:inline-block}.series-list{display:grid;gap:9px}.series-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 42px;gap:15px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#1b1624}.series-row strong{font-size:12px}.series-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.series-countbar{height:5px;background:#332b3d;border-radius:20px;overflow:hidden}.series-countbar span{display:block;height:100%;background:linear-gradient(90deg,#936bd3,#ec648f)}.series-num{text-align:right;color:#e5a0ba;font-size:12px;font-weight:700}.empty-state{color:var(--muted);font-size:11px;line-height:1.6;padding:12px 0}.empty-state.wide{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:13px;text-align:center}.recent-panel{margin-top:15px}footer{padding:28px 0 4px;color:#746a80;font-size:9px;letter-spacing:1.1px;text-align:center}footer span{color:var(--pink);padding:0 5px}@media(max-width:1050px){.app-shell{grid-template-columns:210px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(4,1fr)}.recent-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{min-height:0;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 3px 14px}.sidebar nav{display:flex}.nav-item{flex:1;text-align:center;padding:10px 5px;font-size:11px}.nav-item span{width:auto;margin-right:4px}.side-label,.sidebar-bottom{display:none}.main-content{padding:20px 15px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.last-sync{flex:1}.welcome-row{padding-top:10px}.collection-seal{width:70px;height:70px;flex-shrink:0}.collection-seal small{bottom:13px}.stat-grid{gap:8px}.stat-card{padding:13px;min-height:115px}.stat-card>strong{font-size:26px}.content-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0}.series-row{grid-template-columns:minmax(0,1fr) 65px 32px;gap:8px}.panel{padding:15px}.section-intro{align-items:flex-start;gap:12px}}

#status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8c77b}.copy-count{display:inline-block;margin-left:7px;color:#e8a0ba;font-size:10px}.button:disabled{opacity:.5;cursor:wait}

.scope-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.scope-control select{background:#1b1624;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--text);font:11px 'DM Sans'}@media(max-width:720px){.scope-control{flex:1}.scope-control select{flex:1;min-width:0}}
