:root{--bg:#080b11;--bg-2:#0c1018;--panel:#11161f;--panel-2:#161c27;--card:#1a212e;--border:#ffffff14;--border-strong:#ffffff29;--text:#e8edf3;--muted:#8b95a7;--muted-2:#5e6779;--accent:#28c4c9;--accent-2:#19d8d8;--accent-dim:#28c4c924;--accent-glow:#28c4c973;--win:#3ad29a;--loss:#f1605f;--gold:#d8b45a;--radius:14px;--radius-sm:9px;--maxw:1180px;--z-modal:7000;--z-system-overlay:8000;--font-sans:"Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(/simpleassets/Cursor-small.webp) 3 3,auto;min-height:100vh;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:.01em;margin:0;font-weight:800}button{cursor:url(/simpleassets/Cursor-small.webp) 3 3,pointer;font-family:inherit}button,a,select,input{touch-action:manipulation}select,input,button{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a,select,[role=button]{cursor:url(/simpleassets/Cursor-small.webp) 3 3,pointer}input,textarea{cursor:text}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.display{letter-spacing:.02em;text-transform:uppercase;font-weight:900}.accent{color:var(--accent)}.win{color:var(--win)}.loss{color:var(--loss)}.gold{color:var(--gold)}.muted{color:var(--muted)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:border-color .1s,background .1s,color .1s,box-shadow .1s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--accent);background:var(--panel)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#04201f;border-color:#0000}.btn-primary:hover{background:var(--panel);color:var(--accent);border-color:var(--accent);filter:none;text-shadow:0 0 10px #28c4c97a;box-shadow:0 0 0 1px #28c4c92e,0 0 18px #28c4c938}.btn-ghost{background:0 0}.panel{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--border);border-radius:var(--radius)}.app-bg{z-index:-1;background:radial-gradient(1200px 600px at 50% -10%, #28c4c90f, transparent 60%), radial-gradient(900px 500px at 90% 10%, #28c4c90a, transparent 55%), var(--bg);position:fixed;inset:0}
.tierFx,.tierFxStatic{--size:220px;--duration:1.3s;--tier-glow-rgb:125 211 252;width:var(--size);height:var(--size);isolation:isolate;contain:layout;place-items:center;display:inline-grid;position:relative;overflow:visible}.tierFx[data-tier=madeira],.tierFxStatic[data-tier=madeira]{--tier-glow-rgb:217 155 96}.tierFx[data-tier=bronze],.tierFxStatic[data-tier=bronze]{--tier-glow-rgb:239 142 104}.tierFx[data-tier=prata],.tierFxStatic[data-tier=prata]{--tier-glow-rgb:215 228 239}.tierFx[data-tier=gold],.tierFxStatic[data-tier=gold]{--tier-glow-rgb:255 215 102}.tierFx[data-tier=platina],.tierFxStatic[data-tier=platina]{--tier-glow-rgb:126 243 255}.tierFx[data-tier=diamante],.tierFxStatic[data-tier=diamante]{--tier-glow-rgb:108 211 255}.tierFx[data-tier=mestre],.tierFxStatic[data-tier=mestre]{--tier-glow-rgb:223 102 255}.tierFx[data-tier=challenger],.tierFxStatic[data-tier=challenger]{--tier-glow-rgb:91 232 255}.tierFx__stage{place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.tierFx__icon,.tierFx__fragment,.tierFxStatic__icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.tierFx__icon,.tierFxStatic__icon{z-index:5;filter:drop-shadow(0 0 10px rgb(var(--tier-glow-rgb) / .85)) drop-shadow(0 0 26px rgb(var(--tier-glow-rgb) / .5))}.tierFxStatic__icon{animation:2.4s ease-in-out infinite tier-static-breathe}.tierFx__fragment{z-index:6;opacity:0;will-change:transform, opacity, filter;filter:drop-shadow(0 0 8px rgb(var(--tier-glow-rgb) / .95)) drop-shadow(0 0 18px rgb(var(--tier-glow-rgb) / .55));transform:translate(0,0)}.tierFx__halo,.tierFx__ring,.tierFx__shockwave{pointer-events:none;border-radius:999px;position:absolute;inset:10%}.tierFx__halo{z-index:1;opacity:0;background:radial-gradient(circle, rgb(var(--tier-glow-rgb) / .64) 0 7%, transparent 35%), radial-gradient(circle, rgb(var(--tier-glow-rgb) / .24) 0 24%, transparent 62%);filter:blur(10px)}.tierFx__ring{z-index:2;border:max(2px, calc(var(--size) * .012)) solid rgb(var(--tier-glow-rgb) / .72);box-shadow:0 0 18px rgb(var(--tier-glow-rgb) / .86), inset 0 0 18px rgb(var(--tier-glow-rgb) / .52);opacity:0;inset:16%}.tierFx__shockwave{z-index:3;border:max(1px, calc(var(--size) * .007)) solid rgb(var(--tier-glow-rgb) / .45);opacity:0;inset:18%}.tierFx__spark{z-index:8;width:max(2px, calc(var(--size) * .014));height:max(10px, calc(var(--size) * .075));opacity:0;background:linear-gradient(180deg, rgb(var(--tier-glow-rgb) / .84), rgb(var(--tier-glow-rgb) / .46) 58%, transparent);box-shadow:0 0 12px rgb(var(--tier-glow-rgb) / .75);transform-origin:50% 100%;will-change:transform, opacity;border-radius:999px;position:absolute;top:50%;left:50%}.tierFx--destroy .tierFx__icon{animation:tier-icon-destroy var(--duration) cubic-bezier(.22, .72, .24, 1) forwards}.tierFx--construct .tierFx__icon{opacity:0;animation:tier-icon-construct var(--duration) cubic-bezier(.22, .72, .24, 1) forwards}.tierFx--destroy .tierFx__fragment{animation:tier-fragment-destroy var(--duration) cubic-bezier(.2, .76, .24, 1) forwards;animation-delay:var(--delay)}.tierFx--construct .tierFx__fragment{animation:tier-fragment-construct var(--duration) cubic-bezier(.24, .84, .24, 1) forwards;animation-delay:var(--delay)}.tierFx--destroy .tierFx__halo{animation:tier-halo-destroy var(--duration) ease-out forwards}.tierFx--construct .tierFx__halo{animation:tier-halo-construct var(--duration) ease-out forwards}.tierFx--destroy .tierFx__ring{animation:tier-ring-destroy var(--duration) ease-out forwards}.tierFx--construct .tierFx__ring{animation:tier-ring-construct var(--duration) ease-out forwards}.tierFx--destroy .tierFx__shockwave{animation:tier-shockwave-destroy var(--duration) ease-out forwards}.tierFx--construct .tierFx__shockwave{animation:tier-shockwave-construct var(--duration) ease-out forwards}.tierFx--destroy .tierFx__spark{animation:tier-spark-destroy var(--duration) cubic-bezier(.24, .72, .24, 1) forwards;animation-delay:var(--spark-delay)}.tierFx--construct .tierFx__spark{animation:tier-spark-construct var(--duration) cubic-bezier(.24, .82, .24, 1) forwards;animation-delay:var(--spark-delay)}.tierFx--paused *,.tierFx--paused:before,.tierFx--paused:after{animation-play-state:paused!important}@keyframes tier-icon-destroy{0%{opacity:1;filter:brightness(1) drop-shadow(0 0 12px rgb(var(--tier-glow-rgb) / 1)) drop-shadow(0 0 28px rgb(var(--tier-glow-rgb) / .55));transform:scale(1)}24%{opacity:1;filter:brightness(1.18) drop-shadow(0 0 18px rgb(var(--tier-glow-rgb) / 1)) drop-shadow(0 0 38px rgb(var(--tier-glow-rgb) / .78));transform:scale(1.025)}52%{opacity:.78;filter:brightness(1.08) blur(.5px) drop-shadow(0 0 12px rgb(var(--tier-glow-rgb) / 1));transform:scale(.96)}76%{opacity:.34;filter:blur(1.6px) brightness(.82) drop-shadow(0 0 10px rgb(var(--tier-glow-rgb) / .75));transform:scale(.76)}to{opacity:0;filter:blur(3px) brightness(.52) drop-shadow(0 0 6px rgb(var(--tier-glow-rgb) / .55));transform:scale(.62)}}@keyframes tier-icon-construct{0%,42%{opacity:0;filter:blur(2px) brightness(1.25) drop-shadow(0 0 20px rgb(var(--tier-glow-rgb) / 1));transform:scale(.78)}68%{opacity:1;filter:brightness(1.22) drop-shadow(0 0 20px rgb(var(--tier-glow-rgb) / 1)) drop-shadow(0 0 42px rgb(var(--tier-glow-rgb) / .76));transform:scale(1.045)}84%{opacity:1;filter:brightness(1.08) drop-shadow(0 0 14px rgb(var(--tier-glow-rgb) / 1));transform:scale(.992)}to{opacity:1;filter:brightness(1) drop-shadow(0 0 12px rgb(var(--tier-glow-rgb) / 1)) drop-shadow(0 0 28px rgb(var(--tier-glow-rgb) / .55));transform:scale(1)}}@keyframes tier-fragment-destroy{0%,16%{opacity:0;filter:brightness(1.1) drop-shadow(0 0 12px rgb(var(--tier-glow-rgb) / 1));transform:translate(0,0)rotate(0)scale(1)}34%{opacity:.88;filter:brightness(1.18) drop-shadow(0 0 18px rgb(var(--tier-glow-rgb) / 1)) drop-shadow(0 0 32px rgb(var(--tier-glow-rgb) / .72));transform:translate(0,0)rotate(0)scale(1.01)}to{opacity:0;transform:translate3d(var(--tx), var(--ty), 0) rotate(var(--rot)) scale(.52);filter:blur(1.4px) brightness(.72) drop-shadow(0 0 8px rgb(var(--tier-glow-rgb) / 1))}}@keyframes tier-fragment-construct{0%{opacity:0;transform:translate3d(var(--tx), var(--ty), 0) rotate(var(--rot)) scale(.44);filter:blur(2.4px) brightness(1.22) drop-shadow(0 0 16px rgb(var(--tier-glow-rgb) / 1))}42%{opacity:.88;filter:blur(1px) brightness(1.18) drop-shadow(0 0 18px rgb(var(--tier-glow-rgb) / 1))}76%{opacity:.92;filter:blur(0) brightness(1.12) drop-shadow(0 0 18px rgb(var(--tier-glow-rgb) / 1));transform:translate(0,0)rotate(0)scale(1.015)}to{opacity:0;filter:brightness(1) drop-shadow(0 0 10px rgb(var(--tier-glow-rgb) / 1));transform:translate(0,0)rotate(0)scale(1)}}@keyframes tier-ring-destroy{0%{opacity:0;transform:scale(.42)}22%{opacity:.62;transform:scale(.72)}to{opacity:0;transform:scale(1.58)}}@keyframes tier-ring-construct{0%{opacity:0;transform:scale(1.68)}46%{opacity:.58;transform:scale(.74)}76%{opacity:.5;transform:scale(1.06)}to{opacity:0;transform:scale(1.22)}}@keyframes tier-shockwave-destroy{0%,18%{opacity:0;transform:scale(.34)}38%{opacity:.42;transform:scale(.62)}to{opacity:0;transform:scale(1.86)}}@keyframes tier-shockwave-construct{0%{opacity:0;transform:scale(1.9)}48%{opacity:.4;transform:scale(.52)}to{opacity:0;transform:scale(.2)}}@keyframes tier-halo-destroy{0%{opacity:.18;transform:scale(.82)}28%{opacity:.52;transform:scale(1.06)}to{opacity:0;transform:scale(1.45)}}@keyframes tier-halo-construct{0%{opacity:0;transform:scale(1.4)}44%{opacity:.5;transform:scale(.84)}to{opacity:.2;transform:scale(1)}}@keyframes tier-spark-destroy{0%,18%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-12px) scaleY(.3)}35%{opacity:.58;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-28px) scaleY(.86)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--spark-distance) * -1)) scaleY(.18)}}@keyframes tier-spark-construct{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--spark-distance) * -1)) scaleY(.2)}48%{opacity:.58;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-32px) scaleY(.86)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-8px) scaleY(.3)}}@keyframes tier-static-breathe{0%,to{filter:drop-shadow(0 0 10px rgb(var(--tier-glow-rgb) / .8)) drop-shadow(0 0 22px rgb(var(--tier-glow-rgb) / .45));transform:scale(1)}50%{filter:drop-shadow(0 0 14px rgb(var(--tier-glow-rgb) / 1)) drop-shadow(0 0 34px rgb(var(--tier-glow-rgb) / .65));transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.tierFx *,.tierFxStatic *{animation-duration:1ms!important;animation-delay:0s!important}}
.eloFrame{--frame-radius:22px;--frame-padding:28px;--frame-top-space:58px;--frame-line:2px;--frame-bg:#050d13e0;--frame-inner-bg:#030a0fb8;--frame-rgb:126 243 255;--frame-deep-rgb:7 91 115;--frame-light-rgb:234 253 255;--frame-accent-rgb:217 166 45;--frame-outline-rgb:6 47 61;--frame-top-width:min(68%, 440px);--frame-top-min:210px;--frame-top-height:clamp(54px, 12cqi, 92px);--frame-top-y:-48%;--frame-wing-top:45%;--frame-wing-width:44%;--frame-wing-height:28%;--frame-wing-left:2%;--frame-wing-clip:polygon(0 56%, 38% 20%, 72% 24%, 100% 52%, 72% 76%, 32% 70%);--frame-wing-transform:skewY(-4deg);--frame-core-top:4%;--frame-core-width:clamp(62px, 17%, 92px);--frame-core-height:88%;--frame-core-clip:polygon(50% 0, 82% 35%, 78% 72%, 50% 100%, 22% 72%, 18% 35%);--frame-gem-top:28%;--frame-gem-width:clamp(34px, 10%, 56px);--frame-gem-height:18%;--frame-gem-radius:999px;--frame-gem-clip:inset(0 round 999px);--frame-arc-top:30%;--frame-arc-width:clamp(94px, 25%, 150px);--frame-arc-height:38%;--frame-arc-thickness:5px;--frame-arc-opacity:1;--frame-needle-width:clamp(38px, 10%, 62px);--frame-needle-height:34%;--frame-needle-bottom:-2%;--frame-needle-clip:polygon(50% 100%, 100% 0, 0 0);--frame-corner-size:clamp(40px, 13cqi, 104px);--frame-corner-border:3px;--frame-corner-inset:10px;--frame-corner-clip:polygon(0 0, 100% 0, 0 100%);--frame-corner-opacity:.9;--frame-side-top:20%;--frame-side-bottom:20%;--frame-side-width:2px;--frame-side-opacity:.46;--frame-bottom-width:min(36%, 240px);--frame-bottom-height:clamp(24px, 6cqi, 44px);--frame-bottom-clip:polygon(0 50%, 44% 22%, 50% 0, 56% 22%, 100% 50%, 56% 76%, 50% 100%, 44% 76%);--frame-extra-opacity:0;--frame-extra-width:24%;--frame-extra-height:74%;--frame-extra-top:8%;--frame-extra-clip:polygon(50% 0, 100% 100%, 0 100%);--frame-extra2-opacity:0;--frame-extra2-width:54%;--frame-extra2-height:34%;--frame-extra2-bottom:8%;--frame-extra2-clip:polygon(0 50%, 30% 20%, 50% 45%, 70% 20%, 100% 50%, 70% 80%, 50% 55%, 30% 80%);isolation:isolate;min-width:0;padding:var(--frame-padding);padding-top:max(var(--frame-padding), var(--frame-top-space));border-radius:var(--frame-radius);background:radial-gradient(circle at 50% 8%, rgb(var(--frame-rgb) / .13), transparent 38%), radial-gradient(circle at 50% 72%, rgb(var(--frame-rgb) / .07), transparent 52%), var(--frame-bg);box-shadow:0 0 0 1px rgb(var(--frame-rgb) / .18), 0 18px 48px #00000047, 0 0 36px rgb(var(--frame-rgb) / .12);position:relative;overflow:visible;container-type:inline-size}.eloFrame[data-tier=madeira]{--frame-radius:18px;--frame-line:2px;--frame-top-space:48px;--frame-rgb:217 155 96;--frame-deep-rgb:90 55 34;--frame-light-rgb:231 191 132;--frame-accent-rgb:138 86 50;--frame-outline-rgb:33 22 15;--frame-top-width:min(52%, 320px);--frame-top-min:170px;--frame-top-height:clamp(42px, 9cqi, 66px);--frame-top-y:-36%;--frame-wing-top:46%;--frame-wing-width:39%;--frame-wing-height:24%;--frame-wing-left:9%;--frame-wing-clip:polygon(0 50%, 26% 24%, 72% 30%, 100% 50%, 72% 70%, 24% 76%);--frame-wing-transform:skewY(-2deg);--frame-core-top:8%;--frame-core-width:clamp(44px, 14%, 68px);--frame-core-height:78%;--frame-core-clip:polygon(50% 0, 83% 22%, 72% 76%, 50% 100%, 28% 76%, 17% 22%);--frame-gem-top:30%;--frame-gem-width:clamp(20px, 7%, 32px);--frame-gem-height:24%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);--frame-arc-opacity:0;--frame-needle-width:clamp(30px, 8%, 46px);--frame-needle-height:30%;--frame-corner-size:clamp(34px, 9cqi, 72px);--frame-corner-border:2px;--frame-corner-clip:polygon(0 0, 86% 10%, 18% 38%, 44% 100%, 0 74%);--frame-corner-opacity:.62;--frame-bottom-width:min(24%, 160px);--frame-bottom-height:clamp(18px, 4cqi, 30px);--frame-bottom-clip:polygon(0 48%, 38% 30%, 50% 0, 62% 30%, 100% 48%, 62% 70%, 50% 100%, 38% 70%);--frame-extra-opacity:.08;--frame-extra2-opacity:.22;--frame-extra2-width:46%;--frame-extra2-height:18%;--frame-extra2-bottom:26%;--frame-extra2-clip:polygon(0 70%, 28% 20%, 50% 58%, 72% 20%, 100% 70%, 70% 82%, 50% 68%, 30% 82%)}.eloFrame[data-tier=bronze]{--frame-radius:19px;--frame-top-space:52px;--frame-rgb:239 142 104;--frame-deep-rgb:115 51 34;--frame-light-rgb:255 210 173;--frame-accent-rgb:185 95 69;--frame-outline-rgb:38 20 19;--frame-top-width:min(58%, 360px);--frame-top-min:190px;--frame-top-height:clamp(48px, 10cqi, 74px);--frame-top-y:-40%;--frame-wing-top:40%;--frame-wing-width:41%;--frame-wing-height:30%;--frame-wing-left:6%;--frame-wing-clip:polygon(0 62%, 30% 10%, 58% 22%, 100% 52%, 74% 90%, 28% 78%);--frame-wing-transform:skewY(-5deg);--frame-core-top:1%;--frame-core-width:clamp(54px, 16%, 78px);--frame-core-height:92%;--frame-core-clip:polygon(50% 0, 88% 32%, 70% 78%, 50% 100%, 30% 78%, 12% 32%);--frame-gem-top:24%;--frame-gem-width:clamp(26px, 8%, 40px);--frame-gem-height:34%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);--frame-arc-width:clamp(82px, 20%, 120px);--frame-arc-top:34%;--frame-arc-thickness:4px;--frame-needle-width:clamp(34px, 9%, 50px);--frame-corner-size:clamp(40px, 11cqi, 86px);--frame-corner-clip:polygon(0 0, 100% 0, 78% 28%, 36% 42%, 28% 100%, 0 78%);--frame-corner-opacity:.74;--frame-bottom-width:min(30%, 190px);--frame-extra-opacity:.28;--frame-extra-width:18%;--frame-extra-height:78%;--frame-extra-top:6%;--frame-extra-clip:polygon(50% 0, 78% 100%, 50% 82%, 22% 100%)}.eloFrame[data-tier=prata]{--frame-radius:20px;--frame-top-space:54px;--frame-rgb:215 228 239;--frame-deep-rgb:116 134 148;--frame-light-rgb:246 250 252;--frame-accent-rgb:158 172 184;--frame-outline-rgb:38 49 60;--frame-top-width:min(56%, 360px);--frame-top-min:190px;--frame-top-height:clamp(54px, 11cqi, 82px);--frame-top-y:-45%;--frame-wing-top:50%;--frame-wing-width:42%;--frame-wing-height:20%;--frame-wing-left:5%;--frame-wing-clip:polygon(0 54%, 54% 0, 82% 24%, 100% 52%, 80% 72%, 42% 78%);--frame-wing-transform:skewY(-8deg);--frame-core-top:-2%;--frame-core-width:clamp(42px, 12%, 62px);--frame-core-height:104%;--frame-core-clip:polygon(50% 0, 72% 34%, 58% 82%, 50% 100%, 42% 82%, 28% 34%);--frame-gem-top:28%;--frame-gem-width:clamp(20px, 6%, 32px);--frame-gem-height:32%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 94% 50%, 50% 100%, 6% 50%);--frame-arc-opacity:.42;--frame-arc-width:clamp(66px, 16%, 96px);--frame-arc-thickness:3px;--frame-needle-width:clamp(30px, 7%, 44px);--frame-needle-height:38%;--frame-corner-size:clamp(38px, 10cqi, 80px);--frame-corner-clip:polygon(0 0, 100% 0, 26% 24%, 42% 100%, 0 68%);--frame-corner-opacity:.68;--frame-bottom-width:min(26%, 170px);--frame-extra-opacity:.36;--frame-extra-width:28%;--frame-extra-height:82%;--frame-extra-top:-4%;--frame-extra-clip:polygon(50% 0, 64% 72%, 50% 100%, 36% 72%)}.eloFrame[data-tier=gold]{--frame-radius:22px;--frame-line:3px;--frame-top-space:62px;--frame-rgb:255 215 102;--frame-deep-rgb:168 105 23;--frame-light-rgb:255 242 178;--frame-accent-rgb:214 147 34;--frame-outline-rgb:57 37 9;--frame-top-width:min(70%, 430px);--frame-top-min:220px;--frame-top-height:clamp(62px, 12cqi, 94px);--frame-top-y:-50%;--frame-wing-top:44%;--frame-wing-width:44%;--frame-wing-height:30%;--frame-wing-left:3%;--frame-wing-clip:polygon(0 58%, 28% 18%, 62% 26%, 100% 50%, 70% 84%, 30% 76%);--frame-wing-transform:skewY(-5deg);--frame-core-top:-6%;--frame-core-width:clamp(68px, 18%, 104px);--frame-core-height:104%;--frame-core-clip:polygon(50% 0, 70% 34%, 88% 20%, 78% 76%, 50% 100%, 22% 76%, 12% 20%, 30% 34%);--frame-gem-top:26%;--frame-gem-width:clamp(30px, 8%, 48px);--frame-gem-height:38%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);--frame-arc-width:clamp(110px, 27%, 160px);--frame-arc-top:38%;--frame-arc-thickness:6px;--frame-needle-width:clamp(42px, 10%, 64px);--frame-corner-size:clamp(46px, 13cqi, 100px);--frame-corner-clip:polygon(0 0, 100% 0, 74% 24%, 46% 34%, 28% 100%, 0 82%);--frame-corner-opacity:.88;--frame-bottom-width:min(38%, 240px);--frame-extra-opacity:.55;--frame-extra-width:34%;--frame-extra-height:98%;--frame-extra-top:-14%;--frame-extra-clip:polygon(50% 0, 66% 38%, 90% 22%, 72% 100%, 50% 78%, 28% 100%, 10% 22%, 34% 38%);--frame-extra2-opacity:.34;--frame-extra2-height:30%;--frame-extra2-bottom:14%}.eloFrame[data-tier=platina]{--frame-radius:22px;--frame-line:3px;--frame-top-space:66px;--frame-rgb:126 243 255;--frame-deep-rgb:22 135 158;--frame-light-rgb:245 255 255;--frame-accent-rgb:36 173 197;--frame-outline-rgb:11 57 70;--frame-top-width:min(72%, 450px);--frame-top-min:230px;--frame-top-height:clamp(68px, 13cqi, 104px);--frame-top-y:-54%;--frame-wing-top:44%;--frame-wing-width:43%;--frame-wing-height:33%;--frame-wing-left:2%;--frame-wing-clip:polygon(0 62%, 30% 0, 58% 30%, 100% 48%, 72% 90%, 28% 78%);--frame-wing-transform:skewY(-7deg);--frame-core-top:-12%;--frame-core-width:clamp(58px, 15%, 88px);--frame-core-height:118%;--frame-core-clip:polygon(50% 0, 72% 34%, 66% 76%, 50% 100%, 34% 76%, 28% 34%);--frame-gem-top:24%;--frame-gem-width:clamp(24px, 7%, 40px);--frame-gem-height:42%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 90% 50%, 50% 100%, 10% 50%);--frame-arc-width:clamp(88px, 22%, 130px);--frame-arc-top:44%;--frame-arc-thickness:4px;--frame-needle-width:clamp(32px, 8%, 52px);--frame-needle-height:42%;--frame-corner-size:clamp(48px, 14cqi, 108px);--frame-corner-clip:polygon(0 0, 100% 0, 72% 22%, 88% 50%, 34% 42%, 22% 100%, 0 68%);--frame-corner-opacity:.82;--frame-bottom-width:min(34%, 220px);--frame-bottom-clip:polygon(0 52%, 36% 18%, 50% 0, 64% 18%, 100% 52%, 62% 70%, 50% 100%, 38% 70%);--frame-extra-opacity:.5;--frame-extra-width:34%;--frame-extra-height:114%;--frame-extra-top:-20%;--frame-extra-clip:polygon(50% 0, 64% 44%, 82% 36%, 62% 100%, 50% 78%, 38% 100%, 18% 36%, 36% 44%);--frame-extra2-opacity:.28}.eloFrame[data-tier=diamante]{--frame-radius:23px;--frame-line:3px;--frame-top-space:70px;--frame-rgb:108 211 255;--frame-deep-rgb:37 74 168;--frame-light-rgb:199 244 255;--frame-accent-rgb:118 92 255;--frame-outline-rgb:21 40 102;--frame-top-width:min(76%, 470px);--frame-top-min:240px;--frame-top-height:clamp(70px, 14cqi, 110px);--frame-top-y:-55%;--frame-wing-top:43%;--frame-wing-width:44%;--frame-wing-height:35%;--frame-wing-left:1%;--frame-wing-clip:polygon(0 58%, 28% 0, 54% 28%, 78% 10%, 100% 50%, 70% 90%, 34% 74%);--frame-wing-transform:skewY(-8deg);--frame-core-top:-8%;--frame-core-width:clamp(66px, 17%, 100px);--frame-core-height:112%;--frame-core-clip:polygon(50% 0, 86% 36%, 72% 78%, 50% 100%, 28% 78%, 14% 36%);--frame-gem-top:24%;--frame-gem-width:clamp(32px, 8%, 48px);--frame-gem-height:42%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 100% 46%, 62% 100%, 38% 100%, 0 46%);--frame-arc-width:clamp(104px, 24%, 150px);--frame-arc-top:42%;--frame-arc-thickness:4px;--frame-needle-width:clamp(44px, 11%, 66px);--frame-needle-height:42%;--frame-corner-size:clamp(52px, 15cqi, 116px);--frame-corner-clip:polygon(0 0, 100% 0, 70% 20%, 100% 54%, 46% 42%, 26% 100%, 0 70%);--frame-corner-opacity:.88;--frame-bottom-width:min(40%, 260px);--frame-extra-opacity:.58;--frame-extra-width:42%;--frame-extra-height:104%;--frame-extra-top:-12%;--frame-extra-clip:polygon(50% 0, 62% 40%, 94% 34%, 66% 72%, 76% 100%, 50% 80%, 24% 100%, 34% 72%, 6% 34%, 38% 40%);--frame-extra2-opacity:.4;--frame-extra2-width:62%;--frame-extra2-height:38%}.eloFrame[data-tier=mestre]{--frame-radius:24px;--frame-line:3px;--frame-top-space:76px;--frame-rgb:223 102 255;--frame-deep-rgb:84 22 129;--frame-light-rgb:255 225 255;--frame-accent-rgb:181 27 216;--frame-outline-rgb:42 12 66;--frame-top-width:min(80%, 500px);--frame-top-min:250px;--frame-top-height:clamp(76px, 15cqi, 118px);--frame-top-y:-57%;--frame-wing-top:42%;--frame-wing-width:45%;--frame-wing-height:38%;--frame-wing-left:0;--frame-wing-clip:polygon(0 64%, 20% 4%, 44% 30%, 66% 0, 100% 50%, 70% 96%, 32% 76%);--frame-wing-transform:skewY(-10deg);--frame-core-top:-16%;--frame-core-width:clamp(70px, 18%, 106px);--frame-core-height:124%;--frame-core-clip:polygon(50% 0, 76% 28%, 88% 64%, 50% 100%, 12% 64%, 24% 28%);--frame-gem-top:23%;--frame-gem-width:clamp(28px, 8%, 46px);--frame-gem-height:40%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 100% 48%, 50% 100%, 0 48%);--frame-arc-width:clamp(112px, 27%, 166px);--frame-arc-top:44%;--frame-arc-thickness:5px;--frame-needle-width:clamp(48px, 12%, 74px);--frame-needle-height:48%;--frame-corner-size:clamp(58px, 16cqi, 126px);--frame-corner-clip:polygon(0 0, 100% 0, 78% 20%, 100% 58%, 52% 42%, 26% 100%, 0 72%);--frame-corner-opacity:.94;--frame-bottom-width:min(44%, 280px);--frame-bottom-height:clamp(28px, 7cqi, 52px);--frame-extra-opacity:.72;--frame-extra-width:48%;--frame-extra-height:124%;--frame-extra-top:-26%;--frame-extra-clip:polygon(50% 0, 60% 36%, 82% 18%, 72% 66%, 100% 48%, 72% 100%, 50% 80%, 28% 100%, 0 48%, 28% 66%, 18% 18%, 40% 36%);--frame-extra2-opacity:.44;--frame-extra2-width:72%;--frame-extra2-height:40%}.eloFrame[data-tier=challenger]{--frame-radius:25px;--frame-line:3px;--frame-top-space:82px;--frame-rgb:91 232 255;--frame-deep-rgb:7 91 115;--frame-light-rgb:234 253 255;--frame-accent-rgb:217 166 45;--frame-outline-rgb:6 47 61;--frame-top-width:min(86%, 540px);--frame-top-min:270px;--frame-top-height:clamp(82px, 16cqi, 128px);--frame-top-y:-60%;--frame-wing-top:43%;--frame-wing-width:46%;--frame-wing-height:38%;--frame-wing-left:-1%;--frame-wing-clip:polygon(0 62%, 24% 0, 50% 30%, 70% 8%, 100% 48%, 72% 92%, 32% 76%);--frame-wing-transform:skewY(-9deg);--frame-core-top:-18%;--frame-core-width:clamp(78px, 19%, 118px);--frame-core-height:128%;--frame-core-clip:polygon(50% 0, 70% 26%, 92% 18%, 78% 72%, 50% 100%, 22% 72%, 8% 18%, 30% 26%);--frame-gem-top:23%;--frame-gem-width:clamp(34px, 9%, 54px);--frame-gem-height:38%;--frame-gem-radius:0;--frame-gem-clip:polygon(50% 0, 100% 48%, 50% 100%, 0 48%);--frame-arc-width:clamp(130px, 30%, 190px);--frame-arc-top:45%;--frame-arc-thickness:6px;--frame-needle-width:clamp(54px, 13%, 82px);--frame-needle-height:52%;--frame-corner-size:clamp(64px, 17cqi, 136px);--frame-corner-border:4px;--frame-corner-clip:polygon(0 0, 100% 0, 76% 18%, 100% 54%, 54% 40%, 28% 100%, 0 74%);--frame-corner-opacity:1;--frame-side-width:3px;--frame-side-opacity:.62;--frame-bottom-width:min(48%, 320px);--frame-bottom-height:clamp(32px, 8cqi, 58px);--frame-bottom-clip:polygon(0 52%, 36% 18%, 45% 18%, 50% 0, 55% 18%, 64% 18%, 100% 52%, 64% 74%, 55% 74%, 50% 100%, 45% 74%, 36% 74%);--frame-extra-opacity:.84;--frame-extra-width:54%;--frame-extra-height:134%;--frame-extra-top:-32%;--frame-extra-clip:polygon(50% 0, 60% 34%, 84% 16%, 74% 58%, 100% 46%, 72% 100%, 50% 78%, 28% 100%, 0 46%, 26% 58%, 16% 16%, 40% 34%);--frame-extra2-opacity:.58;--frame-extra2-width:82%;--frame-extra2-height:42%;--frame-extra2-bottom:10%}.eloFrame:before,.eloFrame:after{content:"";pointer-events:none;border-radius:inherit;position:absolute}.eloFrame:before{z-index:1;padding:var(--frame-line);background:linear-gradient(90deg, rgb(var(--frame-rgb) / .9), rgb(var(--frame-light-rgb) / .92), rgb(var(--frame-rgb) / .9)) top / 100% 50% no-repeat, linear-gradient(180deg, rgb(var(--frame-rgb) / .78), rgb(var(--frame-deep-rgb) / .48)) border-box;-webkit-mask-composite:xor;opacity:.98;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.eloFrame:after{z-index:2;border:1px solid rgb(var(--frame-rgb) / .28);box-shadow:inset 0 0 22px rgb(var(--frame-rgb) / .08), 0 0 18px rgb(var(--frame-rgb) / .1);inset:8px}.eloFrame__content{z-index:5;min-width:0;position:relative}.eloFrame__top{z-index:7;width:var(--frame-top-width);min-width:var(--frame-top-min);height:var(--frame-top-height);transform:translate(-50%, var(--frame-top-y));pointer-events:none;position:absolute;top:0;left:50%}.eloFrame__top--glow{z-index:6;filter:drop-shadow(0 0 12px rgb(var(--frame-rgb) / .38)) drop-shadow(0 0 26px rgb(var(--frame-rgb) / .2))}.eloFrame__top--glow:before,.eloFrame__top--glow:after{filter:drop-shadow(0 0 14px rgb(var(--frame-rgb) / .28))}.eloFrame__top--sharp{z-index:7;filter:none}.eloFrame__top:before,.eloFrame__top:after{content:"";pointer-events:none;border:1px solid rgb(var(--frame-outline-rgb) / .72);background:linear-gradient(180deg, rgb(var(--frame-light-rgb) / .88), rgb(var(--frame-rgb) / .76) 42%, rgb(var(--frame-deep-rgb) / .76));position:absolute;left:50%}.eloFrame__top:before{z-index:0;top:var(--frame-extra-top);width:var(--frame-extra-width);height:var(--frame-extra-height);clip-path:var(--frame-extra-clip);opacity:var(--frame-extra-opacity);transform:translate(-50%)}.eloFrame__top:after{z-index:2;bottom:var(--frame-extra2-bottom);width:var(--frame-extra2-width);height:var(--frame-extra2-height);clip-path:var(--frame-extra2-clip);opacity:var(--frame-extra2-opacity);background:linear-gradient(90deg, transparent, rgb(var(--frame-light-rgb) / .88), rgb(var(--frame-accent-rgb) / .72), transparent);transform:translate(-50%)}.eloFrame__topWing,.eloFrame__topCore,.eloFrame__topGem,.eloFrame__topArc,.eloFrame__topNeedle{display:block;position:absolute}.eloFrame__topWing{z-index:3;top:var(--frame-wing-top);width:var(--frame-wing-width);height:var(--frame-wing-height);background:linear-gradient(90deg, rgb(var(--frame-rgb) / .88), rgb(var(--frame-light-rgb) / .9) 45%, rgb(var(--frame-accent-rgb) / .88));border:1px solid rgb(var(--frame-outline-rgb) / .72);clip-path:var(--frame-wing-clip);box-shadow:inset 0 -8px 12px rgb(var(--frame-deep-rgb) / .24)}.eloFrame__topWing--left{left:var(--frame-wing-left);transform:var(--frame-wing-transform)}.eloFrame__topWing--right{right:var(--frame-wing-left);transform:scaleX(-1) var(--frame-wing-transform)}.eloFrame__topCore{z-index:4;left:50%;top:var(--frame-core-top);width:var(--frame-core-width);height:var(--frame-core-height);background:linear-gradient(180deg, rgb(var(--frame-rgb) / .94), rgb(var(--frame-deep-rgb) / .92));border:2px solid rgb(var(--frame-outline-rgb) / .82);clip-path:var(--frame-core-clip);transform:translate(-50%)}.eloFrame__topGem{z-index:6;left:50%;top:var(--frame-gem-top);width:var(--frame-gem-width);height:var(--frame-gem-height);background:rgb(var(--frame-light-rgb) / .98);border-radius:var(--frame-gem-radius);clip-path:var(--frame-gem-clip);box-shadow:0 0 0 3px rgb(var(--frame-rgb) / .58), 0 0 18px rgb(var(--frame-rgb) / .72);transform:translate(-50%)}.eloFrame__top--sharp .eloFrame__topGem{box-shadow:0 0 0 2px rgb(var(--frame-rgb) / .38)}.eloFrame__topArc{z-index:5;left:50%;top:var(--frame-arc-top);width:var(--frame-arc-width);height:var(--frame-arc-height);border-bottom:var(--frame-arc-thickness) solid rgb(var(--frame-accent-rgb) / .9);opacity:var(--frame-arc-opacity);border-radius:0 0 999px 999px;transform:translate(-50%)}.eloFrame__topNeedle{z-index:4;left:50%;bottom:var(--frame-needle-bottom);width:var(--frame-needle-width);height:var(--frame-needle-height);background:rgb(var(--frame-deep-rgb) / .95);border:1px solid rgb(var(--frame-outline-rgb) / .88);clip-path:var(--frame-needle-clip);transform:translate(-50%)}.eloFrame__corner{z-index:6;width:var(--frame-corner-size);height:var(--frame-corner-size);pointer-events:none;position:absolute}.eloFrame__corner:before,.eloFrame__corner:after{content:"";border-color:rgb(var(--frame-rgb) / .74);position:absolute}.eloFrame__corner:before{border-style:solid;border-width:0;inset:0}.eloFrame__corner:after{background:linear-gradient(135deg, rgb(var(--frame-light-rgb) / .9), rgb(var(--frame-rgb) / .64));width:48%;height:48%;clip-path:var(--frame-corner-clip);opacity:var(--frame-corner-opacity)}.eloFrame__corner--tl{top:0;left:0}.eloFrame__corner--tl:before{border-top-width:var(--frame-corner-border);border-left-width:var(--frame-corner-border);border-top-left-radius:var(--frame-radius)}.eloFrame__corner--tl:after{left:var(--frame-corner-inset);top:var(--frame-corner-inset)}.eloFrame__corner--tr{top:0;right:0;transform:scaleX(-1)}.eloFrame__corner--tr:before{border-top-width:var(--frame-corner-border);border-left-width:var(--frame-corner-border);border-top-left-radius:var(--frame-radius)}.eloFrame__corner--tr:after{left:var(--frame-corner-inset);top:var(--frame-corner-inset)}.eloFrame__corner--bl{bottom:0;left:0;transform:scaleY(-1)}.eloFrame__corner--bl:before{border-top-width:var(--frame-corner-border);border-left-width:var(--frame-corner-border);border-top-left-radius:var(--frame-radius)}.eloFrame__corner--bl:after{left:var(--frame-corner-inset);top:var(--frame-corner-inset)}.eloFrame__corner--br{bottom:0;right:0;transform:scale(-1)}.eloFrame__corner--br:before{border-top-width:var(--frame-corner-border);border-left-width:var(--frame-corner-border);border-top-left-radius:var(--frame-radius)}.eloFrame__corner--br:after{left:var(--frame-corner-inset);top:var(--frame-corner-inset)}.eloFrame__sideMark{z-index:4;pointer-events:none;background:linear-gradient(180deg, transparent, rgb(var(--frame-rgb) / var(--frame-side-opacity)), transparent);box-shadow:0 0 14px rgb(var(--frame-rgb) / .14);position:absolute}.eloFrame__sideMark--left,.eloFrame__sideMark--right{top:var(--frame-side-top);bottom:var(--frame-side-bottom);width:var(--frame-side-width)}.eloFrame__sideMark--left{left:10px}.eloFrame__sideMark--right{right:10px}.eloFrame__bottom{z-index:6;width:var(--frame-bottom-width);height:var(--frame-bottom-height);pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%,48%)}.eloFrame__bottom:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--frame-rgb) / .8), transparent);clip-path:var(--frame-bottom-clip);box-shadow:0 0 18px rgb(var(--frame-rgb) / .14);position:absolute;inset:0}.eloFrame--compact{--frame-padding:18px;--frame-top-space:42px;--frame-radius:16px}.eloFrame--hero{--frame-padding:clamp(28px, 5cqi, 56px);--frame-top-space:clamp(58px, 12cqi, 96px);--frame-radius:26px}.eloFrame--subtle{box-shadow:0 0 0 1px rgb(var(--frame-rgb) / .14), 0 16px 38px #00000038}.eloFrame--subtle .eloFrame__top,.eloFrame--subtle .eloFrame__corner,.eloFrame--subtle .eloFrame__bottom{opacity:.72}.eloFrame--strong{box-shadow:0 0 0 1px rgb(var(--frame-rgb) / .28), 0 18px 54px #00000057, 0 0 52px rgb(var(--frame-rgb) / .22)}.eloFrame--noTop{padding-top:var(--frame-padding)}.eloFrame--noTop .eloFrame__top,.eloFrame--noBottom .eloFrame__bottom{display:none}@container (max-width:360px){.eloFrame{--frame-padding:18px;--frame-top-space:42px;--frame-radius:16px}.eloFrame__top{width:76%;min-width:168px}.eloFrame__corner{width:48px;height:48px}}