/* ===== trocas: túnel do estádio (fase 6, ecrã 3, fechado a 26 out 2026) ===== */
.tr-stage{container-type:size;--u:min(1cqw,1.7778cqh);background:#070b14}
.land.home-on .tr-stage{width:var(--vw)}
.tr-tunnel{position:absolute;inset:0;background:radial-gradient(40% 50% at 50% 50%,rgba(255,255,255,.16),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px calc(6*var(--u))),radial-gradient(120% 90% at 50% 50%,#1b2a48,#070b14 75%)}
.tr-tunnel::before{content:"";position:absolute;left:8%;right:8%;top:0;bottom:0;background:radial-gradient(55% 75% at 50% 100%,var(--amb),transparent 72%);filter:blur(10px)}
.tr-tunnel::after{content:"";position:absolute;left:12%;right:12%;top:3%;height:2.4%;border-radius:999px;background:var(--amb);filter:blur(3px);box-shadow:0 0 calc(4*var(--u)) var(--amb)}
.tr-stage:not(.tr-amb){--amb:rgba(120,170,255,.25)}
.tr-hud{position:absolute;left:1.5%;top:2.2%;height:7%;z-index:20;display:flex;align-items:center;gap:calc(1*var(--u));padding:0 calc(1.2*var(--u));border-radius:calc(1*var(--u));background:rgba(10,16,28,.84)}
.tr-hud h3{margin:0;font-family:var(--f-display);font-weight:700;font-size:calc(2*var(--u));text-transform:uppercase;color:#fff}
.tr-pip{display:flex;gap:calc(.35*var(--u));align-items:center;font-family:var(--f-display);font-size:calc(1*var(--u));letter-spacing:.1em;text-transform:uppercase;color:#9fb0cc}
.tr-pip i{width:calc(1*var(--u));height:calc(1*var(--u));border-radius:50%;background:rgba(255,255,255,.18)}
.tr-pip i.on{background:#ffc440}
.tr-top{position:absolute;right:1.5%;top:2.2%;z-index:20;display:flex;gap:calc(.6*var(--u))}
.tr-stage .hb{border:0;cursor:pointer;padding:calc(.5*var(--u)) calc(1.1*var(--u));border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;font-family:var(--f-display);font-weight:600;font-size:calc(1.15*var(--u));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tr-stage .hb.main{background:var(--fade);color:#1a1206;box-shadow:none}
/* caixas mais pequenas (pedido dos fundadores), com o brilho à volta */
.tr-pnl{position:absolute;top:17%;bottom:20%;width:24%;display:grid;place-items:center;border-radius:calc(1.4*var(--u));background:linear-gradient(160deg,rgba(33,56,106,.7),rgba(8,14,28,.85));box-shadow:inset 0 0 0 calc(.25*var(--u)) var(--gc),0 0 calc(3*var(--u)) var(--gc),0 0 calc(1*var(--u)) var(--gc),0 calc(1.4*var(--u)) calc(3*var(--u)) rgba(0,0,0,.55)}
.tr-lab{position:absolute;top:calc(1*var(--u));left:0;right:0;text-align:center;font-family:var(--f-display);font-weight:700;font-size:calc(1.2*var(--u));letter-spacing:.12em;text-transform:uppercase}
.tr-card{position:relative;width:calc(12.5*var(--u));border:0;background:none;padding:0;cursor:pointer;margin-top:calc(1.4*var(--u))}
.tr-sleeve::after{content:"";position:absolute;inset:-4% -5%;border-radius:calc(.6*var(--u));background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 40%,rgba(255,255,255,.18) 70%,rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
.tr-mid{position:absolute;left:36%;right:36%;top:17%;bottom:8%;z-index:6;display:grid;align-content:space-between;justify-items:center}
.tr-var{position:relative;overflow:hidden;width:100%;max-width:calc(24*var(--u));border-radius:calc(.6*var(--u));background:linear-gradient(180deg,#0b0f1c,#141a2c);box-shadow:0 0 0 calc(.2*var(--u)) #3a3f55,0 calc(1*var(--u)) calc(2*var(--u)) rgba(0,0,0,.5)}
.tr-var-h{display:flex;align-items:baseline;gap:calc(.8*var(--u));padding:calc(.5*var(--u)) calc(1*var(--u));background:linear-gradient(90deg,#3b2a8c,#5a3fd1)}
.tr-var-h b{font-family:var(--f-display);font-size:calc(1.8*var(--u));letter-spacing:.12em;color:#fff}
.tr-var-h span{font-size:calc(.95*var(--u));letter-spacing:.1em;text-transform:uppercase;color:#d8d0ff}
.tr-var-r{display:flex;align-items:center;gap:calc(.8*var(--u));padding:calc(1*var(--u));font-family:var(--f-display);font-weight:700;font-size:calc(1.4*var(--u));text-transform:uppercase}
.tr-ic{display:grid;place-items:center;flex:none;width:calc(2.6*var(--u));height:calc(2.6*var(--u));border-radius:50%;border:calc(.25*var(--u)) solid;font-size:calc(1.4*var(--u))}
.tr-scan{position:absolute;top:0;bottom:0;width:20%;background:linear-gradient(90deg,transparent,rgba(160,140,255,.25),transparent);animation:trscan 1.6s ease-out 1 forwards}
@keyframes trscan{from{left:-20%}to{left:110%}}
.tr-warn{padding:calc(.6*var(--u)) calc(1*var(--u));border-radius:calc(.6*var(--u));background:rgba(255,90,95,.92);color:#fff;font-size:calc(1.1*var(--u));line-height:1.3;text-align:center}
.tr-warn.mild{background:rgba(255,196,64,.95);color:#1a1206}
.tr-acts{display:flex;gap:calc(.8*var(--u))}
.tr-acts .hb{font-size:calc(1.6*var(--u));padding:calc(.7*var(--u)) calc(1.8*var(--u))}
.tr-empty{align-self:center;padding:calc(1.4*var(--u));border-radius:calc(1*var(--u));background:rgba(10,16,28,.8);text-align:center;font-size:calc(1.3*var(--u));color:#cfd8e6}
.land.home-on .tr-pnl{bottom:22%}
.land.home-on .tr-mid{bottom:18%}