/* In-play status, scores and actions for the three AR tables. */
body[data-ar-surface]:not(.tv-mode) #room[data-table-turn] {
  --ar-game-gold: #f0ca82;
  --ar-game-mint: #a1e3bf;
}

body[data-ar-surface]:not(.tv-mode) #room[data-table-turn] :is(.table-heading, .game-status) {
  margin-block: 6px;
  padding: 9px 12px;
  border: 1px solid #eac78c30;
  border-radius: 12px;
  background: linear-gradient(110deg, #322632, #1a181f 72%);
}

body[data-ar-surface]:not(.tv-mode) #room[data-table-turn="own"] :is(.table-heading, .game-status) {
  border-color: #a1e3bf80;
  background: linear-gradient(110deg, #203b31, #20242a 72%);
}

body[data-ar-surface]:not(.tv-mode) #room[data-table-turn="own"] #turn-label::before {
  content: "◆ SUA VEZ";
  display: inline-block;
  margin-inline-end: .7em;
  padding: .35em .65em;
  border-radius: 999px;
  background: var(--ar-game-mint);
  color: #132920;
  font: 800 .62em/1.15 system-ui, sans-serif;
  letter-spacing: .06em;
  vertical-align: .15em;
  white-space: nowrap;
}

body[data-ar-surface] #room #players .life-card.turn {
  background: linear-gradient(145deg, #412f38, #211c26);
  border-color: #eac78c9c;
  box-shadow: inset 0 3px var(--ar-game-gold);
}

body[data-ar-surface] #room .life-card.champion {
  border-color: var(--ar-game-gold);
  box-shadow: inset 0 0 18px #e5b75e2e;
}

body[data-ar-surface] #room :is(.life-balance strong, .life-card > strong, .score-side > strong) {
  font-variant-numeric: tabular-nums;
}

body[data-ar-surface]:not(.tv-mode) #room[data-table-turn="own"] :is(#actions .primary, #play, #confirm-bid):enabled {
  box-shadow: 0 0 0 2px #f0ca8266, 0 3px 12px #190c1055;
}

body[data-ar-surface="caixeta"]:not(.tv-mode) #room[data-table-turn="own"] :is(#draw-stock, #draw-discard, #discard):enabled {
  outline: 2px solid #ffdf9c;
  outline-offset: 2px;
  box-shadow: 0 0 16px 3px #ffcb6860;
}

body[data-ar-surface] #room :is(#bolo, #event):not(:empty) {
  width: fit-content;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid #edbf706b;
  background: #310c20cc;
  color: #ffdf9c;
}

body[data-ar-surface] #room #event:not(:empty) {
  margin-inline: auto;
}

@media (max-width: 600px) {
  body[data-ar-surface]:not(.tv-mode) #room[data-table-turn] :is(.table-heading, .game-status) {
    padding: 7px 9px;
  }

  body[data-ar-surface]:not(.tv-mode) #room[data-table-turn="own"] #turn-label::before {
    margin-inline-end: .45em;
  }
}

body[data-ar-surface="buraco"]:not(.tv-mode) #room[data-table-turn="own"][data-table-stage="draw"] .card-stack,
body[data-ar-surface="buraco"]:not(.tv-mode) #room[data-table-turn="own"] #actions [data-action="draw"]:enabled,
body[data-ar-surface="buraco"]:not(.tv-mode) #room[data-table-turn="own"] #actions [data-action="discard"]:enabled,
body[data-ar-surface="fodinha"]:not(.tv-mode) #room[data-table-turn="own"] :is(#play, #confirm-bid):enabled {
  outline: 2px solid #ffdf9c;
  outline-offset: 2px;
  box-shadow: 0 0 16px 3px #ffcb6860;
}

body[data-ar-surface="buraco"] #buraco-draw-stock {
  display: block;
  padding: 0;
  min-height: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

body[data-ar-surface="buraco"] #buraco-draw-stock:disabled {
  cursor: default;
  opacity: 1;
}

body[data-ar-surface="buraco"] #buraco-draw-stock:focus-visible {
  outline: 3px solid #ffdf9c;
  outline-offset: 4px;
}

body[data-ar-surface="buraco"] #discard-face {
  cursor: pointer;
}

body[data-ar-surface="buraco"] #discard-face:disabled {
  cursor: default;
  opacity: 1;
}

body[data-ar-surface="buraco"] .discard-drop-ready #discard-face {
  outline: 3px solid #ffdf9c;
  outline-offset: 4px;
  box-shadow: 0 0 18px #ffcb6870;
}

body[data-ar-surface="buraco"] #hand .buraco-drag-origin {
  outline: 2px solid #ffdf9c;
  outline-offset: 2px;
}