/* Subida de elo na tela pós-partida (elo-subida.js). */
.eloRise{--ca:#e8c98b;--cb:#e8c98b;position:relative;display:grid;justify-items:center;gap:6px;padding:14px 8px 10px;margin:0 0 10px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--ca) 20%,#0c0814),#07040d 78%);border:1px solid color-mix(in srgb,var(--ca) 45%,transparent)}
.erSky{position:absolute;inset:0;pointer-events:none}
.erCorona{position:absolute;left:50%;top:44%;width:240px;height:240px;translate:-50% -50%;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--ca) 70%,#fff) 8%,transparent 16%,color-mix(in srgb,var(--ca) 60%,transparent) 30%,transparent 38%,color-mix(in srgb,var(--ca) 70%,#fff) 55%,transparent 64%,color-mix(in srgb,var(--ca) 60%,transparent) 80%,transparent);-webkit-mask:radial-gradient(circle,transparent 0 38%,#000 40%,transparent 70%);mask:radial-gradient(circle,transparent 0 38%,#000 40%,transparent 70%);filter:blur(1.5px);animation:erSpin 14s linear infinite}
.erFlare{position:absolute;left:50%;top:44%;width:200px;height:200px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff 0,color-mix(in srgb,var(--cb) 70%,#fff) 30%,transparent 68%);opacity:0}
.erStage{position:relative;display:grid;place-items:center;width:170px;height:170px}
.erStage .eloEmb.xl{--s:150px}
.erOld,.erNew{position:absolute;display:grid;place-items:center}
.erMoon{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#1a1226,#030208 72%);box-shadow:0 0 0 2px #05030a,0 0 26px 4px color-mix(in srgb,var(--ca) 80%,transparent),inset 0 0 20px #000}
.erKick{letter-spacing:.34em;font:700 12px system-ui,sans-serif;color:color-mix(in srgb,var(--cb) 80%,#fff)}
.erName{margin:0;display:flex;font:700 clamp(26px,5vw,40px)/1 'Grenze Gotisch',Georgia,serif;color:#fff3d6;text-shadow:0 2px 10px #000,0 0 22px color-mix(in srgb,var(--cb) 65%,transparent)}
.erName b{display:inline-block;font-weight:inherit}
.erPts{display:flex;align-items:baseline;gap:8px;font:600 14px system-ui,sans-serif;color:#cdbfe0}
.erPts strong{font:800 26px/1 system-ui,sans-serif;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--cb) 70%,transparent)}
.erPts em{font-style:normal;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
@keyframes erSpin{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.erCorona{animation:none}}
.reduced .erCorona{animation:none}