/* SHADOW PICKS — Extras (60 features set) */
body.picks.theme-light { --picks-bg:#f7f5f1; --picks-bg-soft:#ecebe6; --picks-card:#fff; --picks-card-hover:#fafaf8; --picks-border:#e2e0db; --picks-border-soft:#ebe9e4; --picks-text:#1a1a1a; --picks-text-soft:#4a4a4a; --picks-text-dim:#888; }
.theme-toggle { background:var(--picks-card); border:1px solid var(--picks-border); padding:8px 14px; border-radius:999px; font-size:12px; font-weight:600; cursor:pointer; transition:all 0.2s; }
.theme-toggle:hover { border-color:var(--picks-gold); color:var(--picks-gold); }

.coins-hud { position:fixed; bottom:20px; right:20px; z-index:200; display:flex; align-items:center; gap:8px; background:rgba(6,6,6,0.92); backdrop-filter:blur(12px); border:1px solid var(--picks-gold); padding:10px 16px; border-radius:999px; font-family:'Benzin',sans-serif; font-weight:700; font-size:13px; color:var(--picks-gold); cursor:pointer; transition:transform 0.2s; }
.coins-hud:hover { transform:translateY(-3px); }
.coins-hud .coin-icon { width:18px; height:18px; background:var(--picks-gold); color:#000; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; }
.coins-popup { position:fixed; bottom:70px; right:20px; z-index:200; background:var(--picks-card); border:1px solid var(--picks-border); padding:24px; border-radius:16px; max-width:320px; box-shadow:0 20px 60px rgba(0,0,0,0.5); display:none; }
.coins-popup.open { display:block; }
.coins-popup h4 { font-size:13px; letter-spacing:0.15em; text-transform:uppercase; color:var(--picks-gold); margin-bottom:12px; }
.coins-popup ul { list-style:none; }
.coins-popup li { font-size:13px; padding:6px 0; color:var(--picks-text-soft); display:flex; justify-content:space-between; }
.coins-popup li strong { color:var(--picks-gold); }

.streak-flame { display:inline-flex; align-items:center; gap:6px; background:rgba(243,156,18,0.12); color:#ffc56b; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:0.05em; }

.wish-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; border:1px solid var(--picks-border); background:var(--picks-card); color:var(--picks-text-soft); font-size:12px; font-weight:600; cursor:pointer; transition:all 0.2s; text-transform:uppercase; letter-spacing:0.05em; }
.wish-btn:hover { border-color:var(--picks-red); color:var(--picks-red); }
.wish-btn.active { background:rgba(174,0,0,0.12); color:var(--picks-red); border-color:var(--picks-red); }
.wish-btn::before { content:'♡'; font-size:14px; }
.wish-btn.active::before { content:'♥'; }

.tier-row { display:grid; grid-template-columns:80px 1fr; gap:14px; margin-bottom:10px; min-height:100px; }
.tier-label { display:flex; align-items:center; justify-content:center; font-family:'Benzin',sans-serif; font-weight:900; font-size:32px; border-radius:var(--picks-radius); }
.tier-S { background:linear-gradient(135deg,#ffce4d,#d4a217); color:#000; }
.tier-A { background:linear-gradient(135deg,#76d275,#2e8b1f); color:#fff; }
.tier-B { background:linear-gradient(135deg,#64b6f7,#2974b8); color:#fff; }
.tier-C { background:linear-gradient(135deg,#c79cff,#7a3fbd); color:#fff; }
.tier-D { background:linear-gradient(135deg,#ff8b6a,#c43e1a); color:#fff; }
.tier-F { background:linear-gradient(135deg,#555,#222); color:#fff; }
.tier-products { display:flex; flex-wrap:wrap; gap:10px; padding:10px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); align-items:center; }
.tier-chip { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; background:var(--picks-bg-soft); border:1px solid var(--picks-border-soft); border-radius:999px; font-size:12px; color:var(--picks-text); }
.tier-chip img { width:24px; height:24px; object-fit:contain; border-radius:4px; background:#000; }

.compare-grid { display:grid; grid-template-columns:200px repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:24px; }
.compare-grid > div { padding:14px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius-sm); font-size:13px; }
.compare-label { color:var(--picks-text-dim); text-transform:uppercase; letter-spacing:0.1em; font-size:11px; font-weight:700; }
.compare-pick { background:rgba(46,204,113,0.08) !important; border-color:rgba(46,204,113,0.35) !important; }

.mood-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin:32px 0; }
.mood-card { padding:32px; border-radius:var(--picks-radius); cursor:pointer; text-align:center; transition:all 0.3s var(--picks-ease); background:var(--picks-card); border:1px solid var(--picks-border); }
.mood-card:hover { transform:translateY(-4px); border-color:var(--picks-gold); }
.mood-card .emoji { font-size:38px; display:block; margin-bottom:10px; }
.mood-card h4 { font-size:16px; text-transform:uppercase; margin-bottom:6px; }
.mood-card p { font-size:12px; color:var(--picks-text-soft); }

.decryptor-tool { background:var(--picks-card); padding:28px; border-radius:var(--picks-radius); border:1px solid var(--picks-border); }
.decryptor-tool textarea { width:100%; min-height:160px; padding:16px; background:var(--picks-bg-soft); border:1px solid var(--picks-border); border-radius:var(--picks-radius-sm); color:var(--picks-text); font-family:'JetBrains Mono','Courier New',monospace; font-size:13px; resize:vertical; }
.decryptor-result { margin-top:24px; padding:20px; border-left:3px solid var(--picks-gold); background:rgba(205,168,92,0.04); border-radius:6px; display:none; }
.decryptor-result.show { display:block; }
.decryptor-flag { display:inline-block; padding:4px 10px; background:rgba(231,76,60,0.15); color:#ff6b6b; border-radius:4px; font-size:11px; font-weight:700; margin:2px; text-transform:uppercase; letter-spacing:0.05em; }
.decryptor-good { display:inline-block; padding:4px 10px; background:rgba(46,204,113,0.15); color:#5ee3a0; border-radius:4px; font-size:11px; font-weight:700; margin:2px; text-transform:uppercase; letter-spacing:0.05em; }

.lex-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; }
.lex-card { padding:22px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); }
.lex-card .term { font-family:'Benzin',sans-serif; font-weight:700; font-size:16px; color:var(--picks-gold); margin-bottom:4px; text-transform:uppercase; }
.lex-card .real { font-size:12px; color:var(--picks-text-dim); margin-bottom:10px; }
.lex-card .desc { font-size:13px; color:var(--picks-text-soft); line-height:1.55; }

.radar-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.radar-card { padding:22px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); position:relative; overflow:hidden; }
.radar-card .count { font-family:'Benzin',sans-serif; font-weight:900; font-size:36px; color:var(--picks-red); display:block; line-height:1; margin-bottom:8px; }
.radar-card .label { font-size:13px; color:var(--picks-text-soft); margin-bottom:14px; }
.radar-vote { display:inline-block; padding:8px 14px; border:1px solid var(--picks-border); border-radius:999px; font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; cursor:pointer; transition:all 0.2s; }
.radar-vote:hover { border-color:var(--picks-gold); color:var(--picks-gold); }
.radar-vote.voted { background:var(--picks-gold); color:#000; border-color:var(--picks-gold); }

.deals-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; }
.deal-card { padding:24px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); position:relative; }
.deal-card .discount { position:absolute; top:14px; right:14px; background:var(--picks-red); color:#fff; padding:6px 12px; border-radius:4px; font-family:'Benzin',sans-serif; font-weight:700; font-size:14px; }
.deal-card h4 { font-size:16px; margin-bottom:10px; text-transform:uppercase; }
.deal-card .code { display:inline-block; padding:10px 16px; background:rgba(205,168,92,0.08); border:1px dashed var(--picks-gold); border-radius:6px; font-family:'JetBrains Mono',monospace; color:var(--picks-gold); font-weight:700; font-size:14px; margin:12px 0; cursor:pointer; }
.deal-card .copy-hint { font-size:11px; color:var(--picks-text-dim); margin-left:8px; }
.deal-card .expire { font-size:11px; color:var(--picks-text-dim); text-transform:uppercase; letter-spacing:0.1em; }

.banned-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.banned-card { padding:22px; background:linear-gradient(135deg,rgba(231,76,60,0.04),transparent); border:1px solid rgba(231,76,60,0.2); border-radius:var(--picks-radius); }
.banned-card h4 { font-size:18px; color:#ff6b6b; text-transform:uppercase; margin-bottom:10px; }
.banned-card .reason { font-size:13px; color:var(--picks-text-soft); line-height:1.55; }
.banned-card .since { font-size:11px; color:var(--picks-text-dim); margin-top:12px; text-transform:uppercase; letter-spacing:0.1em; }

.setups-wall { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.setup-tile { aspect-ratio:1; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); overflow:hidden; position:relative; cursor:pointer; transition:transform 0.3s; }
.setup-tile:hover { transform:scale(1.02); }
.setup-tile img { width:100%; height:100%; object-fit:cover; }
.setup-tile .meta { position:absolute; bottom:0; left:0; right:0; padding:14px; background:linear-gradient(transparent,rgba(0,0,0,0.85)); color:#fff; font-size:12px; }
.setup-tile .meta strong { display:block; margin-bottom:4px; font-family:'Benzin',sans-serif; }
.setup-cta { padding:40px; border:2px dashed var(--picks-border); border-radius:var(--picks-radius); text-align:center; }
.setup-cta h4 { font-size:18px; margin-bottom:8px; }

.timeline { position:relative; padding-left:30px; }
.timeline::before { content:''; position:absolute; left:6px; top:0; bottom:0; width:2px; background:var(--picks-border); }
.timeline-item { position:relative; margin-bottom:32px; padding-bottom:16px; }
.timeline-item::before { content:''; position:absolute; left:-28px; top:6px; width:12px; height:12px; border-radius:50%; background:var(--picks-gold); box-shadow:0 0 0 4px var(--picks-bg); }
.timeline-item .date { font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:var(--picks-gold); font-weight:700; }
.timeline-item h4 { font-size:18px; margin:6px 0 8px; text-transform:uppercase; }
.timeline-item p { font-size:14px; color:var(--picks-text-soft); }

.battle-arena { display:grid; grid-template-columns:1fr 80px 1fr; gap:18px; align-items:center; margin:28px 0; }
.battle-card { padding:22px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); text-align:center; transition:all 0.3s; cursor:pointer; }
.battle-card:hover { border-color:var(--picks-gold); transform:translateY(-2px); }
.battle-vs { font-family:'Benzin',sans-serif; font-weight:900; font-size:28px; color:var(--picks-red); text-align:center; }
.battle-card img { width:100%; max-width:140px; aspect-ratio:1; object-fit:contain; margin:0 auto 12px; }
.battle-card h4 { font-size:14px; text-transform:uppercase; }
.battle-card .vote-count { margin-top:12px; font-family:'Benzin',sans-serif; font-weight:700; color:var(--picks-gold); font-size:18px; }
@media (max-width:600px) { .battle-arena { grid-template-columns:1fr; gap:14px; } .battle-vs { font-size:20px; padding:8px 0; } }

.toast { position:fixed; bottom:90px; left:50%; transform:translateX(-50%) translateY(40px); background:var(--picks-gold); color:#000; padding:14px 22px; border-radius:999px; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.05em; opacity:0; transition:all 0.4s var(--picks-ease); z-index:300; pointer-events:none; }
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

.pwa-prompt { position:fixed; bottom:20px; left:20px; right:20px; max-width:420px; padding:18px; background:var(--picks-card); border:1px solid var(--picks-gold); border-radius:var(--picks-radius); z-index:200; box-shadow:var(--picks-shadow); display:none; }
.pwa-prompt.open { display:block; }
.pwa-prompt h5 { font-size:14px; text-transform:uppercase; margin-bottom:6px; }
.pwa-prompt p { font-size:12px; color:var(--picks-text-soft); margin-bottom:12px; }

.last-visited { position:fixed; top:80px; right:20px; background:var(--picks-card); border:1px solid var(--picks-border); padding:12px 18px; border-radius:999px; font-size:12px; color:var(--picks-text-soft); display:none; align-items:center; gap:8px; z-index:90; box-shadow:var(--picks-shadow); }
.last-visited.show { display:flex; }
.last-visited a { color:var(--picks-gold); font-weight:600; }
.last-visited .dismiss { cursor:pointer; opacity:0.5; }

.audit-zone { padding:40px; border:2px dashed var(--picks-border); border-radius:var(--picks-radius); text-align:center; background:var(--picks-card); transition:border-color 0.3s; }
.audit-zone.drag { border-color:var(--picks-gold); }
.audit-zone p { color:var(--picks-text-soft); font-size:13px; }

.seal-block { display:flex; align-items:center; gap:24px; padding:32px; background:linear-gradient(135deg,rgba(205,168,92,0.08),transparent); border:1px solid var(--picks-border); border-radius:var(--picks-radius); margin:32px 0; }
.seal-svg { width:120px; height:120px; flex-shrink:0; }
.seal-block .text h4 { font-size:20px; text-transform:uppercase; margin-bottom:8px; color:var(--picks-gold); }
.seal-block .text p { font-size:14px; color:var(--picks-text-soft); line-height:1.6; }

.school-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.school-card { padding:28px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:var(--picks-radius); transition:all 0.3s var(--picks-ease); }
.school-card:hover { border-color:var(--picks-gold); transform:translateY(-4px); }
.school-card .lvl { font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--picks-gold); font-weight:700; }
.school-card h4 { font-size:20px; text-transform:uppercase; margin:10px 0 8px; }
.school-card p { font-size:13px; color:var(--picks-text-soft); margin-bottom:16px; line-height:1.5; }
.school-card .duration { font-size:11px; color:var(--picks-text-dim); }

.gift-hero { padding:60px 32px; background:linear-gradient(135deg,rgba(174,0,0,0.12),rgba(205,168,92,0.08)); border-radius:var(--picks-radius-lg); border:1px solid var(--picks-border); margin:32px 0; text-align:center; position:relative; overflow:hidden; }
.gift-hero .countdown { display:inline-flex; gap:16px; margin:20px 0; }
.gift-hero .countdown div { padding:14px 20px; background:rgba(0,0,0,0.4); border-radius:8px; }
.gift-hero .countdown .num { font-family:'Benzin',sans-serif; font-weight:900; font-size:32px; color:var(--picks-gold); display:block; }
.gift-hero .countdown .lab { font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--picks-text-soft); }

.iq-result { text-align:center; padding:40px; }
.iq-meter { width:200px; height:200px; margin:0 auto 24px; border-radius:50%; background:conic-gradient(var(--picks-gold) 0deg,var(--picks-border) 0deg); position:relative; display:flex; align-items:center; justify-content:center; }
.iq-meter::after { content:''; position:absolute; inset:14px; background:var(--picks-bg); border-radius:50%; }
.iq-meter .iq-num { position:relative; z-index:2; font-family:'Benzin',sans-serif; font-weight:900; font-size:56px; color:var(--picks-gold); }
.iq-rank { font-size:24px; text-transform:uppercase; margin:12px 0; font-family:'Benzin',sans-serif; }

.newsletter-block { padding:60px 32px; background:linear-gradient(135deg,#131313,#060606); border:1px solid var(--picks-border); border-radius:var(--picks-radius-lg); text-align:center; margin:32px 0; }
.newsletter-block h3 { font-size:clamp(28px,4vw,44px); text-transform:uppercase; margin-bottom:14px; }
.newsletter-block p { color:var(--picks-text-soft); font-size:15px; margin-bottom:28px; max-width:540px; margin-left:auto; margin-right:auto; }
.newsletter-form { display:flex; gap:10px; max-width:480px; margin:0 auto; flex-wrap:wrap; }
.newsletter-form input { flex:1; min-width:220px; padding:14px 18px; background:var(--picks-card); border:1px solid var(--picks-border); border-radius:999px; color:var(--picks-text); font-size:14px; }
.newsletter-form input:focus { outline:none; border-color:var(--picks-gold); }
.newsletter-form button { padding:14px 28px; }
.newsletter-block .perks { display:flex; justify-content:center; gap:28px; flex-wrap:wrap; margin-top:24px; font-size:12px; color:var(--picks-text-dim); }
.newsletter-block .perks span::before { content:'✓ '; color:var(--picks-gold); }