/* ═══ /networks: podium pentru top 3 (bannerul intreg, logo cu inel de medalie), randuri pentru restul ═══ */
.nw-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center}
.nw-hero::before{background:radial-gradient(520px 220px at 0 0,rgba(75,177,212,.11),transparent 70%)!important}
.nw-hero h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.nw-hero .cd2-tag{margin:0}
.nw-hero .cd2-tag a{color:var(--ac);text-decoration:none}
.nw-cta{padding:16px;border-radius:12px;background:var(--bg2);border:1px dashed var(--border2);text-align:center}
.nw-cta p{margin:0 0 12px;font-size:.78rem;color:var(--text2);line-height:1.55}
.nw-cta .cd2-btn{justify-content:center;width:100%;box-sizing:border-box}

.nw-label{display:flex;align-items:center;gap:8px;margin:22px 0 12px;font-size:.92rem;font-weight:800;color:var(--text)}
.nw-label span{font-size:.7rem;font-weight:500;color:var(--muted);margin-left:auto}

/* podium: carduri cu bannerul sus, logo cu inel de medalie si coroana in culoarea locului */
.nw-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:14px;align-items:end}
.nw-podium.n1{grid-template-columns:minmax(0,460px);justify-content:center}
.nw-podium.n2{grid-template-columns:1.12fr 1fr}
.nw-card{--m:#a8a8ad;position:relative;background:var(--bg1);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.nw-card:hover{border-color:color-mix(in srgb,var(--m) 50%,var(--border));transform:translateY(-2px)}
.nw-card.r1{--m:#d4af37;box-shadow:0 0 0 1px color-mix(in srgb,#d4af37 30%,transparent),0 18px 40px -24px rgba(212,175,55,.45)}
.nw-card.r2{--m:#c3c9d2}.nw-card.r3{--m:#c98a5c}
.nw-ban{height:104px;position:relative;background:var(--bg3);overflow:hidden}
.nw-card.r1 .nw-ban{height:128px}
.nw-ban img{width:100%;height:100%;object-fit:cover;display:block}
.nw-ban .xcs-fb{position:absolute;inset:0}
.nw-ban .xcs-fb svg{width:100%;height:100%;display:block}
.nw-ban::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 25%,var(--bg1));pointer-events:none}
.nw-logo{--s:64px;position:relative;width:var(--s);height:var(--s);margin:-40px auto 0;z-index:1}
.nw-card.r1 .nw-logo{--s:78px;margin-top:-48px}
.nw-logo .in{width:100%;height:100%;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:var(--text);overflow:hidden;box-shadow:0 0 0 3px var(--bg1),0 0 0 5.5px var(--m)}
.nw-logo .in img{width:100%;height:100%;object-fit:cover}
.nw-logo .rk{position:absolute;right:-4px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--m);color:#141417;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--bg1)}
.nw-card.r1 .nw-logo .rk{width:28px;height:28px;font-size:.8rem}
.nw-crown{position:absolute;left:50%;top:-44px;transform:translateX(-50%) rotate(var(--tilt,0deg));width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--m);background:rgba(10,10,12,.62);backdrop-filter:blur(6px);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--m) 55%,transparent),0 0 18px color-mix(in srgb,var(--m) 30%,transparent)}
.nw-card.r1 .nw-crown{top:-52px;width:44px;height:44px}
.nw-card.r2 .nw-crown{--tilt:-8deg}.nw-card.r3 .nw-crown{--tilt:8deg}
.nw-body{padding:12px 16px 16px;text-align:center;display:flex;flex-direction:column;gap:3px;flex:1}
.nw-name{margin:0;font-size:1rem;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:center;gap:5px}
.nw-card.r1 .nw-name{font-size:1.12rem}
.nw-name .ph{color:var(--ac)}
.nw-owner{font-size:.7rem;color:var(--muted)}
.nw-motto{font-size:.78rem;color:var(--text3);font-style:italic;margin:6px 0 12px}
.nw-stats{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:8px 0}
.nw-stats>div{display:flex;flex-direction:column;align-items:center}
.nw-stats>div+div{border-left:1px solid var(--border)}
.nw-stats b{font-size:1rem;font-weight:800;color:var(--text);line-height:1.15}
.nw-stats span{font-size:.6rem;color:var(--muted)}
.nw-stats .sc b{color:var(--m)}
.nw-games{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:6px}
.nw-games span{display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:700;padding:2px 8px 2px 3px;border-radius:999px;background:var(--bg3);color:var(--text2);border:1px solid var(--border)}
.nw-games img{width:14px;height:14px;border-radius:4px}

