:root,:root[data-theme=dark]{--bg:#0d0f11;--bg-elev:#16191d;--bg-card:#181c21;--border:#262b31;--border-hi:#3a444c;--text:#e9edf0;--text-dim:#98a2ab;--text-mute:#69727b;--accent:#14b8a6;--accent-ink:#04120f;--green:#34d399;--amber:#fbbf24;--red:#f87171;--shadow:0 1px 2px rgba(0,0,0,.4)}:root[data-theme=light]{--bg:#f5f6f6;--bg-elev:#fff;--bg-card:#fff;--border:#e4e7ea;--border-hi:#c4ccd2;--text:#16191c;--text-dim:#566069;--text-mute:#8a929a;--accent:#0d9488;--accent-ink:#fff;--green:#059669;--amber:#b45309;--red:#dc2626;--shadow:0 1px 2px rgba(16,24,32,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1100px 560px at 84% -14%,color-mix(in srgb,var(--accent) 13%,var(--bg)) 0,var(--bg) 56%);background-attachment:fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}svg{display:inline-block;vertical-align:middle;flex-shrink:0}.wrap{max-width:1180px;margin:0 auto;padding:24px 20px 70px}.topbar{gap:8px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-size:20px;font-weight:800;letter-spacing:-.02em}.brand svg{color:var(--accent)}.nav{display:flex;gap:4px;margin-left:22px}.navlink{padding:8px 14px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text-dim)}.navlink:hover{color:var(--text);background:var(--bg-elev)}.navlink.on{color:var(--text);background:var(--bg-card);border:1px solid var(--border-hi)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--green)}.live .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 50%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.themebtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color .15s,border-color .15s}.themebtn:hover{color:var(--text);border-color:var(--border-hi)}.subtitle{color:var(--text-dim);margin:10px 0 14px;font-size:14px}.gametabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.gtab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:11px;font-size:14px;font-weight:600;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border)}.gtab:hover{color:var(--text);border-color:var(--border-hi)}.gtab.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.gcount{font-size:11px;opacity:.8;background:color-mix(in srgb,var(--text) 10%,transparent);padding:1px 7px;border-radius:999px}.gtab.on .gcount{background:color-mix(in srgb,var(--accent-ink) 20%,transparent)}.card{position:relative}.favbtn{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;border-radius:9px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 82%,transparent);color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:all .15s}.favbtn:hover{color:#f5b301;border-color:#f5b301;transform:scale(1.08)}.favbtn.on{color:#f5b301;border-color:color-mix(in srgb,#f5b301 55%,transparent);background:color-mix(in srgb,#f5b301 14%,var(--bg-card))}.favbtn.big{position:static;width:40px;height:40px;font-size:22px}.head-right{display:flex;align-items:center;gap:12px}.favbadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;font-size:11px;font-weight:700;border-radius:999px;background:var(--accent);color:var(--accent-ink);vertical-align:middle}.card.removed{opacity:.62;cursor:default;filter:grayscale(.5)}.card.removed .thumb img{filter:grayscale(1)}.gone-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;background:color-mix(in srgb,var(--red,#e5484d) 88%,#000);color:#fff}.favgone-note{font-size:12.5px;color:var(--red,#e5484d);font-weight:600}.cmp-summary{margin:2px 0 14px;padding:12px 15px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);font-size:14px;line-height:1.7}.cmp-summary .pill{margin-left:2px}.cheap-row{background:color-mix(in srgb,var(--green) 9%,transparent)}.tag-cheap{font-size:11px;font-weight:700;color:var(--green);margin-left:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}.stat .k{font-size:26px;font-weight:800;letter-spacing:-.02em}.stat .l{color:var(--text-mute);font-size:12px;margin-top:4px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.stat .l svg{width:14px;height:14px}.filterbar{gap:10px;flex-wrap:wrap;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:24px}.field,.filterbar{display:flex;align-items:center}.field{gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:0 12px;color:var(--text-mute)}.field.search{flex:1 1;min-width:200px}.field input{background:transparent;border:none;padding:10px 0;width:100%}.field input,.select{outline:none;color:var(--text);font-size:14px}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-card);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 11px center;border:1px solid var(--border);border-radius:10px;padding:10px 34px 10px 13px;font-weight:500;cursor:pointer;transition:border-color .15s,background-color .15s}.select:hover{border-color:var(--border-hi)}.field:focus-within,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.filterbar .btn,.filterbar .field,.filterbar .select{height:40px}.checkfield,.filterbar .field{align-items:center}.checkfield{display:flex;gap:8px;color:var(--text-dim);font-size:14px;cursor:pointer;padding:0 4px}.checkfield input{accent-color:var(--accent);width:16px;height:16px}.btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-weight:600}.btn.ghost:hover{background:var(--bg-card);color:var(--text);filter:none}.sec-row{justify-content:space-between}.sec,.sec-row{display:flex;align-items:center}.sec{gap:8px;font-size:17px;margin:6px 0 14px}.sec svg{color:var(--text-dim)}.count{font-size:13px;color:var(--text-mute);border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-weight:600}.count,.toggle{background:var(--bg-elev)}.toggle{gap:3px;border:1px solid var(--border);border-radius:10px;padding:3px}.tg,.toggle{display:inline-flex}.tg{align-items:center;gap:6px;padding:6px 12px;border-radius:7px;font-size:13px;color:var(--text-dim)}.tg:hover{color:var(--text)}.tg.on{background:var(--accent);color:var(--accent-ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.card:hover{border-color:var(--border-hi);transform:translateY(-2px)}.thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-elev)),var(--bg-elev));border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:2px}.thumb img{max-width:100%;max-height:118px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.st{display:inline-block;background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--amber);font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;margin-right:6px;vertical-align:middle}.card .row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card .title{font-weight:700;font-size:15px;line-height:1.3}.brandtag{color:var(--text-mute);font-size:12px;text-transform:capitalize;margin-top:3px}.cattag{color:var(--accent);font-weight:600}.dm-beat{margin-top:12px;padding:11px 14px;border-radius:10px;font-size:13px;background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);color:var(--text)}.floatin{width:110px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 12px;font-size:14px;outline:none}.floatin:focus{border-color:var(--accent)}.ssel{position:relative;display:inline-block}.ssel-input{width:180px;height:40px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:0 30px 0 13px;font-size:14px;font-weight:500;outline:none;transition:border-color .15s}.ssel-input::placeholder{color:var(--text-mute);font-weight:500}.ssel-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.ssel-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-mute);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}.ssel-clear:hover{color:var(--text)}.ssel-list{position:absolute;z-index:50;top:44px;left:0;min-width:220px;max-width:300px;max-height:280px;overflow-y:auto;margin:0;padding:5px;list-style:none;background:var(--bg-elev);border:1px solid var(--border-hi);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.ssel-opt{padding:9px 11px;border-radius:8px;font-size:14px;cursor:pointer;text-transform:capitalize;white-space:nowrap}.ssel-opt:hover{background:var(--bg-card)}.ssel-opt.on{color:var(--accent);font-weight:700}.ssel-opt.all{color:var(--text-dim);font-style:italic;text-transform:none}.ssel-empty{padding:10px 11px;font-size:13px}.fgroup,.ssel-empty{color:var(--text-mute)}.fgroup{display:flex;flex-direction:column;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.rangewrap{display:flex;align-items:center;gap:6px}.rangewrap .floatin{width:88px;height:40px}.filterbar .fgroup .select{height:40px}.mktprices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mktchip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;font-size:13px;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);transition:border-color .15s,color .15s}.mktchip:hover{border-color:var(--border-hi)}.mktchip b,.mktchip:hover{color:var(--text)}.mktchip svg{color:var(--text-mute)}.mktchip.cheap{background:color-mix(in srgb,var(--green) 12%,transparent);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.mktchip.cheap,.mktchip.cheap b,.mktchip.cheap svg{color:var(--green)}.score{min-width:52px;text-align:center;border-radius:10px;padding:6px 4px;font-weight:800;border:1px solid var(--border)}.score .n{font-size:20px;line-height:1}.score .u{font-size:10px;color:var(--text-mute)}.pill.high,.score.high{background:color-mix(in srgb,var(--green) 15%,transparent);border-color:color-mix(in srgb,var(--green) 42%,transparent);color:var(--green)}.pill.mid,.score.mid{background:color-mix(in srgb,var(--amber) 15%,transparent);border-color:color-mix(in srgb,var(--amber) 42%,transparent);color:var(--amber)}.pill.low,.score.low{background:color-mix(in srgb,var(--text-mute) 15%,transparent);color:var(--text-dim)}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price .now{font-size:22px;font-weight:800;letter-spacing:-.02em}.price.big .now{font-size:32px}.discount{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}.discount.pos{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.discount.neg{background:color-mix(in srgb,var(--red) 13%,transparent);color:var(--red)}.median{color:var(--text-mute);font-size:12px}.reasons{display:flex;flex-wrap:wrap;gap:6px}.reason{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);padding:3px 8px;border-radius:6px}.reason.warn{color:var(--red);border-color:color-mix(in srgb,var(--red) 32%,transparent)}.meta{display:flex;justify-content:space-between;color:var(--text-mute);font-size:12px;border-top:1px solid var(--border);padding-top:10px;margin-top:auto}.loc,.meta{align-items:center}.loc{display:inline-flex;gap:5px}.dot-sep{width:3px;height:3px;border-radius:50%;background:var(--text-mute);margin:0 6px;display:inline-block}.viewbtn{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600;font-size:13px}.card:hover .viewbtn{text-decoration:underline}.empty{color:var(--text-mute);text-align:center;padding:60px;border:1px dashed var(--border);border-radius:14px}.pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;justify-content:center}.pgbtn{padding:8px 14px;border:1px solid var(--border);border-radius:9px;font-size:13px;color:var(--text-dim);background:var(--bg-card)}.pgbtn:hover{color:var(--text);border-color:var(--border-hi)}.pgbtn.off{opacity:.4;pointer-events:none}.pgnums{display:flex;gap:4px}.pgnum{min-width:34px;text-align:center;padding:8px 6px;border:1px solid var(--border);border-radius:9px;font-size:13px;color:var(--text-dim);background:var(--bg-card)}.pgnum:hover{color:var(--text);border-color:var(--border-hi)}.pgnum.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.pgdots{padding:8px 2px}.pgdots,.pginfo{color:var(--text-mute)}.pginfo{font-size:12px;width:100%;text-align:center;margin-top:4px}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.market{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}.market th{text-align:left;color:var(--text-mute);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:11px;background:var(--bg-elev);position:-webkit-sticky;position:sticky;top:0}.market td,.market th{padding:12px 14px;border-bottom:1px solid var(--border)}.market tr:last-child td{border-bottom:none}.market tbody tr:hover td{background:var(--bg-elev)}.market .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.market .mdl{text-transform:capitalize;color:var(--text)}.market .strong{font-weight:700}.market .dim{color:var(--text-mute)}.market .good{color:var(--green);font-weight:700}.market .bad{color:var(--red);font-weight:700}.market .site-cell,.market .site-col{border-left:1px solid var(--border)}.market .site-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.market .site-cell.cheap{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);font-weight:700}.pill{display:inline-block;min-width:30px;text-align:center;padding:2px 8px;border-radius:6px;font-weight:800;font-size:12px;border:1px solid var(--border)}.modellink{color:var(--accent)}.modellink:hover{text-decoration:underline}.listtable .mdl{max-width:320px}.back{color:var(--text-dim);font-size:14px;display:inline-block;margin-bottom:18px}.back:hover{color:var(--text)}.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:16px;gap:16px;align-items:start}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.detail-head h1{margin:0;font-size:22px;letter-spacing:-.02em}.detail .price.big{margin-bottom:14px}.kv{margin:18px 0 0;flex-direction:column}.kv,.kv>div{display:flex}.kv>div{gap:14px;padding:11px 0;border-top:1px solid var(--border)}.kv dt{color:var(--text-mute);font-size:13px;width:110px;flex-shrink:0}.kv dd{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}.kv .strong{font-weight:700}.kv .good{color:var(--green)}.kv .bad{color:var(--red)}.market-kv>div:first-child{border-top:none}.dim{color:var(--text-mute)}.source-note{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding:12px 14px;background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 28%,transparent);border-radius:10px;font-size:12.5px;color:var(--text-dim);line-height:1.5}.source-note svg{color:var(--amber);margin-top:2px}.pricebar{margin-top:20px}.pricebar .track{position:relative;height:8px;background:linear-gradient(90deg,var(--green),var(--amber),var(--red));border-radius:999px;opacity:.8}.pricebar .mark{top:-4px;width:4px;height:16px;background:var(--text);border-radius:2px;box-shadow:0 0 0 2px var(--bg-card)}.pricebar .mark,.pricebar .med{position:absolute;transform:translateX(-50%)}.pricebar .med{top:-2px;width:2px;height:12px;background:var(--text-mute)}.pricebar .scale{display:flex;justify-content:space-between;color:var(--text-mute);font-size:11px;margin-top:8px}@media (max-width:820px){.detail-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.field.search{min-width:100%}.nav{margin-left:8px}}