/* ===== ecrã principal no estádio (fase 4, opção A, fechada a 19 out 2026) ===== */
.hm{display:grid;gap:14px;min-width:0}
.sq-t em{font-style:normal;color:#ffc440}
.hm-hud{position:absolute;top:2.4%;right:1.8%;z-index:20;display:none;align-items:center;gap:1cqw}
.hm-pill{display:flex;align-items:baseline;gap:.4cqw;padding:.55cqw 1cqw;border-radius:1cqw;background:rgba(6,12,26,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-family:var(--f-display);font-size:1.1cqw;letter-spacing:.1em;text-transform:uppercase;color:#9fb0cc;border:0;cursor:pointer}
.hm-pill b{color:#fff;font-size:1.7cqw;letter-spacing:0}
/* telemóvel deitado: o estádio ocupa o ecrã todo e o cabeçalho passa para dentro dele */
.land.home-on header.top,.land.home-on .proto,.land.home-on .hm>:not(.hm-stage){display:none}
.land.home-on .hm-stage{position:fixed;top:0;left:50%;transform:translateX(-50%);height:calc(var(--vh)*100);width:min(var(--vw),calc(var(--vh)*177.78));min-width:0;aspect-ratio:auto;border-radius:0;z-index:0;box-shadow:none}
.land.home-on .hm-hud{display:flex}
.land.home-on .hm-prog{left:1.8%}
.hm-stage{position:relative;width:min(100%,calc((calc(var(--vh)*100) - 150px)*16/9));min-width:min(100%,560px);aspect-ratio:16/9;margin:0 auto;border-radius:18px;overflow:hidden;container-type:inline-size;background:#05070d;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 50px rgba(0,0,0,.5)}
.hm-prog{position:absolute;top:2.4%;left:1.8%;z-index:20;display:grid;gap:.3cqw;padding:.6cqw 1cqw;border-radius:1cqw;background:rgba(6,12,26,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);min-width:16cqw;cursor:pointer;border:0;color:#fff;text-align:left;font:inherit}
.hm-prog span{font-family:var(--f-display);font-size:1.15cqw;letter-spacing:.12em;text-transform:uppercase;color:#9fb0cc;display:flex;justify-content:space-between;gap:1cqw}
.hm-prog span b{color:#fff;font-size:1.4cqw;letter-spacing:.04em}
.hm-prog small{font-size:1cqw;color:#9fb0cc}
.hm-bar{height:.7cqw;border-radius:1cqw;background:rgba(255,255,255,.12);overflow:hidden}
.hm-bar i{display:block;height:100%;background:var(--fade);border-radius:inherit}
.hm-scr{cursor:pointer;border:0;padding:0;color:#fff}
.hm-scr .sq-scr b{display:block;font-size:2cqw}
.hm-obj{position:absolute;transform:translate(-50%,-100%);display:grid;justify-items:center;gap:.4cqw;cursor:pointer;z-index:6;background:none;border:0;padding:0;color:inherit;font:inherit;transition:filter .3s,opacity .3s}
.hm-obj:focus-visible{outline:2px solid #ffc440;outline-offset:4px;border-radius:1cqw}
.hm-art{position:relative;display:grid;place-items:end center;animation:hmbob 4s ease-in-out infinite}
.hm-obj:nth-of-type(2n) .hm-art{animation-delay:-2s}
.hm-obj::before{content:"";position:absolute;left:50%;bottom:2.4cqw;width:90%;height:1.6cqw;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);z-index:-1}
@keyframes hmbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.5cqw)}}
.hm-obj:hover .hm-art{filter:brightness(1.15)}
.hm-obj svg{display:block;height:auto;filter:drop-shadow(0 .5cqw .8cqw rgba(0,0,0,.45))}
.hm-plate{display:flex;align-items:center;gap:.6cqw;padding:.45cqw 1cqw;border-radius:.8cqw;background:rgba(6,12,26,.84);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 .4cqw 1cqw rgba(0,0,0,.4);font-family:var(--f-display);font-weight:600;font-size:1.4cqw;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}
.hm-plate small{font-size:.8em;color:#9fb0cc;letter-spacing:.08em}
.hm-badge{position:absolute;top:-.8cqw;right:-.8cqw;min-width:2.4cqw;height:2.4cqw;padding:0 .6cqw;border-radius:1.2cqw;display:grid;place-items:center;background:#ff4d57;color:#fff;font-family:var(--f-display);font-weight:700;font-size:1.2cqw;box-shadow:0 0 0 .25cqw rgba(6,12,26,.9);z-index:3;animation:hmpulse 1.6s ease-in-out infinite}
.hm-badge.gold{background:var(--fade);color:#1a1206}
@keyframes hmpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.hm-beam{position:absolute;left:50%;bottom:30%;width:160%;height:260%;transform:translateX(-50%);background:linear-gradient(0deg,rgba(255,220,150,.35),transparent 80%);clip-path:polygon(35% 100%,65% 100%,100% 0,0 0);pointer-events:none;z-index:-1;animation:hmbeam 3s ease-in-out infinite}
@keyframes hmbeam{0%,100%{opacity:.6}50%{opacity:1}}
.hm-packs{display:flex;align-items:flex-end}
.hm-mp{width:5.4cqw;aspect-ratio:5/8;border-radius:.3cqw;background:linear-gradient(160deg,#ff5a5f,#ff8a4c 40%,#ffc440);position:relative;overflow:hidden;box-shadow:0 .6cqw 1.2cqw rgba(0,0,0,.5)}
.hm-mp::before{content:"";position:absolute;left:12%;right:12%;top:24%;bottom:16%;border-radius:.5cqw;background:radial-gradient(90% 60% at 50% 0,#21386a,#0e1a30 75%)}
.hm-mp::after{content:"FUTF11";position:absolute;left:0;right:0;top:46%;text-align:center;font-family:var(--f-display);font-weight:700;font-size:1.1cqw;color:#fff}
.hm-mp i{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);animation:sqsheen 3s ease-in-out infinite;z-index:2}
.hm-packs .hm-mp:nth-child(1){transform:rotate(-12deg) translateX(1.6cqw)}
.hm-packs .hm-mp:nth-child(3){transform:rotate(12deg) translateX(-1.6cqw)}
.hm-packs .hm-mp:nth-child(2){z-index:2;width:6.4cqw}
.hm-obj.empty .hm-mp{filter:grayscale(1) brightness(.6)}
.hm-obj.empty .hm-beam,.hm-obj.empty .hm-mp i{display:none}
.hm-obj.dim{filter:grayscale(.8) brightness(.45)}
.hm-coach{position:absolute;z-index:25;max-width:24cqw;padding:1cqw 1.3cqw;border-radius:1.2cqw;background:#fff;color:#0e1a30;font-weight:600;font-size:1.35cqw;line-height:1.3;box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.5);animation:hmbob 2.4s ease-in-out infinite;pointer-events:none}
.hm-coach b{font-family:var(--f-display);font-size:1.15em;text-transform:uppercase;display:block;color:#c8102e}
.hm-coach::after{content:"";position:absolute;width:1.6cqw;height:1.6cqw;background:#fff;transform:rotate(45deg);left:-.7cqw;top:calc(50% - .8cqw)}
.hm-tip{display:none;margin:0;text-align:center;color:var(--muted);font-size:.9rem}
@media (orientation:portrait){.hm-tip{display:block}}
@media (prefers-reduced-motion:reduce){.hm-art,.hm-badge,.hm-beam,.hm-mp i,.hm-coach{animation:none}}