:root{
  --bg:#0a0612; --bg2:#120a20; --card:#170e29; --line:#2c1d47;
  --pink:#ff3ea5; --cyan:#22e4ff; --sun:#ffb347; --lime:#9dff6a;
  --text:#f4eefe; --muted:#a99cc4; --r:16px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.5}
body{background:
  radial-gradient(900px 500px at 85% -10%, rgba(255,62,165,.22), transparent 60%),
  radial-gradient(800px 500px at -10% 10%, rgba(34,228,255,.16), transparent 60%),
  var(--bg);}
a{color:var(--cyan)}
.wrap{max-width:1080px;margin:0 auto;padding:20px 16px 80px}
.brand{font-family:Bungee,sans-serif;letter-spacing:.5px}
header.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 0 18px}
header.top .logo{font-family:Bungee;font-size:22px;background:linear-gradient(90deg,var(--pink),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}
nav.tabs{display:flex;gap:8px;flex-wrap:wrap}
nav.tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 14px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer}
nav.tabs button.on{border-color:var(--pink);color:var(--text);box-shadow:0 0 0 1px var(--pink) inset,0 0 18px rgba(255,62,165,.35)}
.hero{padding:22px 0 8px}
.hero h1{font-family:Bungee;font-size:clamp(28px,5vw,46px);line-height:1.05;margin:0 0 10px}
.hero h1 .c{color:var(--cyan);text-shadow:0 0 22px rgba(34,228,255,.55)}
.hero h1 .p{color:var(--pink);text-shadow:0 0 22px rgba(255,62,165,.55)}
.hero p{color:var(--muted);max-width:720px;margin:0}
.count{display:inline-flex;gap:10px;align-items:center;margin-top:14px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);font-family:"JetBrains Mono";font-size:15px}
.count b{color:var(--sun)}
h2.sec{font-family:Bungee;font-size:22px;margin:34px 0 12px}
.grid{display:grid;gap:14px}
@media(min-width:860px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.planner{grid-template-columns:360px 1fr}}
.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--r);padding:18px}
.bonus{display:flex;gap:12px;align-items:flex-start}
.mult{font-family:Bungee;font-size:20px;min-width:62px;text-align:center;padding:6px 4px;border-radius:10px;background:rgba(255,62,165,.12);color:var(--pink);border:1px solid rgba(255,62,165,.4)}
.mult.cy{background:rgba(34,228,255,.1);color:var(--cyan);border-color:rgba(34,228,255,.4)}
.mult.su{background:rgba(255,179,71,.1);color:var(--sun);border-color:rgba(255,179,71,.4)}
.bonus h3{margin:0 0 2px;font-size:17px}
.bonus p{margin:0;color:var(--muted);font-size:15px}
.note{font-size:13.5px;color:var(--muted)}
label.lab{display:block;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{flex:1 1 auto;min-width:80px;padding:12px 10px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-weight:700;font-size:15px;cursor:pointer}
.seg button.on{background:linear-gradient(135deg,rgba(255,62,165,.25),rgba(34,228,255,.18));border-color:var(--pink)}
.total{font-family:Bungee;font-size:clamp(30px,6vw,44px);color:var(--lime);text-shadow:0 0 22px rgba(157,255,106,.35);margin:2px 0}
.kpis{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.kpis b{color:var(--text);font-family:"JetBrains Mono"}
.step{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);margin-top:10px}
.step.cur{border-color:var(--cyan);box-shadow:0 0 18px rgba(34,228,255,.25)}
.step.done{opacity:.5}
.step.done h4{text-decoration:line-through}
.step input{width:24px;height:24px;accent-color:var(--pink);margin-top:2px;flex:none}
.step h4{margin:0;font-size:16px}
.step .meta{font-family:"JetBrains Mono";font-size:13.5px;color:var(--sun);margin-top:2px}
.step p{margin:4px 0 0;font-size:14.5px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:0;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none}
.btn.pk{background:var(--pink);color:#16051a}
.btn.cy{background:var(--cyan);color:#041318}
.btn.gh{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.sm{padding:8px 12px;font-size:13.5px;border-radius:10px}
.timer{font-family:"JetBrains Mono";font-size:28px;font-weight:700}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.search{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:700;font-size:13.5px;cursor:pointer}
.chip.on{color:var(--text);border-color:var(--cyan);background:rgba(34,228,255,.1)}
.faq h3{margin:6px 0 6px;font-size:18px}
.faq .ans{color:#ddd3ee;font-size:15.5px;margin:0 0 10px}
.badge{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.b-confirmed{background:rgba(157,255,106,.14);color:var(--lime)}
.b-reported{background:rgba(34,228,255,.12);color:var(--cyan)}
.b-unconfirmed{background:rgba(255,179,71,.14);color:var(--sun)}
.b-pending{background:rgba(255,62,165,.14);color:var(--pink)}
.cat{font-size:12.5px;color:var(--muted);margin-left:8px}
.src{font-size:13px;color:var(--muted);margin:0 0 10px;word-break:break-word}
.promo{border:1px solid rgba(255,62,165,.5);background:linear-gradient(135deg,rgba(255,62,165,.16),rgba(34,228,255,.08))}
.promo h3{font-family:Bungee;font-size:18px;margin:0 0 6px}
.promo p{margin:0 0 12px;color:#ddd3ee}
.sponsor{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.gear{padding:12px;border:1px dashed var(--line);border-radius:12px;margin-top:10px}
.gear b{display:block}
input.email{flex:1 1 220px;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:16px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--cyan);color:#041318;font-weight:800;padding:12px 18px;border-radius:12px;z-index:9;box-shadow:0 8px 30px rgba(0,0,0,.5)}
footer{margin-top:50px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:16px}
.warn{border-left:3px solid var(--sun);padding:8px 12px;background:rgba(255,179,71,.06);border-radius:8px;font-size:14px;color:#e9dcc6}

/* ===== Multi-page additions ===== */
.site-nav{position:sticky;top:0;z-index:5;background:rgba(10,6,18,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-nav .in{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.site-nav .logo{font-family:Bungee;font-size:20px;background:linear-gradient(90deg,var(--pink),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;flex:none}
.site-nav .links{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site-nav .links::-webkit-scrollbar{display:none}
.site-nav .links a{white-space:nowrap;text-decoration:none;color:var(--muted);font-weight:700;font-size:14px;padding:8px 12px;border-radius:999px;border:1px solid transparent}
.site-nav .links a.on{color:var(--text);border-color:var(--pink);box-shadow:0 0 14px rgba(255,62,165,.3)}
.crumbs{font-size:13.5px;color:var(--muted);margin:14px 0 0}
.crumbs a{color:var(--muted)}
.prose{max-width:760px}
.prose p{color:#ddd3ee}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{text-align:left;color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.empty{border:1px dashed var(--line);border-radius:14px;padding:22px;color:var(--muted);text-align:center}
.field{display:block;margin:10px 0}
.field span{display:block;font-size:12.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:16px;font-family:inherit}
.field textarea{min-height:90px;resize:vertical}
.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);margin-top:10px;cursor:pointer}
.check input{width:24px;height:24px;accent-color:var(--pink);flex:none;margin-top:1px}
.check.done{opacity:.55}
.check b{display:block}
.region{cursor:pointer;transition:filter .15s}
.region:hover,.region.on{filter:brightness(1.5) drop-shadow(0 0 10px rgba(34,228,255,.6))}
.pin{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);margin-top:10px}
.pin h4{margin:4px 0;font-size:16px}
.ask{display:flex;gap:10px;flex-wrap:wrap}
.ask input{flex:1 1 260px}
.answer-box{margin-top:12px}
.stat{font-family:"JetBrains Mono";color:var(--lime)}
a.cardlink{display:block;text-decoration:none;color:inherit}
a.cardlink:hover .card{border-color:var(--cyan)}
.tools{display:grid;gap:12px}
@media(min-width:700px){.tools{grid-template-columns:repeat(3,1fr)}}
.tools .card h3{margin:0 0 4px;font-family:Bungee;font-size:16px}
.tools .card p{margin:0;color:var(--muted);font-size:14.5px}

/* Spoiler-safe mode */
.spoiler-btn{flex:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:12.5px;padding:7px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
body.spoiler-safe .spoiler:not(.revealed){filter:blur(7px);cursor:pointer;user-select:none;position:relative}
body.spoiler-safe .spoiler:not(.revealed)::after{content:"Spoiler: tap to reveal";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;filter:blur(0);color:var(--text);font-weight:800;font-size:13px}
.spoiler-wrap{position:relative}
.b-disputed{background:rgba(255,179,71,.14);color:var(--sun)}
.b-debunked{background:rgba(255,80,80,.14);color:#ff6b6b}
/* Map */
#lmap{height:min(72vh,640px);border-radius:16px;border:1px solid var(--line);background:#071018}
.leaflet-container{font-family:Inter,system-ui,sans-serif}
#lmap .leaflet-popup-content-wrapper,#lmap .leaflet-popup-tip{background:#170e29;color:#f4eefe;border:1px solid #2c1d47;box-shadow:0 8px 30px rgba(0,0,0,.6)}
#lmap .leaflet-popup-close-button{color:#a99cc4}
#lmap .leaflet-control-attribution{background:rgba(10,6,18,.8);color:#a99cc4}
#lmap .leaflet-control-attribution a{color:#22e4ff}
#lmap .leaflet-bar a{background:#170e29;color:#f4eefe;border-color:#2c1d47}
.leaflet-popup-content{margin:12px 14px;font-size:14px}
.layerbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.progress{height:10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);overflow:hidden}
.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));width:0}