/* restul clasamentului: carduri mici, tot 3 pe rand; ultimul e locul liber */
.nw-rest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nw-mini{position:relative;display:flex;flex-direction:column;background:var(--bg1);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.nw-mini:hover{border-color:var(--ac40);transform:translateY(-2px)}
.nw-mban{height:64px;position:relative;background:var(--bg3);overflow:hidden}
.nw-mban img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}
.nw-mban .xcs-fb{position:absolute;inset:0}
.nw-mban .xcs-fb svg{width:100%;height:100%;display:block}
.nw-mban::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 10%,var(--bg1));pointer-events:none}
.nw-mban .pl{position:absolute;top:8px;right:10px;z-index:1;font-size:.72rem;font-weight:900;color:var(--text);background:rgba(10,10,12,.6);backdrop-filter:blur(4px);padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}
.nw-mhead{display:flex;align-items:flex-end;gap:12px;padding:0 14px;margin-top:-26px;position:relative;z-index:1}
.nw-mhead .lg{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text);overflow:hidden;box-shadow:0 0 0 3px var(--bg1),0 0 0 4.5px var(--border2)}
.nw-mhead .lg img{width:100%;height:100%;object-fit:cover}
.nw-mhead .tx{min-width:0;padding-bottom:3px}
.nw-mhead h2{margin:0;font-size:.92rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-mhead h2 .ph{color:var(--ac)}
.nw-mhead .mt{font-size:.68rem;color:var(--muted)}
.nw-mmotto{padding:10px 14px 0;font-size:.76rem;color:var(--text3);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-mfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 14px;margin-top:auto}
.nw-mfoot .nw-games{margin:0;justify-content:flex-start}
.nw-mst{display:flex;gap:12px;font-size:.66rem;color:var(--muted);white-space:nowrap}
.nw-mst b{font-size:.84rem;color:var(--text);font-weight:800}
.nw-ghost{border-style:dashed;border-color:var(--border2);background:transparent}
.nw-ghost .nw-mban{background:repeating-linear-gradient(135deg,var(--bg2) 0 10px,var(--bg1) 10px 20px)}
.nw-ghost .nw-mban .pl{color:var(--ac)}
.nw-ghost .lg{color:var(--ac);background:var(--ac10);box-shadow:0 0 0 3px var(--bg0),0 0 0 4.5px var(--ac40)}
.nw-ghost .nw-mmotto{font-style:normal;white-space:normal}
.nw-ghost .go{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--ac)}
.nw-ghost:hover{background:var(--ac05)}

.nw-sb-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 6px}
.nw-sb-stats>div{display:flex;flex-direction:column;align-items:center}
.nw-sb-stats>div+div{border-left:1px solid var(--border)}
.nw-sb-stats b{font-size:1.05rem;font-weight:800;color:var(--text)}
.nw-sb-stats span{font-size:.62rem;color:var(--muted)}

