/* RIFT — pages stats (pilote, partie). Préfixe st-. Base : rift.css */
.st-top{padding-bottom:calc(var(--section-y)*.35)}
.st-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4)}
.st-search{flex:1 1 300px;max-width:460px}
.st-sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:6px;max-height:320px;overflow:auto;background:var(--metal);box-shadow:inset 0 0 0 1px var(--line-cyan),var(--shadow-2)}
.st-sugg li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-family:var(--f-mono);color:var(--text-2);cursor:pointer}
.st-sugg li[aria-selected=true],.st-sugg li:hover{background:color-mix(in srgb,var(--cyan) 13%,transparent);color:var(--text)}
.st-sugg mark{background:none;color:var(--cyan);font-weight:700}
.st-sugg svg{width:16px;height:16px;flex:none;color:var(--cyan)}
li.st-sugg__none{cursor:default;color:var(--text-3)}
.st-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3.4vw,44px);padding:clamp(22px,3.6vw,48px);overflow:hidden}
.st-card--skel{grid-template-columns:auto minmax(0,1fr)}
.st-card__bg{position:absolute;right:-.03em;bottom:-.2em;z-index:-1;font:700 clamp(84px,15vw,220px)/1 var(--f-disp);text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--cyan) 13%,transparent);pointer-events:none}
.st-card__img{position:absolute;inset:0;z-index:-1;background:center/cover no-repeat;opacity:.34;mask-image:linear-gradient(100deg,transparent 30%,#000 85%)}
.st-emblem{display:grid;place-items:center;width:150px;height:150px}
.st-emblem>*,.st-emblem::before,.st-emblem::after{grid-area:1/1}
.st-emblem::before,.st-emblem::after{content:"";width:100%;height:100%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--cyan) 50%,transparent)}
.st-emblem::after{width:84%;height:84%;border:2px dotted color-mix(in srgb,var(--mag) 55%,transparent)}
.st-emblem .ring{--size:104px}
.st-emblem b{position:relative;font:700 32px/1 var(--f-disp);letter-spacing:.08em}
.st-name{font-size:var(--fs-1);line-height:.95;margin:8px 0 12px;overflow-wrap:anywhere;background:linear-gradient(180deg,var(--white-hot) 35%,var(--cyan) 140%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--cyan) 35%,transparent))}
.st-name--match{font-size:var(--fs-2)}
.st-since,.st-outcome{display:flex;align-items:center;gap:8px}
.st-since{font:13px var(--f-mono);color:var(--text-2)}
.st-since svg,.st-facts svg,.st-outcome svg{width:1.15em;height:1.15em;flex:none}
.st-since svg{color:var(--cyan)}
.st-lvl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;margin-top:24px;max-width:580px}
.st-lvl__badge{--cut:10px;display:grid;justify-items:center;min-width:80px;padding:10px 12px 8px;background:color-mix(in srgb,var(--cyan) 9%,transparent);box-shadow:inset 0 0 0 1px var(--line-cyan)}
.st-lvl__badge span{font:600 11px var(--f-disp);letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}
.st-lvl__badge b{font:700 42px/1 var(--f-disp)}
.st-lvl__xp{display:grid;gap:8px}
.st-next{font-size:13px;color:var(--text-2)} .st-next b{color:var(--text)}
.st-rank{display:grid;justify-items:end;gap:6px;text-align:right;padding-left:clamp(16px,3vw,40px);border-left:1px solid var(--line)}
.st-rank__n{font:700 clamp(56px,7vw,96px)/.9 var(--f-disp);font-variant-numeric:tabular-nums}
.st-rank__n small{font-size:.42em;vertical-align:.95em;color:var(--cyan)}
.st-rank__of{font:12px var(--f-mono);color:var(--text-2)}
.st-outcome{font:700 clamp(17px,2vw,24px)/1.2 var(--f-disp);letter-spacing:.14em;text-transform:uppercase;color:var(--good);margin-bottom:18px}
.st-outcome.team1{color:var(--team1)} .st-outcome.team2{color:var(--team2)}
.st-facts{list-style:none;padding:0;margin:0}
.st-mvp{--cut:12px;position:relative;display:grid;gap:6px;min-width:230px;padding:20px 22px;text-decoration:none;background:linear-gradient(160deg,color-mix(in srgb,var(--pink) 16%,var(--deep)),var(--deep));box-shadow:inset 0 0 0 1px var(--line-pink);transition:transform var(--t-fast) var(--ease-out)}
.st-mvp:hover{transform:translateY(-3px)}
.st-mvp .micro{color:var(--pink)}
.st-mvp>b{font:700 28px/1.1 var(--f-disp);overflow-wrap:anywhere}
.st-mvp__line{display:flex;flex-wrap:wrap;gap:14px;font:12px var(--f-mono);color:var(--text-2)} .st-mvp__line b{font:700 16px var(--f-disp);color:var(--text)}
.st-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.st-tiles .stat--hero{grid-column:1/-1}
@media (min-width:720px){.st-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1040px){.st-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.st-tiles .stat--hero{grid-column:span 2;grid-row:span 2;align-content:center;padding:28px}.st-tiles .stat--hero .stat__value{font-size:clamp(64px,7vw,104px)}}
.st-duel{--a:var(--cyan);--b:var(--pink);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,24px)}
.st-duel__side{display:grid;gap:2px}
.st-duel__side b{font:700 clamp(24px,3vw,36px)/1 var(--f-disp);color:var(--a);font-variant-numeric:tabular-nums}
.st-duel__side--b{text-align:right} .st-duel__side--b b{color:var(--b)}
.st-duel__bar{position:relative;height:14px;overflow:hidden;background:var(--b);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.st-duel__a,.st-duel__cut{position:absolute;inset:0;transition:transform 1.4s var(--ease-out)}
.st-duel__a{background:var(--a);transform-origin:left;transform:scaleX(var(--v,.5))}
.st-duel__cut{transform:translateX(calc(var(--v,.5)*100%))}
.st-duel__cut::before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:4px;background:var(--white-hot);box-shadow:0 0 14px var(--white-hot)}
.st-duel--teams{--a:var(--team1);--b:var(--team2)}
.st-wpn{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.st-wpn__row{display:grid;grid-template-columns:minmax(92px,9rem) minmax(0,1fr) auto;gap:14px;align-items:center}
.st-wpn__name{display:grid;gap:3px;font:700 15px/1.1 var(--f-disp);letter-spacing:.06em}
.st-duel__side span,.st-wpn__name small,.st-wpn__k small{font:11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.st-wpn__k{display:grid;justify-items:end;min-width:3.4rem}
.st-wpn__k b{font:700 19px/1 var(--f-disp);font-variant-numeric:tabular-nums}
.is-top .st-wpn__name{color:var(--cyan)} .is-top .meter{height:10px}
.st-heat{--cut:14px;position:relative;aspect-ratio:1;background:var(--void)}
.st-heat canvas{position:absolute;inset:0;width:100%;height:100%}
.st-heat__empty{position:absolute;inset:56% 0 auto;padding:0 24px;text-shadow:0 0 6px var(--void);text-align:center;font:13px var(--f-mono);color:var(--text-2)}
.st-heat__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.st-layers{display:flex;flex-wrap:wrap;gap:8px}
.st-layer{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:var(--deep);border:1px solid var(--line-2);color:var(--text);font:600 12px var(--f-disp);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.st-layer:hover{border-color:var(--line-cyan)}
.st-layer i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.st-layer--d i{background:var(--mag);box-shadow:0 0 10px var(--mag)}
.st-layer b{font:400 12px var(--f-mono);color:var(--text-2)}
.st-layer[aria-pressed=false]{color:var(--text-3);border-style:dashed}
.st-layer[aria-pressed=false] i{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.st-who .select{min-width:210px}
.st-pilots{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.st-pilot{--cut:10px;position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"r n k" "r m m";gap:2px 14px;align-items:center;min-height:68px;padding:12px 16px;text-decoration:none;background:linear-gradient(180deg,var(--metal-2),var(--deep));box-shadow:inset 0 0 0 1px var(--line);transition:transform var(--t-fast) var(--ease-out)}
.st-pilot::after{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 0 1px var(--line-cyan),inset 0 0 32px color-mix(in srgb,var(--cyan) 14%,transparent);opacity:0;transition:opacity var(--t-fast)}
.st-pilot:hover{transform:translateY(-2px)} .st-pilot:hover::after{opacity:1}
.st-pilot__rank{grid-area:r;font:700 22px var(--f-mono);color:var(--text-3)}
.is-podium .st-pilot__rank{color:var(--cyan);text-shadow:0 0 14px var(--cyan)}
.st-pilot__name{grid-area:n;font:700 17px var(--f-disp);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-pilot__kd{grid-area:k;font:11px var(--f-mono);color:var(--text-3)} .st-pilot__kd b{font:700 16px var(--f-disp);color:var(--cyan)}
.st-pilot__meta{grid-area:m;font:12px var(--f-mono);color:var(--text-3)}
.st-noteam th:nth-child(3),.st-noteam td:nth-child(3){display:none}
.table tr.st-won td:first-child{box-shadow:inset 3px 0 0 var(--good)}
@media (max-width:820px){
.st-card,.st-card--skel{grid-template-columns:minmax(0,1fr)}
.st-emblem{width:112px;height:112px} .st-emblem .ring{--size:78px} .st-emblem b{font-size:24px}
.st-rank{justify-items:start;text-align:left;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
.st-mvp{min-width:0}
}
@media (max-width:480px){
.st-wpn__row{grid-template-columns:5.8rem minmax(0,1fr) auto;gap:10px}
.st-who,.st-who .select{width:100%;min-width:0}
.st-lvl{gap:12px} .st-lvl__badge{min-width:68px}
}
@media (prefers-reduced-motion:no-preference){
.st-emblem::before{animation:st-spin 30s linear infinite}
.st-emblem::after{animation:st-spin 18s linear infinite reverse}
.is-in .st-wpn__row,.table-wrap.is-in .st-rows tr{animation:st-row .6s var(--ease-out) both;animation-delay:calc(var(--i,0)*40ms + .2s)}
}
@keyframes st-spin{to{transform:rotate(1turn)}}
@keyframes st-row{from{opacity:0;transform:translateX(-16px)}}
.js [data-reveal]:not(.is-in) :is(.meter__fill,.st-duel__a){transform:scaleX(0)}
.js [data-reveal]:not(.is-in) .st-duel__cut{transform:none}