/* Tabuleiros Premium V2: somente a nova sexta opção e a vitrine independente. */
html body #lobby.lounge-lobby .lounge-games{
  display:flex!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  box-sizing:border-box!important;
  flex-wrap:nowrap!important;
  gap:clamp(7px,1vw,14px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  touch-action:pan-x pan-y;
  padding:3px 1px 9px!important;
}
html body #lobby.lounge-lobby .lounge-games::-webkit-scrollbar{display:none}
html body #lobby.lounge-lobby .lounge-games>.choice {
  flex:0 0 clamp(110px,16.1%,218px)!important;
  width:auto!important;
  min-width:110px!important;
  max-width:none!important;
  scroll-snap-align:start;
}
html body #lobby.lounge-lobby .lounge-games>.tb-mode-tile {
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  font:inherit;
}
html body #lobby.lounge-lobby .lounge-games>.tb-mode-tile>span {
  width:100%;
  background:linear-gradient(0deg,#06130ff0,transparent 74%),url('/tabuleiros/assets/mini-tabuleiros-v14.webp') center center / cover no-repeat!important;
}
html body #lobby.lounge-lobby .lounge-games>.tb-mode-tile[aria-pressed="true"]>span {
  border:2px solid #ffdc7b!important;
  box-shadow:0 0 0 2px #ecc56644,0 6px 18px #0009!important;
  transform:translateY(-2px);
}
html body #lobby.lounge-lobby .lounge-games>.tb-mode-tile[aria-pressed="true"]>span::after {
  content:"";position:absolute;right:9px;top:9px;
  width:22px;height:22px;border:3px solid #ffdc7b;border-radius:50%;
  background:#123a28;
  box-shadow:inset 0 0 0 5px #123a28,inset 0 0 0 9px #ffdc7b;
}
html body #lobby.lounge-lobby .pilot-lobby-card.tb-mode-selected .lounge-games input[name="mode"]:checked+span {
  transform:none!important;
  border:1px solid #bea15c88!important;
  box-shadow:0 8px 20px #0005!important;
}
html body #lobby.lounge-lobby .pilot-lobby-card.tb-mode-selected .lounge-games input[name="mode"]:checked+span::after{display:none!important}
html body #lobby.lounge-lobby .tb-lobby-showcase {
  display:grid;gap:15px;
  border:1px solid #bba46a62;
  padding:clamp(12px,2vw,22px);
  border-radius:22px;
  background:radial-gradient(ellipse at top,#174e354d,#071e16 74%);
  box-shadow:0 15px 35px #0005;
}
html body #lobby.lounge-lobby .tb-lobby-showcase.hidden{display:none!important}
html body #lobby.lounge-lobby .tb-lobby-banner {
  position:relative;
  min-height:clamp(185px,26vw,345px);
  isolation:isolate;
  overflow:hidden;
  border-radius:17px;
  background:#06251d;
  border:1px solid #c6a45c5a;
}
html body #lobby.lounge-lobby .tb-lobby-banner>img {
  position:absolute;z-index:-2;inset:0;
  height:100%;width:100%;object-fit:cover;object-position:70% center;
}
html body #lobby.lounge-lobby .tb-lobby-banner::after {
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#031a14fa 0%,#031a14df 29%,#031a1499 52%,#031a1411 100%);
  pointer-events:none;
}
html body #lobby.lounge-lobby .tb-lobby-banner-copy {
  padding:clamp(19px,3vw,42px);max-width:min(72%,680px);
  text-shadow:0 3px 8px #03130a;
}
html body #lobby.lounge-lobby .tb-lobby-banner-copy>span,
html body #lobby.lounge-lobby .tb-lobby-option-kicker {
  display:block;
  font-size:clamp(9px,1vw,14px);
  letter-spacing:1.8px;
  color:#f7d783;
  font-weight:900;
}
html body #lobby.lounge-lobby .tb-lobby-banner h2 {
  margin:12px 0 4px;
  color:#ffe5a3;
  font:900 clamp(31px,6vw,74px)/1.05 Georgia,serif;
  letter-spacing:-1px;
}
html body #lobby.lounge-lobby .tb-lobby-banner h3 {
  margin:3px 0 9px;
  color:#fff0c9;
  font:700 clamp(17px,2.5vw,31px) Georgia,serif;
}
html body #lobby.lounge-lobby .tb-lobby-banner p {
  margin:0;line-height:1.5;
  font-size:clamp(11px,1.2vw,17px);
  color:#e6e7d7;
}
html body #lobby.lounge-lobby .tb-lobby-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;gap:clamp(9px,2vw,18px);
}
html body #lobby.lounge-lobby .tb-lobby-option {
  display:flex;flex-direction:column;align-items:center;gap:7px;
  min-width:0;min-height:0;padding:clamp(9px,1.2vw,18px);
  border:1px solid #dcc07890;border-radius:18px;
  background:linear-gradient(145deg,#0b3626,#041b14);
  color:#f6e7bd;text-decoration:none;text-align:center;
  box-shadow:0 9px 25px #0006;touch-action:manipulation;
}
html body #lobby.lounge-lobby .tb-lobby-option:focus-visible {
  outline:3px solid #fff2b0;outline-offset:3px;
}
html body #lobby.lounge-lobby .tb-lobby-option>img {
  display:block;width:100%;height:clamp(100px,18vw,220px);
  object-fit:cover;object-position:center;
  border-radius:12px;border:1px solid #dab87566;
}
html body #lobby.lounge-lobby .tb-lobby-option>strong {
  font:900 clamp(19px,2.9vw,38px)/1.1 Georgia,serif;
  color:#fbe0a0;
}
html body #lobby.lounge-lobby .tb-lobby-option-caption{
  font-size:clamp(10px,1.15vw,16px);line-height:1.3;
}
html body #lobby.lounge-lobby .tb-lobby-option>.tb-lobby-action {
  display:grid;place-items:center;
  width:100%;min-height:48px;
  padding:10px 7px;margin-top:auto;
  border:2px solid #f2d787;border-radius:12px;
  background:linear-gradient(135deg,#126b46,#06412b);
  color:#fff0bb;font-weight:900;
  font-size:clamp(10px,1.25vw,16px);
  box-shadow:0 4px 0 #7a5726;
}
@media(max-width:600px){
  html body #lobby.lounge-lobby .lounge-games {
    gap:8px!important;
    padding:3px 1px 9px!important;
  }
  html body #lobby.lounge-lobby .lounge-games>.choice {
    flex:0 0 clamp(110px,29vw,132px)!important;
    min-width:110px!important;
  }
  html body #lobby.lounge-lobby .lounge-games>.choice>span{
    height:90px!important;
    min-height:90px!important;
    padding:8px 5px!important;
  }
  html body #lobby.lounge-lobby .lounge-games>.choice span strong{font-size:11px!important;line-height:1.1}
  html body #lobby.lounge-lobby .tb-lobby-banner{min-height:230px}
  html body #lobby.lounge-lobby .tb-lobby-banner-copy{max-width:80%;padding:18px}
  html body #lobby.lounge-lobby .tb-lobby-banner h2{font-size:clamp(30px,8vw,44px)}
  html body #lobby.lounge-lobby .tb-lobby-banner p{font-size:11px}
  html body #lobby.lounge-lobby .tb-lobby-option {padding:8px;gap:6px;border-radius:13px}
  html body #lobby.lounge-lobby .tb-lobby-option>img{height:clamp(92px,29vw,145px)}
  html body #lobby.lounge-lobby .tb-lobby-option-kicker {font-size:8px;letter-spacing:.4px}
  html body #lobby.lounge-lobby .tb-lobby-option>strong {font-size:clamp(18px,5.5vw,26px)}
  html body #lobby.lounge-lobby .tb-lobby-option-caption{font-size:10px}
  html body #lobby.lounge-lobby .tb-lobby-option>.tb-lobby-action{min-height:45px;font-size:10px;padding:9px 4px}
}
@media(max-width:340px){
  html body #lobby.lounge-lobby .tb-lobby-showcase {padding:8px;gap:8px}
  html body #lobby.lounge-lobby .tb-lobby-options{gap:7px}
  html body #lobby.lounge-lobby .tb-lobby-option>strong{font-size:17px}
  html body #lobby.lounge-lobby .tb-lobby-option>.tb-lobby-action{font-size:9px}
}