@media(max-width:1100px){.nw-hero{grid-template-columns:1fr}.nw-rest{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .nw-podium{grid-template-columns:1fr;align-items:stretch;gap:30px}
  .nw-card.r1{order:-1}
  .nw-rest{grid-template-columns:1fr}
}

/* ═══ /networks/compare ═══ */
.cmp2-hero::before{background:radial-gradient(520px 220px at 0 0,rgba(109,142,201,.12),transparent 70%)}
.cmp2-hero h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.cmp2-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.cmp2-top .cd2-title{margin:0}
.cmp2-slots{display:flex;gap:8px}
.cmp2-slot{width:40px;height:40px;border-radius:50%;border:1.5px dashed var(--border2);display:flex;align-items:center;justify-content:center;transition:all .2s}
.cmp2-slot.on{border:0;box-shadow:0 0 0 2px var(--bg1),0 0 0 3.5px var(--accent)}
.cmp2-slot.on .cmp2-lg{width:100%;height:100%;font-size:.9rem}
.cmp2-lg{width:26px;height:26px;border-radius:50%;background:var(--bg3);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem;color:var(--text);overflow:hidden;flex-shrink:0}
.cmp2-lg img{width:100%;height:100%;object-fit:cover}
.cmpv2 .cmp-picker{background:none;border:0;padding:0;margin:0}
.cmp2-search{height:42px;margin-bottom:12px}
.cmpv2 .cmp-chips{gap:8px;max-height:200px}
.cmpv2 .cmp-chip{gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text2)}
.cmpv2 .cmp-chip:hover{border-color:var(--ac40);color:var(--text)}
.cmpv2 .cmp-chip.on{background:var(--ac10);border-color:var(--ac40);color:var(--text)}
.cmpv2 .cmp-chip.on .cmp2-lg{box-shadow:0 0 0 2px var(--bg2),0 0 0 3.5px var(--accent)}
.cmpv2 .cmp-chip .ck{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border2);margin-left:2px;position:relative}
.cmpv2 .cmp-chip.on .ck{background:var(--accent);border-color:var(--accent)}
.cmpv2 .cmp-chip.on .ck::after{content:'';position:absolute;left:4px;top:1.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.cmpv2 .cmp-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.cmp2-go{cursor:pointer;font-family:inherit;background:var(--ac10);border-color:var(--ac40)}
.cmpv2 .no-compare{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;margin-bottom:14px;background:var(--bg1);border:1px dashed var(--border);border-radius:14px;color:var(--muted);font-size:.84rem}
.cmp2-hero .no-compare{border:0;padding:10px 0 0;background:none}

/* sectiuni in stilul cd-section */
.cmpv2 .cmp-section{border-radius:14px;margin-bottom:14px}
.cmpv2 .cmp-section-head{padding:14px 20px;font-size:.92rem;font-weight:800;background:radial-gradient(ellipse 60% 100% at 0% 50%,var(--ac05),transparent 70%),var(--bg2)}
.cmpv2 .cmp-table{border-radius:14px;overflow:hidden}
.cmpv2 .cmp-net-logo{border-radius:50%!important}
.cmpv2 .str-card-logo{border-radius:50%}

/* head to head */
.cmpv2 .h2h-hero{border-radius:14px;margin-bottom:14px}
.cmpv2 .h2h-side{padding:30px 20px 24px}
.cmpv2 .h2h-side.winner::before{background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(212,175,55,.10),transparent)}
.cmpv2 .h2h-logo{width:72px;height:72px;border-radius:50%;margin-bottom:12px;box-shadow:0 0 0 3px var(--bg1),0 0 0 5px var(--border2)}
.cmpv2 .h2h-side.winner .h2h-logo{box-shadow:0 0 0 3px var(--bg1),0 0 0 5.5px #d4af37,0 10px 26px -10px rgba(212,175,55,.6)}
.h2h-crown{position:relative;display:flex;justify-content:center;color:#d4af37;margin:-14px 0 4px;filter:drop-shadow(0 0 8px rgba(212,175,55,.35))}
.cmpv2 .h2h-name{font-size:1rem;font-weight:800}
.cmpv2 .h2h-big-score{font-family:inherit;font-size:2.4rem;line-height:1.1}
.cmpv2 .h2h-big-score.w{color:#d4af37}
.cmpv2 .h2h-verdict{border-radius:999px;font-size:.62rem;letter-spacing:.4px;text-transform:none;padding:4px 12px}
.cmpv2 .h2h-verdict.win{background:rgba(212,175,55,.13);color:#d4af37}
.cmpv2 .h2h-vs{background:none;border:0;padding:0 6px;position:relative}
.cmpv2 .h2h-vs::before{content:'';position:absolute;top:18px;bottom:18px;left:50%;width:1px;background:var(--border)}
.cmpv2 .h2h-vs span{position:relative;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--border2);font-size:.82rem;color:var(--text2)}
@media(max-width:700px){
  .cmp2-slots{width:100%;justify-content:space-between}
  .cmp2-hero h1{font-size:1.25rem}
  .cmpv2 .cmp-actions{flex-direction:column-reverse;align-items:stretch}
  .cmp2-go{justify-content:center}
}
.cmpv2 .cmp-chip .cmp2-lg img,.cmp2-slot .cmp2-lg img{width:100%;height:100%;border-radius:0}

/* grupurile (podium / restul clasamentului): titlul sta intr-o caseta, ca pe restul site-ului */
.nw-group{background:var(--bg1);border:1px solid var(--border);border-radius:16px;margin-bottom:14px;overflow:hidden}
.nw-group>.nw-label{justify-content:flex-start;margin:0;padding:12px 16px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 60% 100% at 0% 50%,var(--ac05),transparent 70%),var(--bg2);font-size:.88rem}
.nw-group>.nw-label .ic{--c:var(--accent);width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}
.nw-group>.nw-label span:last-child{padding:2px 9px;border-radius:999px;background:var(--bg1);border:1px solid var(--border)}
.nw-group>.nw-podium,.nw-group>.nw-rest{padding:16px}
.nw-group .nw-card,.nw-group .nw-mini:not(.nw-ghost){background:var(--bg2)}
.nw-group>.nw-podium{padding-top:46px}
/* titlurile grupurilor aliniate la stanga */
.nw-group>.nw-label .ic{margin-left:0;font-size:inherit;font-weight:inherit;color:var(--c)}
.nw-group>.nw-label span:last-child{margin-left:auto}