/* fase 7: no estádio (ecrã inicial) os objetos já levam a todo o lado, por isso o menu só aparece dentro dos outros ecrãs */
body.at-home nav.tabs{display:none}
/* ===== fase 7 (1 nov 2026): menu placard LED, corte de TV, bola na rede, avisos no ecrã do estádio, holofotes a carregar ===== */
nav.tabs .in{gap:0;padding:4px 8px;border-radius:10px;background:#07080a;background-image:radial-gradient(rgba(255,255,255,.05) 30%,transparent 32%);background-size:5px 5px;box-shadow:inset 0 0 0 2px #1c1d22,0 10px 26px rgba(0,0,0,.6)}
nav.tabs button{border-radius:6px;font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:.14em;color:rgba(255,180,58,.26);background:none}
nav.tabs button+button{box-shadow:-1px 0 0 rgba(255,255,255,.06)}
nav.tabs button[aria-current="page"]{background:none;color:#ffb43a;font-weight:700;text-shadow:0 0 6px rgba(255,180,58,.9),0 0 16px rgba(255,120,40,.5)}
nav.tabs .nb{font-size:0;min-width:0;width:8px;height:8px;padding:0;top:7px;right:6px;background:#ff3b3b;box-shadow:0 0 8px #ff3b3b}
/* 2B: faixa FUTF11 na diagonal entre ecrãs */
.tvwipe{position:fixed;top:-20%;bottom:-20%;left:0;width:70vw;z-index:90;pointer-events:none;display:grid;place-items:center;background:var(--fade);transform:translateX(-160%) skewX(-18deg);box-shadow:0 0 0 14px #0e1a30,0 0 0 20px rgba(255,196,64,.6)}
.tvwipe b{transform:skewX(18deg);font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:min(14vw,calc(var(--vh)*20));color:#0e1a30}
.tvwipe b i{font-style:normal;color:#fff}
/* 3A provisório: afundar e acender (usa "scale" para não mexer no transform de cada objeto) */
.f7press{scale:.95;filter:brightness(1.15);transition:scale .1s ease,filter .1s ease}
/* 3F: retirado (fica só o CSS, sem uso) */
.gnet{position:fixed;width:110px;height:110px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:95;background-image:linear-gradient(45deg,rgba(255,255,255,.75) 1.2px,transparent 1.2px),linear-gradient(-45deg,rgba(255,255,255,.75) 1.2px,transparent 1.2px);background-size:10px 10px;-webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.8) 25%,transparent 68%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.8) 25%,transparent 68%);animation:gnet .6s ease-out forwards}
@keyframes gnet{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}55%{transform:translate(-50%,-50%) scale(.97)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.gball{position:fixed;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:96;background:radial-gradient(circle at 35% 30%,#fff,#d8d8d8 55%,#888);animation:gball .45s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes gball{from{transform:translate(-50%,-50%) scale(1.6)}to{transform:translate(-50%,-50%) scale(.35);opacity:0}}
/* 4 C2: avisos no ecrã do estádio, com grafismo de repetição de TV */
.jbt{position:fixed;right:max(14px,env(safe-area-inset-right,0px));top:max(12px,env(safe-area-inset-top,0px));z-index:97;width:min(380px,calc(var(--vw) - 28px));pointer-events:none;--t:#3ddc84}
.jbt.ok{--t:#3ddc84}.jbt.gold{--t:#ffc440}.jbt.bad{--t:#ff5a5f}.jbt.var{--t:#7fb2ff}
.jbt .box{position:relative;overflow:hidden;border-radius:8px;background:#05070c;box-shadow:inset 0 0 0 3px #20242e,0 0 30px color-mix(in srgb,var(--t) 35%,transparent),0 14px 30px rgba(0,0,0,.6);color:#fff}
.jbt .box::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.5) 35%,transparent 38%);background-size:4px 4px;mix-blend-mode:multiply}
.jbt .hd{display:flex;align-items:center;gap:8px;width:72%;padding:6px 14px;background:var(--t);color:#07090f;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;animation:jbtag .45s cubic-bezier(.2,1,.3,1) both}
.jbt .hd i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#07090f;color:var(--t);font-size:.72rem;letter-spacing:0}
.jbt .bug{position:absolute;right:12px;top:6px;font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:.8rem;opacity:.85}
.jbt .bug i{font-style:normal;color:#ffc440}
.jbt .bd{padding:8px 16px 12px;animation:jbtxt .5s .12s cubic-bezier(.2,1,.3,1) both}
.jbt .bd b{display:block;font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:1.35rem;line-height:1.1;text-transform:uppercase;text-shadow:0 0 10px color-mix(in srgb,var(--t) 70%,transparent)}
.jbt .bd span{display:block;margin-top:3px;font-size:.88rem;color:#c9d4e6;line-height:1.35}
.jbt .tm{height:3px;background:var(--t);transform-origin:0 50%;animation:jbtm var(--life,2.8s) linear forwards}
.jbt.chk .hd{animation:jbtag .45s cubic-bezier(.2,1,.3,1) both,jbblink .5s steps(2) infinite}
.jbt.out{opacity:0;transition:opacity .35s}
@keyframes jbtag{from{transform:translateX(-110%)}}
@keyframes jbtxt{from{transform:translateX(30%);opacity:0}}
@keyframes jbtm{to{transform:scaleX(0)}}
@keyframes jbblink{50%{opacity:.45}}
/* 4B: carregamento com os holofotes a acender */
.boot{position:fixed;inset:0;z-index:200;display:grid;place-items:center;align-content:center;gap:18px;background:radial-gradient(80% 60% at 50% 30%,#14223d,#0a1424 70%);transition:opacity .4s}
.boot.out{opacity:0;pointer-events:none}
.boot b{font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:2.4rem;color:#fff;letter-spacing:.02em}
.boot b i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.boot .lights{display:flex;gap:14px}
.boot .lights i{width:22px;height:22px;border-radius:5px;background:#1d2230;box-shadow:inset 0 0 0 2px #2a3040;animation:bootlit 1.2s both}
.boot .lights i:nth-child(2){animation-delay:.15s}.boot .lights i:nth-child(3){animation-delay:.3s}.boot .lights i:nth-child(4){animation-delay:.45s}
@keyframes bootlit{0%,20%{background:#1d2230}40%,100%{background:#fffbe8;box-shadow:0 0 14px #fff2c0,0 0 30px rgba(255,230,160,.6)}}
.boot small{font-family:'Oswald','Arial Narrow',Impact,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9fb0cc;font-size:.8rem}
/* 5A: cromo fantasma quando ainda não há cromos de um clube */
.ab-empty{position:absolute;inset:18% 8% 8%;z-index:3;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;border-radius:10px;background:rgba(18,14,10,.82);color:#fff;padding:12px}
.ab-empty .gc{width:24%;max-width:90px;aspect-ratio:5/7;clip-path:polygon(14% 0,86% 0,100% 10%,100% 90%,86% 100%,14% 100%,0 90%,0 10%);background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));display:grid;place-items:center;font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-size:1.8rem;color:rgba(255,255,255,.4);outline:2px dashed rgba(255,255,255,.3);outline-offset:-5px}
.ab-empty b{font-family:'Oswald','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:1rem}
.ab-empty span{font-size:.8rem;color:#d6cbb8}
.ab-empty button{border:0;cursor:pointer;padding:.5em 1.1em;border-radius:999px;background:var(--fade);color:var(--on-accent);font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.jbt .hd,.jbt .bd,.jbt .tm,.boot .lights i{animation:none!important}}

/* a app só existe deitada (decisão de 1 nov 2026): com o telemóvel em pé, pede para rodar */
.rot{display:none}
@media (orientation:portrait){.rot{position:fixed;inset:0;z-index:300;display:grid;place-items:center;align-content:center;gap:18px;padding:24px max(24px,env(safe-area-inset-left,0px));text-align:center;background:radial-gradient(80% 60% at 50% 30%,#14223d,#0a1424 70%);color:#eef2f8}}
.rot b{font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:2.2rem}.rot b i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.rot .ph{width:64px;height:110px;border-radius:12px;border:3px solid #eef2f8;position:relative;animation:rotph 2.4s ease-in-out infinite}
.rot .ph::after{content:"";position:absolute;left:50%;bottom:6px;width:16px;height:3px;border-radius:2px;background:#eef2f8;transform:translateX(-50%)}
@keyframes rotph{0%,25%{transform:rotate(0)}55%,100%{transform:rotate(-90deg)}}
.rot p{margin:0;max-width:30ch;color:#9fb0cc;font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}
.rot button{border:0;cursor:pointer;padding:.7em 1.4em;border-radius:999px;background:var(--fade);color:var(--on-accent);font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.rot .ph{animation:none;transform:rotate(-90deg)}}
/* 1 nov 2026: menu LED mais baixo e proporcional à altura do ecrã, para não tapar os cromos do álbum nem o banco do perfil */
.land nav.tabs{bottom:max(4px,env(safe-area-inset-bottom,0px))}
.land nav.tabs .in{padding:2px 6px;border-radius:8px;background-size:4px 4px}
.land nav.tabs button{padding:.38em .95em;font-size:clamp(9px,calc(var(--vh)*3.3),14px);letter-spacing:.16em}
.land nav.tabs .nb{width:6px;height:6px;top:4px;right:4px}
/* ===== 1 nov 2026 (ajustes dos fundadores) ===== */
/* menu LED: cantos redondos só por fora; as divisórias entre opções são retas e vão de cima a baixo */
nav.tabs .in{overflow:hidden}
nav.tabs button{border-radius:0}
nav.tabs button+button{box-shadow:none;border-left:1px solid rgba(255,255,255,.1)}
.land nav.tabs .in{padding:0 6px}
.land nav.tabs button{padding:.6em .95em}
/* álbum: sem o menu de baixo, a caderneta desce até ao fundo; o menu passa para a barra de cima, em pequeno */
body.at-album nav.tabs{display:none}
.land.home-on.at-album .ab-stage .ab-book,body.at-album .ab-stage .ab-book{bottom:2.5%}
.land.home-on.at-album .ab-stage .ab-corner,body.at-album .ab-stage .ab-corner{bottom:.5%}
.ab-nav{display:flex;align-items:stretch;flex:none;background:#07080a;background-image:radial-gradient(rgba(255,255,255,.05) 30%,transparent 32%);background-size:3px 3px;border-radius:calc(.7*var(--u));box-shadow:inset 0 0 0 1px #1c1d22,0 calc(.4*var(--u)) calc(1.2*var(--u)) rgba(0,0,0,.5);overflow:hidden}
.ab-nav button{position:relative;border:0;background:none;cursor:pointer;padding:calc(.55*var(--u)) calc(.8*var(--u));font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:calc(1.05*var(--u));letter-spacing:.14em;text-transform:uppercase;color:rgba(255,180,58,.32);white-space:nowrap}
.ab-nav button+button{border-left:1px solid rgba(255,255,255,.1)}
.ab-nav button[aria-current=page]{color:#ffb43a;text-shadow:0 0 6px rgba(255,180,58,.9),0 0 14px rgba(255,120,40,.5)}
.ab-nav .nb{position:absolute;top:calc(.3*var(--u));right:calc(.25*var(--u));width:calc(.5*var(--u));height:calc(.5*var(--u));border-radius:50%;background:#ff3b3b;box-shadow:0 0 6px #ff3b3b}
.ab-hud .ab-filters button{padding:calc(.4*var(--u)) calc(.75*var(--u));font-size:calc(.95*var(--u))}
/* cromo aberto: cabe todo no ecrã, sem scroll; deitado, o texto fica ao lado */
.sheet.cdv{justify-items:center;width:auto;overflow:visible}
.cdv .flip{width:min(240px,calc((calc(var(--vh)*100) - 150px)*5/7));cursor:pointer}
.cdv-s{display:grid;gap:10px;justify-items:center;text-align:center}
.land .sheet.cdv{grid-template-columns:auto minmax(0,170px);align-items:center;gap:22px;max-width:none}
.land .cdv .flip{width:min(270px,calc((calc(var(--vh)*100) - 60px)*5/7))}
.land .cdv-s{justify-items:start;text-align:left}
/* verso do cromo: a mesma moldura de metal da frente, com a ficha lá dentro */
.flip .back.cb{background:none;border:0;padding:0;display:block;border-radius:0}
.cd .bk{position:absolute;left:7%;right:7%;top:21%;bottom:8%;z-index:3;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--f-display);text-align:center}
.cd .bk span{display:block;font-size:.68em;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.cd .bk-nm{font-weight:700;font-size:1.45em;line-height:1.05;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd .bk-cl{font-size:.78em;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.cd .bk-st{display:grid;grid-template-columns:repeat(3,1fr);border-top:.1em solid rgba(0,0,0,.3);border-bottom:.1em solid rgba(0,0,0,.3);padding:.35em 0}
.cd .bk-st div+div{border-left:.1em solid rgba(0,0,0,.22)}
.cd .bk-st b{display:block;font-size:1.25em;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.cd .bk-row{display:grid;grid-template-columns:1.5fr 1fr;gap:.6em;align-items:end}
.cd .bk-fb{display:flex;gap:.3em;align-items:flex-end;height:3.1em;margin-top:.3em}
.cd .bk-fb i{flex:1;position:relative;background:rgba(0,0,0,.6);border-radius:.25em .25em 0 0}
.cd .bk-fb em{position:absolute;left:0;right:0;top:.2em;font-style:normal;font-size:.72em;font-weight:700;color:#fff}
.cd .bk-rg{display:flex;gap:.35em;justify-content:center;margin:.5em 0 .3em}
.cd .bk-rg i{width:1.1em;height:1.1em;border-radius:50%;border:.15em solid currentColor;opacity:.5}
.cd .bk-rg i.on{background:#1f9d55;border-color:#0f5c30;opacity:1}
.cd .bk-sp svg{display:block;width:100%;height:2.3em;margin-top:.25em}
.cd .bk-tx{margin:0;font-family:var(--f-body);font-size:.85em;line-height:1.35;opacity:.85}
/* abrir todas as saquetas de uma vez (a partir de 7) */
.lj-hud .r2{display:flex;gap:calc(.6*var(--u));flex-wrap:wrap}
.sheet.oa{max-width:min(calc(var(--vw)*.96),920px);width:100%;height:calc(calc(var(--vh)*100) - 24px);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.land .sheet.oa{max-width:min(calc(var(--vw)*.96),920px)}
.oa-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.oa-h b{font-family:var(--f-display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}
.oa-h span{color:var(--muted);font-size:.85rem}
.oa-h span i{font-style:normal;color:#ffc440}
.oa-h .btn{margin-left:auto}
.oa-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px 10px;overflow:auto;padding:10px 6px 4px;container-type:inline-size}
.oa-c{position:relative}
.oa-c .sq-tag{transform:none;font-size:9px;right:-4%;top:-5%}
.oa-c .sq-tag.rep{background:#3a4a66;color:#dfe7f3}
.oa-c .pf-kc{font-size:9px}
/* perfil: o placard dos números abre e mostra o detalhe (proposta, conteúdo por decidir) */
.pf-bw{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);z-index:15;display:grid;justify-items:stretch;gap:calc(.5*var(--u))}
.pf-bw .pf-board{position:relative;left:auto;bottom:auto;transform:none;cursor:pointer}
.pf-board .pf-ch{position:absolute;right:calc(.5*var(--u));top:calc(.3*var(--u));font-style:normal;font-size:calc(.9*var(--u));color:#bfae92;transition:transform .3s}
.pf-bw.open .pf-ch{transform:rotate(180deg)}
.pf-more{display:grid;grid-template-columns:1.4fr 1fr;gap:calc(.6*var(--u)) calc(1.6*var(--u));padding:0 calc(1.2*var(--u));max-height:0;opacity:0;overflow:hidden;border-radius:calc(1.2*var(--u));background:rgba(8,7,10,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,220,170,.14);transition:max-height .35s ease,opacity .25s ease,padding .35s ease;font-family:var(--f-display);color:#efe6d6}
.pf-bw.open .pf-more{max-height:calc(40*var(--u));opacity:1;padding:calc(1*var(--u)) calc(1.2*var(--u))}
.pf-more h4{margin:0 0 calc(.4*var(--u));font-size:calc(.9*var(--u));letter-spacing:.14em;text-transform:uppercase;color:#bfae92;font-weight:600}
.pf-more .cr{display:grid;grid-template-columns:calc(1.8*var(--u)) calc(9*var(--u)) 1fr auto;align-items:center;gap:calc(.6*var(--u));font-size:calc(1.1*var(--u));padding:calc(.2*var(--u)) 0}
.pf-more .cr svg{width:100%;height:auto}
.pf-more .cr .br{height:calc(.5*var(--u));border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.pf-more .cr .br i{display:block;height:100%;background:var(--fade)}
.pf-more .cr b{font-weight:600;font-variant-numeric:tabular-nums;color:#fff}
.pf-more .tp{display:flex;justify-content:space-between;font-size:calc(1.1*var(--u));padding:calc(.22*var(--u)) 0;border-bottom:1px solid rgba(255,255,255,.07)}
.pf-more .tp b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.pf-more .nt{grid-column:1/-1;font-family:var(--f-body);font-size:calc(.85*var(--u));color:#9d917e;margin:0}
.pf-more .cr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}