/* Navegação premium de Tabuleiros V9 — escopo exclusivo desta vitrine.
   Conserva o layout aprovado e as artes vetoriais originais 1920 × 1080. */
html body #lobby.lounge-lobby .tb-lobby-showcase {
  position:relative;
  isolation:isolate;
}
html body #lobby.lounge-lobby .tb-lobby-banner > img {
  z-index:0!important;
  image-rendering:auto;
  filter:contrast(1.08) saturate(1.1);
  pointer-events:none;
}
html body #lobby.lounge-lobby .tb-lobby-banner::after {
  z-index:1!important;
}
html body #lobby.lounge-lobby .tb-lobby-banner-copy {
  position:relative;
  z-index:2;
  pointer-events:none;
}
html body #lobby.lounge-lobby .tb-lobby-options {
  position:relative;
  z-index:3;
  isolation:isolate;
}
html body #lobby.lounge-lobby .tb-lobby-options > a.tb-lobby-option {
  position:relative;
  z-index:1;
  cursor:pointer;
  pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
html body #lobby.lounge-lobby .tb-lobby-options > a.tb-lobby-option > img {
  image-rendering:auto;
  object-position:63% center;
  filter:contrast(1.08) saturate(1.08);
  pointer-events:none;
}
html body #lobby.lounge-lobby .tb-lobby-options > a.tb-lobby-option > span,
html body #lobby.lounge-lobby .tb-lobby-options > a.tb-lobby-option > strong {
  pointer-events:none;
}
html body #lobby.lounge-lobby .tb-lobby-options > a.tb-lobby-option:active {
  border-color:#ffe9a6;
  box-shadow:0 0 0 2px #ffe9a64f,0 7px 25px #0008;
}

