:root{color-scheme:dark;--bg:#07090c;--panel:#0c1015;--panel2:#11161d;--line:#252b33;--text:#f4f5f7;--muted:#9299a3;--soft:#c7ccd2;--accent:#fff;--gold:#c8a96a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090c;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.shell{max-width:1440px;margin:auto;padding:0 28px}.topbar{position:sticky;top:0;z-index:100;background:rgba(7,9,12,.94);border-bottom:1px solid #1e232a;backdrop-filter:blur(14px)}.topbar .shell{height:68px;display:flex;align-items:center;gap:34px}.logo{text-decoration:none;font-weight:950;letter-spacing:.03em;font-size:18px;margin-right:auto}.logo small{display:block;font-size:9px;color:#777f89;letter-spacing:.18em;margin-top:1px}.topbar nav{display:flex;gap:28px}.topbar nav a{text-decoration:none;color:#9da4ad;font-size:12px;font-weight:850;letter-spacing:.11em}.topbar nav a:hover,.topbar nav a.active{color:#fff}.hero{min-height:540px;display:grid;align-items:center;border-bottom:1px solid #1b2026;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-5%;top:8%;width:48%;height:84%;background:radial-gradient(ellipse,rgba(255,255,255,.065),transparent 66%);pointer-events:none}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.22em;color:#7f8791;text-transform:uppercase}.hero h1{font-size:clamp(56px,8vw,112px);line-height:.86;letter-spacing:-.055em;margin:18px 0 22px;max-width:950px}.hero p{font-size:20px;color:#a5abb3;max-width:620px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid #343a42;text-decoration:none;font-size:12px;font-weight:850;letter-spacing:.04em;background:#11161c;color:#f4f5f7}.button.primary{background:#f2f3f5;color:#080a0d;border-color:#f2f3f5}.section{padding:64px 0}.section+.section{border-top:1px solid #1a1f25}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section h2{font-size:34px;letter-spacing:-.035em;margin:0}.section-copy{color:#8e959e;max-width:640px;margin:8px 0 0}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252a31}.pillar{padding:30px;min-height:190px;background:#0b0e12}.pillar+.pillar{border-left:1px solid #252a31}.pillar b{font-size:11px;letter-spacing:.18em;color:#777f88}.pillar h3{font-size:25px;margin:34px 0 8px}.pillar p{color:#8f969f;margin:0}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.collection-card{position:relative;min-height:190px;border:1px solid #262c33;background:#0c1015;text-decoration:none;padding:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:.18s}.collection-card:hover{transform:translateY(-2px);border-color:#515963}.collection-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--swatch,#2c3138),transparent 68%);opacity:.42}.collection-card>*{position:relative}.collection-card .name{font-size:22px;font-weight:950;letter-spacing:-.025em}.collection-card .meta{font-size:10px;color:#b2b7be;letter-spacing:.13em;margin-top:4px}.tier-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tier{border:1px solid #373d45;padding:5px 8px;font-size:9px;letter-spacing:.12em;color:#c3c7cd}.special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.special{min-height:150px;border:1px solid #282e35;background:#0d1116;padding:20px;text-decoration:none}.special h3{margin:55px 0 4px;font-size:23px}.special p{margin:0;color:#8f969f;font-size:13px}.catalog-header{padding:55px 0 34px;border-bottom:1px solid #1c2127}.catalog-header h1{font-size:52px;letter-spacing:-.045em;margin:8px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.filter{background:#0d1116;border:1px solid #2a3037;color:#dfe2e6;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}.filter.active{background:#eee;color:#090b0e;border-color:#eee}.rank-list{border-top:1px solid #282d34}.rank-row{display:grid;grid-template-columns:60px 110px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #20252b}.rank-num{font-size:28px;color:#666e78;font-weight:900}.rank-row img{width:110px;height:72px;object-fit:contain}.rank-name{font-size:17px;font-weight:850}.rank-meta{color:#858d96;font-size:12px;margin-top:4px}.rank-score{font-size:22px;font-weight:900}.codex-empty{padding:42px;border:1px solid #292f36;background:#0c1015}.footer{border-top:1px solid #1e2329;padding:30px 0;color:#6f7780;font-size:11px}.detail-hero{padding:54px 0 34px;border-bottom:1px solid #1e2329}.detail-hero h1{font-size:64px;letter-spacing:-.05em;margin:8px 0 2px}.detail-desc{font-size:18px;color:#9aa1aa}.tier-tabs{display:flex;gap:6px;margin-top:24px}.tier-tabs a{text-decoration:none;border:1px solid #30363e;padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.13em}.tier-tabs a.active{background:#f1f2f4;color:#080a0d;border-color:#f1f2f4}.total{margin-left:auto;text-align:right}.total small{display:block;color:#7d858f;font-size:10px;letter-spacing:.14em}.total strong{font-size:30px}.loadout-head{display:flex;align-items:end;gap:20px}.weapon-lineup{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.weapon-slot{border:1px solid #282e35;background:#0c1015;padding:14px;min-height:260px;cursor:pointer}.weapon-slot:hover{border-color:#515963}.weapon-slot img{width:100%;height:130px;object-fit:contain}.slot-weapon{font-size:9px;letter-spacing:.16em;color:#7e8791}.slot-name{font-size:14px;font-weight:850;margin-top:4px}.slot-price{color:#aeb4bc;font-size:12px;margin-top:5px}.pick{display:inline-block;font-size:8px;letter-spacing:.14em;border:1px solid #6c6045;color:#d2bb84;padding:3px 5px;margin-top:9px}.drawer{margin-top:14px;border:1px solid #30363e;background:#0b0f13;padding:20px;display:none}.drawer.open{display:block}.alt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.alt{border:1px solid #2a3037;padding:10px;background:#0f141a;cursor:pointer}.alt:hover{border-color:#59616b}.alt img{width:100%;height:90px;object-fit:contain}.market-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.market-row a{font-size:10px;text-decoration:none;border-bottom:1px solid #59616b;color:#c9ced4}.sticker-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sticker{border:1px solid #282e35;padding:14px;background:#0c1015}.sticker img{width:100%;height:100px;object-fit:contain}.note{font-size:11px;color:#737b85;margin-top:16px}@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(3,1fr)}.weapon-lineup{grid-template-columns:repeat(3,1fr)}.special-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{padding:0 16px}.topbar .shell{height:auto;padding-top:13px;padding-bottom:13px;align-items:flex-start}.topbar nav{gap:12px;flex-wrap:wrap}.topbar nav a{font-size:10px}.hero{min-height:430px}.pillar-grid{grid-template-columns:1fr}.pillar+.pillar{border-left:0;border-top:1px solid #252a31}.collection-grid,.weapon-lineup,.alt-grid,.sticker-strip{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:38px 80px 1fr}.rank-row img{width:80px}.rank-score{grid-column:3}.loadout-head{align-items:start;flex-direction:column}.total{margin-left:0;text-align:left}.detail-hero h1{font-size:46px}}
/* Pricing V3 */
.price-meta{display:block;margin-top:6px;color:#8e98a7;font-size:12px;line-height:1.35}
.price-live{color:#f5f7fa;font-weight:700}
.price-market{color:#aeb7c4;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-left:6px}
.price-missing{color:#8f98a5;font-weight:600}
.price-stale{color:#c3a56c;font-weight:600}
.total small.price-status{display:block;margin-top:7px;max-width:280px;line-height:1.4;color:#8f98a5;letter-spacing:0;text-transform:none}
.market-quotes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 2px}
.market-quote{border:1px solid #202733;background:#0a0d12;padding:8px 10px;min-width:145px}
.market-quote b{display:block;color:#f4f6f8;font-size:14px}.market-quote span{display:block;color:#8e98a7;font-size:11px;margin-top:3px}
.pricing-source-note{margin-top:8px;color:#707b8a;font-size:11px}
.loadout-price-strip{margin-top:16px;border-top:1px solid #202733;padding-top:10px;display:grid;gap:5px}
.loadout-price-line{display:flex;justify-content:space-between;gap:12px;color:#909aa8;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.loadout-price-line strong{color:#e7ebf0;font-size:11px}
.pro-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pro-card{position:relative;min-height:220px;border:1px solid #262c33;background:#0c1015;text-decoration:none;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.pro-card:hover{border-color:#515963;transform:translateY(-2px)}.pro-card:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.06),transparent 55%);pointer-events:none}.pro-card>*{position:relative}.pro-badge{font-size:9px;letter-spacing:.15em;color:#c7b57d;border:1px solid #574f39;display:inline-block;padding:4px 6px;width:max-content;margin-bottom:10px}.pro-name{font-size:28px;font-weight:950;letter-spacing:-.035em}.pro-sub{font-size:11px;color:#8f969f;margin-top:6px}.pro-meta{font-size:9px;color:#6f7780;letter-spacing:.1em;margin-top:12px}.pro-source{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#8d959e;margin-top:14px}.pro-source a{color:#d8dbe0;text-decoration:none;border-bottom:1px solid #4a515a}.verified-note{padding:12px 14px;border-left:2px solid #4d5560;background:#0b0f13;color:#9098a2;font-size:12px;margin-top:18px}.locked-label{font-size:8px;letter-spacing:.14em;border:1px solid #44505b;color:#aeb6c0;padding:3px 5px;margin-top:9px;display:inline-block}.pro-lineup .weapon-slot{cursor:default}.pro-lineup .weapon-slot:hover{border-color:#282e35}@media(max-width:1000px){.pro-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.pro-grid{grid-template-columns:repeat(2,1fr)}}

/* Style-first Top 3 recommendation cards */
.top3-slot{padding:14px}.top3-list{display:grid;gap:10px;margin-top:10px}.top3-pick{position:relative;display:grid;grid-template-columns:34px 74px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #253449;border-radius:11px;background:#0b1119;min-height:72px}.top3-pick img{width:74px;height:52px;object-fit:contain}.top3-rank{font-size:18px;font-weight:950;color:#7ce8ff;text-align:center}.top3-name{font-size:13px;font-weight:850;color:#e6f0fb}.top3-pick .pick{position:static;white-space:nowrap}@media(max-width:700px){.top3-pick{grid-template-columns:30px 64px 1fr}.top3-pick img{width:64px}.top3-pick .pick{grid-column:2/4;width:max-content}.total strong{font-size:22px}}