/* Home: compact hero + tabbed sections */
.hero.hc{padding:22px 0 10px}.hero.hc h1{font-size:clamp(24px,4vw,38px)}.hero.hc p{margin:6px 0 0}
.hstats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hstats a{font-size:12px;color:var(--mut);text-decoration:none;border:1px solid var(--line);border-radius:3px;padding:4px 10px;background:#0b0e16}.hstats a b{color:var(--b);margin-right:4px}.hstats a:hover{border-color:var(--b);color:var(--txt)}
.tabsbar{position:sticky;top:var(--hh,62px);z-index:4;margin:14px -5% 0;padding:10px 5%;background:#07080cee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:2px}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;background:#0e1120;border:1px solid var(--line);border-radius:999px;color:var(--mut);font:600 13px/1 inherit;font-family:inherit;text-transform:uppercase;letter-spacing:1px;cursor:pointer;white-space:nowrap;transition:.15s}
.tab:hover{color:var(--txt);border-color:var(--b)}
.tab:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.tab[aria-selected=true]{color:#fff;background:linear-gradient(90deg,var(--a),#a020ff);border-color:transparent;box-shadow:0 0 14px #ff2bd666}
.tab .n{font-size:11px;font-weight:700;color:var(--b);background:#00f0ff14;border-radius:999px;padding:2px 7px}.tab[aria-selected=true] .n{color:#fff;background:#ffffff26}
.tpanel{padding-top:6px;animation:tin .18s ease-out}.tpanel:focus{outline:none}
@keyframes tin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.phead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin:22px 0 14px}
.phead h2{margin:0}.phead p{margin:6px 0 0;color:var(--mut);font-size:13px;flex-basis:100%}
.pact{display:flex;flex-wrap:wrap;gap:8px}
.vall{display:inline-flex;align-items:center;min-height:44px;color:var(--b);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px}.vall:hover{text-shadow:0 0 8px var(--b)}
.pfoot{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hrep .rhd{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.hrep .rt{font-weight:700;font-size:12px;white-space:nowrap}
.hrep a.ttl{color:var(--txt);text-decoration:none}.hrep a.ttl:hover{color:var(--b)}
.cstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.cstats div{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:12px;text-align:center}.cstats b{display:block;font-size:24px;color:var(--b);text-shadow:0 0 10px #00f0ff55}.cstats span{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:1px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{font-size:11px;border:1px solid #00f0ff55;color:#9ff;border-radius:3px;padding:1px 7px}
.dcard a{color:var(--txt);text-decoration:none}.dcard a:hover{color:var(--b)}.dcard .brand{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--a)}
.pflt{max-width:360px;margin-bottom:12px;min-height:44px}
.gcard p{color:var(--mut);font-size:13px;margin:6px 0 10px}
.empty{color:var(--mut);padding:20px 0}
.skel{height:120px;background:linear-gradient(90deg,var(--card),#161b28,var(--card));background-size:200% 100%;animation:sk 1.2s infinite;border:1px solid var(--line);border-radius:4px}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.tpanel,.skel{animation:none}}
@media (max-width:760px){
.hero.hc{padding:14px 0 4px}.hero.hc h1{font-size:23px}.hero.hc p{font-size:14px!important}
.tabsbar{margin:10px -16px 0;padding:8px 16px}
.tab{padding:0 14px;font-size:12px}
.cstats{grid-template-columns:repeat(2,1fr)}
.phead{margin:16px 0 12px}.pact{width:100%}.pact .btn{flex:1}
.pflt{max-width:none}
}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.fchips button{min-height:44px;padding:0 14px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--mut);font:inherit;font-size:13px;cursor:pointer}.fchips button:hover{border-color:var(--b);color:var(--txt)}.fchips button[aria-pressed=true]{border-color:var(--b);color:var(--b);background:#00f0ff12;box-shadow:0 0 10px #00f0ff33}
.dcard .btn{margin:4px 0 8px}h3.sub{margin:30px 0 6px;text-transform:uppercase;letter-spacing:1.5px;font-size:15px;color:var(--b)}
.js .tpanel[hidden]{display:none}
.hrep .rhd{flex-wrap:wrap}.hrep .rt{white-space:normal;text-align:right}.hrep .rhd .tag{max-width:100%}
@media (min-width:761px){.tabs{flex-wrap:wrap;overflow:visible}}
@media (max-width:760px){.pact{flex-direction:column}.pact .btn{width:100%}.hrep .rt{text-align:left}}
@media (min-width:761px){.tabs{gap:6px}.tab{padding:0 12px;letter-spacing:.5px;font-size:12px}}
.dcard .meta a{color:var(--b)}
.tab .n:empty{display:none}
.dlink{display:block;text-decoration:none;color:var(--txt)}.dlink h3{color:var(--txt)}.dlink:hover h3{color:var(--b)}
@media (min-width:761px){.tabs{gap:5px}.tab{padding:0 10px;letter-spacing:.3px;gap:6px}}
@media (min-width:761px){.tabs{gap:4px}.tab{padding:0 9px}}