/* V10 — fotografia aprovada, extraída como asset separado da referência enviada.
   Nunca bloquear toque ou transformar cartões em imagens estáticas. */
html body #lobby.lounge-lobby .tb-lobby-banner {
  background:radial-gradient(circle at 76% 35%,#72502b35,transparent 50%),#052519;
}
html body #lobby.lounge-lobby .tb-lobby-banner>img.tb-photo-hero {
  position:absolute;
  left:auto!important;
  right:0!important;
  top:0!important;
  width:57%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
  image-rendering:auto!important;
  filter:saturate(1.09) contrast(1.08);
  pointer-events:none;
}
html body #lobby.lounge-lobby .tb-lobby-banner::after {
  background:linear-gradient(90deg,#031a14 0%,#031a14 28%,#031a14bb 48%,#031a1410 100%)!important;
}
html body #lobby.lounge-lobby .tb-lobby-option>img.tb-photo-xadrez {
  object-fit:cover!important;object-position:50% 50%!important;
  filter:saturate(1.08) contrast(1.08)!important;
}
html body #lobby.lounge-lobby .tb-lobby-option>img.tb-photo-damas {
  object-fit:cover!important;object-position:50% 56%!important;
  filter:saturate(1.08) contrast(1.08)!important;
}
@media(max-width:600px) {
  html body #lobby.lounge-lobby .tb-lobby-banner>img.tb-photo-hero {width:59%!important;}
  html body #lobby.lounge-lobby .tb-lobby-banner::after {
    background:linear-gradient(90deg,#031a14 0%,#031a14f0 25%,#031a14cc 56%,#031a1420 100%)!important;
  }
}