/* ===== cromo FUTF11 final (fase 2, fechada a 19 out 2026) ===== */
.cw{container-type:inline-size;width:100%}
.cd{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--ch:1.6em;--ring:0px;--t1:0em;--t2:0em;position:relative;width:100%;aspect-ratio:5/7;font-size:10px;font-size:5.88cqw;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;
  clip-path:polygon(var(--ch) 0,calc(100% - var(--ch)) 0,100% var(--ch),100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,var(--ch) 100%,0 calc(100% - var(--ch)),0 var(--ch))}
.cd .bd{--c:calc(var(--ch) - .586*var(--ring));position:absolute;inset:var(--ring);padding:var(--t1);background:var(--bdbg)}
.cd .gap{--c:calc(var(--ch) - .586*(var(--ring) + var(--t1)));width:100%;height:100%;padding:var(--t2);background:var(--gapbg)}
.cd .in{--c:calc(var(--ch) - .586*(var(--ring) + var(--t1) + var(--t2)));position:relative;width:100%;height:100%;background:var(--m);color:var(--ink);overflow:hidden}
.cd .bd,.cd .gap,.cd .in{clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.cd.b-preto{--bdbg:var(--m);--t1:.35em;--t2:.5em;--gapbg:#000}
.cd.ink-preto{--ink:#000}
.cd.ring{--ring:.3em;background:conic-gradient(from var(--ang,0deg),#ff5a5f,#ffc440,#3ddc84,#6cc4ff,#c58bff,#ff5a5f);animation:spin 3.5s linear infinite}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--ang:360deg}}
.cd .top{position:absolute;left:7%;right:7%;top:4%;height:16%;display:flex;justify-content:space-between;align-items:center;z-index:3}
.cd .top svg{width:2.5em;height:auto;flex:none}
.cd .chip{display:flex;align-items:baseline;gap:.35em;padding:.25em .6em;border-radius:.8em;background:rgba(6,12,26,.72);font-family:var(--f-display);color:#fff;box-shadow:inset 0 0 0 .15em var(--edge)}
.cd .chip b{font-size:2.5em;font-weight:700;line-height:1;color:var(--edge)}
.cd.m-ouro .chip b,.cd.m-noir .chip b,.cd.m-holo .chip b{background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd.m-plat .chip b,.cd.m-mirror .chip b{background:linear-gradient(90deg,#fff,#cfe3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd .chip span{font-size:1.15em;font-weight:600;letter-spacing:.05em}
.cd .art{position:absolute;left:2%;right:2%;top:19%;height:48%}
.cd .art>svg{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:96%;transform:translateX(-50%);filter:drop-shadow(0 .6em 1em rgba(0,0,0,.35))}
.cd .art.obj>svg,.cd .art.obj>div{height:80%;bottom:10%}
.cd .art img{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent);filter:drop-shadow(0 .6em 1em rgba(0,0,0,.35)) contrast(1.05) saturate(1.06)}
.cd.ring .art>svg{animation:celebra 1.2s ease-in-out infinite;transform-origin:50% 100%}
.cd .nm{position:absolute;left:5%;right:5%;top:66%;text-align:center;font-family:var(--f-display);font-weight:700;font-size:1.5em;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd .stats{position:absolute;left:8%;right:8%;top:76%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center;font-family:var(--f-display)}
.cd .stats div{background:none;border-radius:0;padding:0}
.cd .stats b{font-family:var(--f-display);font-variant-numeric:tabular-nums}
.cd .stats span{color:inherit}
.cd .stats.one{display:block;font-size:.95em;letter-spacing:.04em;text-transform:uppercase;opacity:.85}
.cd .stats b{display:block;font-size:1.45em;font-weight:700;line-height:1}
.cd .stats span{font-size:.8em;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.cd .ep{position:absolute;left:0;right:0;bottom:3%;text-align:center;font-size:.75em;font-family:var(--f-display);letter-spacing:.08em;opacity:.65}
.cd.holo::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;mix-blend-mode:color-dodge;opacity:.22;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) calc(var(--mx) - 6%),transparent calc(var(--mx) + 14%)),radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.45),transparent 40%)}
.cd.sweep::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:7;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%) no-repeat;background-size:250% 100%;animation:sw 3s linear infinite}
@keyframes sw{from{background-position:120% 0}to{background-position:-120% 0}}
.m-bronze{--m:linear-gradient(135deg,#6e4122,#d39a63 30%,#8b5530 55%,#e6b380 80%,#7a4a26);--ink:#2a1708;--edge:#e3a46c}
.m-prata{--m:linear-gradient(135deg,#7c8794,#eef2f6 30%,#9aa6b3 55%,#ffffff 80%,#8d99a6);--ink:#1d2632;--edge:#e6edf5}
.m-ouro{--m:linear-gradient(135deg,#94670f,#ffe08a 30%,#c18f22 55%,#fff1b8 80%,#a6761a);--ink:#2b1d03;--edge:#ffd458}
.m-plat{--m:linear-gradient(135deg,#c9d0d9,#f8fafc 28%,#aeb7c3 52%,#ffffff 72%,#c3cad3);--ink:#1d2632;--edge:#e9eef5}
.m-plat .in::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(120deg,rgba(255,170,200,.6),rgba(170,220,255,.6),rgba(200,255,220,.6),rgba(255,230,170,.6));background-size:300% 300%;background-position:var(--mx) var(--my)}
.m-mirror{--m:linear-gradient(115deg,#3a4049 0%,#e9edf2 calc(var(--mx) - 22%),#ffffff calc(var(--mx) - 6%),#2b3038 calc(var(--mx) + 4%),#9aa3ae calc(var(--mx) + 22%),#f4f6f9 calc(var(--mx) + 40%),#4a515b 100%);--ink:#11151a;--edge:#ffffff}
.m-noir{--m:repeating-linear-gradient(135deg,rgba(255,207,61,.14) 0 1px,transparent 1px 9px),radial-gradient(90% 60% at 50% 0,#2a2416,#0b0b0e 70%);--ink:#ffd36b;--edge:#ffcf3d}
.m-holo{--m:linear-gradient(120deg,#ffc6d3 0%,#ffe2b3 18%,#d3f7df 36%,#c4e3ff 54%,#e1cdff 72%,#ffc6d3 90%,#ffe2b3 100%);--ink:#1b1f2a;--edge:#ffffff}
.m-holo .in{background-size:300% 300%;animation:holo 8s ease-in-out infinite}
@keyframes holo{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}