/* ===== desafios: treino montado num estádio à noite (fase 6, ecrã 5, opção A, fechado a 29 out 2026) ===== */
.ds-stage{container-type:size;--u:min(1cqw,1.7778cqh);background:#05080f}
.land.home-on .ds-stage{width:var(--vw)}
.ds-scene{position:absolute;left:50%;top:50%;width:max(100cqw,177.78cqh);aspect-ratio:16/9;transform:translate(-50%,-50%);container-type:inline-size}
.ds-scene img{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none;pointer-events:none}
.ds-scene .ds-lay,.ds-scene .ds-full{opacity:0;transition:opacity .9s ease}
.ds-scene .ds-lay.in,.ds-scene .ds-full.in{opacity:1}
.ds-grade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(85% 75% at 55% 60%,transparent 50%,rgba(0,0,0,.5)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 28%)}
.ds-hot{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:transparent;transition:background .25s}
.ds-hot:hover,.ds-hot:focus-visible{background:rgba(255,255,255,.09);outline:none}
.ds-hot:active{background:rgba(255,255,255,.16)}
.ds-tag{position:absolute;transform:translate(-50%,-100%);pointer-events:none;display:grid;justify-items:center;gap:.2cqw}
.ds-tag .ds-card{min-width:9cqw;padding:.45cqw .8cqw .55cqw;border-radius:.35cqw;background:linear-gradient(180deg,rgba(22,24,30,.94),rgba(8,9,12,.94));box-shadow:0 .4cqw .9cqw rgba(0,0,0,.6),inset 0 0 0 .07cqw rgba(255,255,255,.14);text-align:center;line-height:1.1}
.ds-tag small{display:block;font-family:var(--f-display);font-weight:500;font-size:.85cqw;letter-spacing:.16em;text-transform:uppercase;color:#9fb0cc}
.ds-tag b{display:block;font-family:var(--f-display);font-weight:700;font-size:1.25cqw;letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap}
.ds-tag .ds-bar{height:.28cqw;margin-top:.35cqw;border-radius:9px;background:rgba(255,255,255,.14);overflow:hidden}
.ds-tag .ds-bar i{display:block;height:100%;background:var(--fade);border-radius:inherit}
.ds-tag .st{margin-top:.25cqw;font-family:var(--f-display);font-weight:600;font-size:.95cqw;letter-spacing:.08em;text-transform:uppercase;color:#ffc440}
.ds-tag::after{content:"";width:.08cqw;height:2.2cqw;background:linear-gradient(rgba(255,255,255,.5),transparent)}
.ds-tag.below{transform:translate(-50%,0)}.ds-tag.below::after{order:-1;background:linear-gradient(transparent,rgba(255,255,255,.5))}
.ds-tag.done .ds-card{box-shadow:0 .4cqw .9cqw rgba(0,0,0,.6),inset 0 0 0 .1cqw rgba(61,220,132,.75)}
.ds-tag.done .ds-bar i{background:#3ddc84}.ds-tag.done .st{color:#3ddc84}
.ds-tag.gold .ds-card{box-shadow:0 0 1.4cqw rgba(255,196,64,.45),inset 0 0 0 .1cqw rgba(255,196,64,.85);animation:dsGlow 1.6s ease-in-out infinite}
@keyframes dsGlow{50%{box-shadow:0 0 2.4cqw rgba(255,196,64,.7),inset 0 0 0 .1cqw rgba(255,196,64,1)}}
.ds-wb{position:absolute;left:0;top:0;width:300px;height:540px;transform-origin:0 0;padding:26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#1b2f7a;font-family:'Permanent Marker','Comic Sans MS',cursive;text-align:center;pointer-events:none;opacity:.9}
.ds-wb .t{font-size:30px;line-height:1.05;text-transform:uppercase}
.ds-wb .big{font-size:150px;line-height:.9;color:#c2272d}
.ds-wb .big span{font-size:70px;color:#1b2f7a}
.ds-wb .ck{display:grid;gap:14px;font-size:34px;line-height:1}
.ds-wb .ck div{display:flex;gap:12px;align-items:center}
.ds-wb .ck i{display:inline-block;width:30px;height:30px;border:4px solid #1b2f7a;border-radius:4px;position:relative}
.ds-wb .ck i.x::after{content:"";position:absolute;left:4px;top:-6px;width:12px;height:24px;border:solid #1d8a45;border-width:0 6px 6px 0;transform:rotate(40deg)}
.ds-hud{position:absolute;left:2.2%;top:4%;z-index:20;pointer-events:none}
.ds-hud .ey{font-family:var(--f-display);font-weight:500;font-size:calc(1.05*var(--u));letter-spacing:.22em;text-transform:uppercase;color:#9fb0cc}
.ds-hud h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:calc(3.6*var(--u));line-height:1;text-transform:uppercase;color:#fff;text-shadow:0 calc(.3*var(--u)) calc(1.2*var(--u)) rgba(0,0,0,.7)}
.ds-hud h2 i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.ds-hud .meta{display:flex;gap:calc(.8*var(--u));margin-top:calc(.8*var(--u));flex-wrap:wrap}
.ds-hud .chip{display:inline-flex;align-items:center;gap:.4em;padding:calc(.3*var(--u)) calc(.9*var(--u));border-radius:999px;background:rgba(8,10,16,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-family:var(--f-display);font-size:calc(1.05*var(--u));letter-spacing:.08em;text-transform:uppercase;color:#d9e2f2}
.ds-hud .chip b{color:#fff}
.ds-hud .chip.gold{box-shadow:inset 0 0 0 1px rgba(255,196,64,.7);color:#ffd98a}
.ds-fly{position:absolute;z-index:45;width:calc(3*var(--u));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e9e2cf 45%,#8a7a52 80%);box-shadow:0 0 calc(2*var(--u)) rgba(255,196,64,.9);pointer-events:none;transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.5,-0.6,.6,1),transform .9s,opacity .3s .8s}
@media (prefers-reduced-motion:reduce){.ds-scene .ds-lay,.ds-scene .ds-full{transition:none}.ds-tag.gold .ds-card{animation:none}}
