/* TAÇA DOS FINOS — QUIOSQUE v5.2; só seis botões operacionais */
html:has(body.is-kiosk),body.is-kiosk{overscroll-behavior:none}
body.is-kiosk{background:#070707;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}
body.is-kiosk .shell{display:block;max-width:none;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0}
body.is-kiosk .header,body.is-kiosk .footer{display:none!important}
body.is-kiosk main{width:100%;height:100%;overflow:hidden;min-height:0}
.kiosk-shell{position:relative;height:100dvh;width:100%;padding:clamp(9px,1.4vw,22px);background:radial-gradient(ellipse at 50% 100%,rgba(74,41,16,.21),transparent 44%),linear-gradient(180deg,#0e0c0b,#0a0a0c 55%,#0d0b0a)}
.kiosk-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(9px,1.35vw,20px)}
.kiosk-card{--t:85,164,91;--g:#152b1f;--bg:url('./assets/card-veterenos-cortegaca.jpg');--edge:#8cae63;--bright:#c5d8a0;
  position:relative;isolation:isolate;overflow:hidden;appearance:none;border:1px solid rgba(var(--t),.71);border-radius:clamp(14px,1.7vw,25px);min-width:0;min-height:0;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(3px,.5vw,9px);padding:clamp(7px,1.3vw,21px);color:#fff;
  cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(180deg,rgba(var(--t),.22),rgba(0,0,0,.1) 36%,rgba(0,0,0,.4) 100%),var(--bg) center/cover no-repeat,var(--g);
  box-shadow:inset 0 1px 0 rgba(255,245,212,.34),inset 0 0 0 1px rgba(255,255,255,.035),inset 0 0 60px rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.48),0 0 11px rgba(var(--t),.10);
  transition:filter .16s ease, transform .16s ease, border-color .16s ease, box-shadow .16s ease}
.kiosk-card::before{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;z-index:0;background:linear-gradient(150deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.01) 21%,transparent 32%),radial-gradient(ellipse at 5% 0%,rgba(var(--t),.25),transparent 56%),radial-gradient(ellipse at 98% 96%,rgba(0,0,0,.58),transparent 58%)}
.kiosk-card::after{content:'';position:absolute;inset:5px;border-radius:clamp(9px,1.2vw,19px);border:1px solid rgba(var(--t),.22);box-shadow:inset 0 0 0 1px rgba(0,0,0,.32);pointer-events:none;z-index:4}
.kiosk-card-face{pointer-events:none;position:absolute;top:0;left:8%;width:84%;height:2px;background:linear-gradient(90deg,transparent,var(--bright),transparent);opacity:.58;filter:blur(.2px);z-index:5}
.kiosk-card-sheen{position:absolute;inset:-15% 54% -30% -20%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.065),transparent);pointer-events:none;z-index:0}
.kiosk-card[data-team="veterenos-cortegaca"]{--t:81,171,95;--g:#143422;--bg:url('./assets/card-veterenos-cortegaca.jpg');--bright:#afcc95}
.kiosk-card[data-team="montanelas-united"]{--t:68,147,226;--g:#122c49;--bg:url('./assets/card-montanelas-united.jpg');--bright:#a5d1ff}
.kiosk-card[data-team="bernardo-fc"]{--t:228,173,63;--g:#342a19;--bg:url('./assets/card-bernardo-fc.jpg');--bright:#f4d387}
.kiosk-card[data-team="amigos-do-pedro"]{--t:170,101,206;--g:#2f2042;--bg:url('./assets/card-amigos-do-pedro.jpg');--bright:#d7b4e8}
.kiosk-card[data-team="trinquinhas"]{--t:214,58,66;--g:#431b24;--bg:url('./assets/card-trinquinhas.jpg');--bright:#ffadb0}
.kiosk-card[data-team="craques-de-sexta"]{--t:53,190,153;--g:#153930;--bg:url('./assets/card-craques-de-sexta.jpg');--bright:#a3f4d5}
.kiosk-crest{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;max-height:80%;min-width:0;width:100%}
.kiosk-crest img{display:block;width:100%;height:100%;max-height:100%;max-width:95%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.5));pointer-events:none;-webkit-user-drag:none}
.kiosk-crest img[hidden]{display:none}
.kiosk-name{position:relative;z-index:2;display:block;flex:0 0 auto;width:100%;min-height:1em;text-align:center;color:#fffaf4;letter-spacing:.25px;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 0 rgba(0,0,0,.8),0 4px 10px rgba(0,0,0,.65);font:900 clamp(18px,1.9vw,34px)/1 var(--display)}
.kiosk-card:active,.kiosk-card.pulse{transform:scale(.974);filter:brightness(1.25);border-color:var(--bright);box-shadow:inset 0 0 0 2px rgba(var(--t),.5),0 0 22px rgba(var(--t),.44)}
.kiosk-card:focus-visible{outline:3px solid #ffda75;outline-offset:2px}
@media(hover:hover){.kiosk-card:hover{filter:brightness(1.13);border-color:rgba(var(--t),.95);box-shadow:inset 0 1px 0 rgba(255,245,212,.44),0 10px 23px rgba(0,0,0,.5),0 0 13px rgba(var(--t),.20)}}
@media(orientation:portrait){.kiosk-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.kiosk-name{font-size:clamp(14px,3.5vw,26px)}}
@media(max-height:620px) and (orientation:landscape){.kiosk-shell{padding:7px}.kiosk-grid{gap:8px}.kiosk-card{padding:7px}.kiosk-name{font-size:clamp(16px,1.7vw,24px)}}
body.is-kiosk .offline-banner{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:6;width:max-content;max-width:90vw;padding:9px 12px}
body.is-kiosk .demo-banner{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:6;max-width:min(660px,95vw);margin:0;padding:9px 12px}
@media(prefers-reduced-motion:reduce){.kiosk-card{transition:none}}
/* Typography must remain unmistakably legible if the webfont CDN is unavailable. */
.kiosk-name {
  font-family:'Barlow Condensed','Roboto Condensed','Arial Narrow',Impact,sans-serif !important;
  font-weight:900 !important;
  font-size:clamp(22px,2.75vw,42px) !important;
  line-height:1 !important;
  letter-spacing:.2px !important;
}
@media (orientation:portrait){.kiosk-name{font-size:clamp(17px,4vw,30px)!important}}
@media (max-height:620px) and (orientation:landscape){.kiosk-name{font-size:clamp(17px,2vw,28px)!important}}