/* ===== abertura no estádio (fase 3, fechada a 19 out 2026) ===== */
.cd .veil{position:absolute;inset:0;z-index:1;background:rgba(8,14,28,.86);opacity:0;pointer-events:none;transition:opacity .7s ease,background .5s ease}
.sq{position:fixed;inset:0;z-index:200;background:#000;display:grid;place-items:center;align-content:center;gap:10px;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.sq-stage{position:relative;width:min(var(--vw),calc(var(--vh)*177.78));aspect-ratio:16/9;max-height:calc(var(--vh)*100);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;container-type:inline-size;background:#05070d}
.sq-tip{display:none;margin:0;color:#9fb0cc;font-size:.9rem;text-align:center;padding:0 16px}
@media (orientation:portrait){.sq-tip{display:block}}
.sq-scene{position:absolute;inset:0}
.sq-scene.shake{animation:sqshake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes sqshake{10%,90%{transform:translate(-1px,1px)}20%,80%{transform:translate(3px,-2px)}30%,50%,70%{transform:translate(-5px,2px)}40%,60%{transform:translate(5px,-1px)}}
.sq-bg,.sq-fx{position:absolute;inset:0;width:100%;height:100%}
.sq-fx{pointer-events:none;z-index:7}
.sq-led{position:absolute;left:0;right:0;overflow:hidden;background:linear-gradient(180deg,#3a0709,#2a0508 50%,#1a0204);box-shadow:0 0 1.6cqw rgba(255,40,50,.45),inset 0 .15cqw 0 rgba(255,255,255,.12);display:flex;align-items:center;z-index:2}
.sq-led::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 55%,rgba(10,0,2,.45) 75%) 0 0/.3cqw .3cqw;pointer-events:none}
.sq-led.l1{top:37.2%;height:7.4%}
.sq-led.l2{top:59.4%;height:5.2%;background:linear-gradient(180deg,#141c30,#0a1020)}
.sq-t{display:flex;white-space:nowrap;font-family:var(--f-display);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#fff3f0;text-shadow:0 0 .35cqw rgba(255,120,110,.7)}
.l1 .sq-t{font-size:3.4cqw}
.l2 .sq-t{font-size:2.3cqw;color:#e3edff;text-shadow:0 0 .35cqw rgba(120,170,255,.6)}
.sq-t span{padding-right:4cqw}
.sq-t.scroll{animation:sqled 40s linear infinite}
.sq-t.clue{justify-content:center;width:100%;animation:sqin .5s steps(4) both}
.sq-t.gold{color:#ffc440;text-shadow:0 0 .6cqw rgba(255,196,64,.95),0 0 1.4cqw rgba(255,120,60,.6)}
.sq-t.blink{animation:sqin .5s steps(4) both,sqblink .6s steps(2) .5s 4}
@keyframes sqled{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sqin{0%{opacity:0;filter:brightness(3)}100%{opacity:1;filter:none}}
@keyframes sqblink{50%{opacity:.25}}
.sq-screen{position:absolute;left:43%;width:14%;top:4.5%;height:12.5%;z-index:3;border-radius:.4cqw;background:#02040a;box-shadow:0 0 0 .3cqw #1a2030,0 0 2.5cqw rgba(120,170,255,.35);display:grid;place-items:center;overflow:hidden}
.sq-screen::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);pointer-events:none}
.sq-scr{font-family:var(--f-display);font-weight:700;text-transform:uppercase;text-align:center;line-height:1;color:#fff;font-size:1.9cqw;padding:0 .4cqw;animation:sqin .4s steps(3) both}
.sq-scr i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.sq-scr small{display:block;font-size:.5em;letter-spacing:.14em;color:#9fb0cc;margin-top:.25em}
.sq-scr svg{display:block;margin:0 auto .2em;width:3.4cqw;height:auto}
.sq-hint{position:absolute;left:0;right:0;bottom:2.5%;text-align:center;font-family:var(--f-display);font-size:1.45cqw;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);z-index:20;transition:opacity .3s}
.sq-dim{position:absolute;inset:0;background:#02050c;opacity:0;pointer-events:none;z-index:3;transition:opacity .5s}
.sq-beams{position:absolute;inset:0;pointer-events:none;z-index:6}
.sq-beam{position:absolute;top:11%;width:22%;height:92%;opacity:0;transform-origin:50% 0;mix-blend-mode:screen;background:linear-gradient(180deg,rgba(255,244,214,.65),rgba(255,244,214,.14) 75%,transparent);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%)}
.sq-beam.go{animation:sqbeam 2.6s ease-in-out forwards}
@keyframes sqbeam{0%{opacity:0;transform:rotate(var(--a0))}15%{opacity:1}55%{transform:rotate(var(--a1))}70%{transform:rotate(var(--a2));opacity:1}100%{transform:rotate(var(--a2));opacity:0}}
.sq-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:30}
/* saqueta */
.sq-pack{position:absolute;left:50%;top:56%;width:18.5%;aspect-ratio:5/8;transform:translate(-50%,-50%);z-index:5;container-type:inline-size;filter:drop-shadow(0 2cqw 2.4cqw rgba(0,0,0,.6))}
.sq-part{position:absolute;inset:0}
.sq-capw{position:absolute;inset:0;transform-origin:100% 15%;z-index:2}
.sq-pk{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#ff5a5f 0%,#ff8a4c 36%,#ffc440 68%,#ff8a4c 100%)}
.sq-pk.jor{background:linear-gradient(160deg,#3ddc84 0%,#2bb3a0 40%,#ffc440 100%)}
.sq-pk::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 2px,transparent 2px 5px) top/100% 6% no-repeat,repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 2px,transparent 2px 5px) bottom/100% 6% no-repeat}
.sq-pk::after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);animation:sqsheen 3.2s ease-in-out infinite}
@keyframes sqsheen{0%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
.sq-pk-panel{position:absolute;left:9%;right:9%;top:24%;bottom:16%;border-radius:6cqw;background:radial-gradient(90% 60% at 50% 0,#21386a,#0e1a30 75%);box-shadow:inset 0 0 0 .8cqw rgba(255,255,255,.18);display:grid;place-items:center;align-content:center;gap:2cqw;text-align:center;padding:6cqw}
.sq-pk-logo{font-family:var(--f-display);font-weight:700;font-size:19cqw;line-height:1;color:#fff}
.sq-pk-logo i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.sq-pk-sub{font-family:var(--f-display);font-size:5.2cqw;letter-spacing:.1em;text-transform:uppercase;color:#9fb0cc}
.sq-pk-ball{width:22cqw;height:22cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd8e6 60%,#8a97ad);position:relative}
.sq-pk-ball::after{content:"";position:absolute;inset:30%;background:#0e1a30;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}
.sq-pk-foot,.sq-pk-top{position:absolute;left:0;right:0;text-align:center;font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:#1a1206}
.sq-pk-foot{bottom:8%;font-size:5cqw}
.sq-pk-top{top:7.5%;font-size:5.4cqw;font-weight:600}
.sq-guide{position:absolute;left:4%;right:4%;top:15%;height:0;z-index:4;pointer-events:none;transition:opacity .2s}
.sq-guide .ln{position:absolute;left:0;right:0;top:-1px;border-top:2px dashed rgba(255,255,255,.9)}
.sq-guide .fg{position:absolute;top:-4.5cqw;left:0;width:9cqw;height:9cqw;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 0 2cqw rgba(255,255,255,.25);animation:sqfinger 1.8s ease-in-out infinite}
@keyframes sqfinger{0%{left:0;opacity:0}15%{opacity:1}80%{left:calc(100% - 9cqw);opacity:1}100%{left:calc(100% - 9cqw);opacity:0}}
/* cromo a rodar */
.sq-slotbox{position:absolute;inset:0;z-index:4;pointer-events:none}
.sq-slot{position:absolute;left:50%;top:56%;width:22%;transform:translate(-50%,-50%);perspective:1100px}
.sq-spin{position:relative;transform-style:preserve-3d;will-change:transform}
.sq-f,.sq-b{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.sq-b{position:absolute;inset:0;transform:rotateY(180deg);container-type:inline-size}
.sq-bk{position:absolute;inset:0;font-size:5.88cqw;--ch:1.6em;background:var(--fade);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))}
.sq-bk-in{--c:calc(1.6em - .586*.5em);position:absolute;inset:.5em;display:grid;place-items:center;align-content:center;gap:.4em;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 12px),radial-gradient(90% 60% at 50% 0,#21386a,#0a1424 75%);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))}
.sq-bk-in b{font-family:var(--f-display);font-weight:700;font-size:3.4em;line-height:1;color:#fff}
.sq-bk-in b i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.sq-bk-in span{font-family:var(--f-display);font-size:.9em;letter-spacing:.14em;text-transform:uppercase;color:#9fb0cc}
.sq-slot .cd .art{z-index:2}
.sq-slot .cd .nm,.sq-slot .cd .stats,.sq-slot .cd .ep{z-index:3}
.sq-slot.mys .veil{opacity:1}
.sq-slot.mys.club .veil{background:radial-gradient(80% 60% at 50% 35%,var(--c1),rgba(8,14,28,.92) 80%)}
.sq-slot.mys .art img,.sq-slot.mys .art>svg{filter:brightness(0) drop-shadow(0 0 .4em rgba(255,255,255,.35))}
.sq-slot .art img,.sq-slot .art>svg{transition:filter .8s ease}
.sq-slot.mys .cd::before,.sq-slot.mys .cd::after,.sq-slot.mys .in::after{display:none}
.sq-slot.mys .cd.ring{background:#1a2440;animation:none}
.sq-slot .chip,.sq-slot .top>svg,.sq-slot .nm,.sq-slot .stats,.sq-slot .ep{transition:opacity .35s ease,transform .5s cubic-bezier(.2,1.6,.4,1)}
.sq-slot.mys .chip,.sq-slot.mys .top>svg,.sq-slot.mys .nm,.sq-slot.mys .stats,.sq-slot.mys .ep{opacity:0;transform:scale(.4)}
.sq-slot.mys.ov .chip,.sq-slot.mys.club .top>svg{opacity:1;transform:none}
.sq-slot.mys.name .nm{opacity:1;transform:none;color:#fff}
.sq-slot.glow .cd{filter:drop-shadow(0 0 1.6cqw rgba(255,236,190,.8))}
.sq-tag{position:absolute;right:-6%;top:-3%;z-index:8;padding:.2em .7em;border-radius:999px;background:var(--fade);color:#1a1206;font-family:var(--f-display);font-weight:700;font-size:1.3cqw;letter-spacing:.06em;text-transform:uppercase;transform:scale(0) rotate(8deg);transition:transform .45s cubic-bezier(.2,1.6,.4,1)}
.sq-tag.rep{background:#e6edf5}
.sq-slot.done .sq-tag,.sq-tag.on{transform:scale(1) rotate(8deg)}
/* resumo no fim */
.sq-sum{position:absolute;left:6%;right:6%;top:22%;z-index:9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5cqw;align-items:center}
.sq-sum[hidden]{display:none}
.sq-sc{position:relative;animation:sqrise .5s cubic-bezier(.2,1.2,.4,1) both}
.sq-sc:nth-child(2){animation-delay:.08s}.sq-sc:nth-child(3){animation-delay:.16s}.sq-sc:nth-child(4){animation-delay:.24s}
.sq-sc .sq-tag{font-size:1.1cqw}
@keyframes sqrise{from{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}
.sq-bar{position:absolute;right:1.6%;bottom:2.4%;z-index:25;display:flex;align-items:center;gap:1cqw}
.sq-cnt{font-family:var(--f-display);font-size:1.3cqw;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);margin-right:.6cqw}
.sq-bar .btn{font-size:max(12px,1.3cqw)}
@media (prefers-reduced-motion:reduce){.sq-pk::after,.sq-guide .fg,.sq-t.scroll,.sq-sc{animation:none}}