/* Tema das partidas: o ambiente acompanha o site e cartas, tabuleiros, feltro e peças ficam intactos. */
html[data-theme=light]:has(.uno-page,.gartic-page,.checkers-page,.domino-page,.pool-page){background:#eee9dc}
html[data-theme=light] body.uno-page:not(.is-in-room),
html[data-theme=light] body.gartic-page:not(.is-in-room),
html[data-theme=light] body.checkers-page:not(.is-in-room),
html[data-theme=light] body.domino-page:not(.is-in-room),
html[data-theme=light] body.pool-page:not(.is-in-room){
  --uno-bg:#eee9dc;
  --uno-surface:#fffdf8;
  --uno-surface-2:#f7f3ea;
  --uno-ink:#24271f;
  --uno-muted:#5d6458;
  --uno-border:rgba(36,39,31,.14);
  --neutral-100:#24271f;
  --neutral-300:#5d6458;
  --neutral-900:#fffdf8;
  --neutral-950:#eee9dc;
  --rank-ink:#24271f;
  --rank-muted:#5d6458;
  --rank-line:rgba(36,39,31,.12);
  --rank-surface:rgba(246,214,83,.14);
  background-color:#eee9dc!important;
  color:#24271f!important;
  background-image:linear-gradient(rgba(28,32,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,32,24,.025) 1px,transparent 1px)!important;
  background-size:5px 5px,7px 7px!important;
}
html[data-theme=light] body:not(.is-in-room) .game-header{border-color:rgba(36,39,31,.14)!important}
html[data-theme=light] body:not(.is-in-room) .game-back{color:#556050!important}
html[data-theme=light] body:not(.is-in-room) .game-back:hover,
html[data-theme=light] body:not(.is-in-room) .game-brand strong{color:#24271f!important}
html[data-theme=light] body:not(.is-in-room) .game-brand small{color:#667060!important}
html[data-theme=light] body:not(.is-in-room) .game-header .header-account{border-color:rgba(36,39,31,.16)!important;background:rgba(255,253,247,.94)!important;box-shadow:0 10px 24px rgba(54,48,32,.1)!important}
html[data-theme=light] body:not(.is-in-room) .game-header .header-account>img{border-color:rgba(36,39,31,.22)!important}
html[data-theme=light] body:not(.is-in-room) .game-header .header-account small{color:#667060!important}
html[data-theme=light] body:not(.is-in-room) .game-header .header-account strong{color:#24271f!important}
html[data-theme=light] body:not(.is-in-room) .game-hero,
html[data-theme=light] body:not(.is-in-room) .lobby-entry,
html[data-theme=light] body:not(.is-in-room) .rooms-section,
html[data-theme=light] body:not(.is-in-room) .game-ranking{
  border:1px solid rgba(36,39,31,.1)!important;
  border-radius:18px;
  background:rgba(255,253,247,.92)!important;
  box-shadow:0 16px 40px rgba(54,48,32,.08)!important;
}
html[data-theme=light] body:not(.is-in-room) .game-hero{padding:28px 32px 32px!important}
html[data-theme=light] body:not(.is-in-room) .lobby-layout{padding-top:22px}
html[data-theme=light] body:not(.is-in-room) .lobby-entry,
html[data-theme=light] body:not(.is-in-room) .rooms-section{padding:22px 24px 26px!important;border-right:0!important}
html[data-theme=light] body:not(.is-in-room) .game-ranking{margin-top:22px;padding:26px 28px 22px!important}
html[data-theme=light] body:not(.is-in-room) .game-hero h1,
html[data-theme=light] body:not(.is-in-room) .lobby-entry h2,
html[data-theme=light] body:not(.is-in-room) .rooms-section h2,
html[data-theme=light] body:not(.is-in-room) .game-ranking h2{color:#24271f!important}
html[data-theme=light] body:not(.is-in-room) .game-hero h1+p,
html[data-theme=light] body:not(.is-in-room) .game-facts,
html[data-theme=light] body:not(.is-in-room) .empty,
html[data-theme=light] body:not(.is-in-room) .rooms-loading,
html[data-theme=light] body:not(.is-in-room) .room-summary small,
html[data-theme=light] body:not(.is-in-room) .room-state,
html[data-theme=light] body:not(.is-in-room) .dialog-hint{color:#4e5548!important}
html[data-theme=light] body:not(.is-in-room) .game-facts span:before{background:#b8922a!important}
html[data-theme=light] body:not(.is-in-room) .empty strong,
html[data-theme=light] body:not(.is-in-room) .room-summary strong{color:#24271f!important}
html[data-theme=light] body:not(.is-in-room) .eyebrow,
html[data-theme=light] body:not(.is-in-room) .section-kicker{color:#8a6d12!important}
html[data-theme=light] body:not(.is-in-room) .player-identity{border-color:rgba(36,39,31,.12)!important;background:linear-gradient(145deg,#fffdf8,#f4efe4)!important;box-shadow:none!important}
html[data-theme=light] body:not(.is-in-room) .player-identity__copy small,
html[data-theme=light] body:not(.is-in-room) .player-identity__stats small{color:#5d6458!important}
html[data-theme=light] body:not(.is-in-room) .player-identity__copy strong,
html[data-theme=light] body:not(.is-in-room) .player-identity__stats strong{color:#24271f!important}
html[data-theme=light] body:not(.is-in-room) .player-identity__copy em{color:#806b10!important}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile{
  border-color:color-mix(in srgb,var(--profile-color) 62%,#5a5138)!important;
  background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--profile-color) 24%,transparent),transparent 42%),linear-gradient(145deg,#262920,#161814)!important;
  box-shadow:0 14px 32px rgba(48,43,28,.16)!important;
}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__copy small,
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__stats small{color:#d5d8cc!important}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__copy em{color:#f0c75e!important}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__copy strong:not(.profile-name-gradient){color:#f7f3e8!important}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__stats{border-top-color:rgba(255,255,255,.1)!important;background:rgba(0,0,0,.16)!important}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__stats>span+span{border-left-color:rgba(255,255,255,.08)!important}
html[data-theme=light] body:not(.is-in-room) .player-identity.is-premium-profile .player-identity__stats strong{color:#f6f1e5!important}
html[data-theme=light] body:not(.is-in-room) input,
html[data-theme=light] body:not(.is-in-room) select,
html[data-theme=light] body:not(.is-in-room) textarea{border-color:rgba(36,39,31,.16)!important;background:#fffdf8!important;color:#24271f!important}
html[data-theme=light] body:not(.is-in-room) input::placeholder{color:#8a9080!important}
html[data-theme=light] body:not(.is-in-room) dialog{border-color:rgba(36,39,31,.14)!important;background:#fffdf8!important;color:#24271f!important;box-shadow:0 28px 70px rgba(54,48,32,.18)!important}
.dialog-close{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;background:rgba(255,255,255,.07)!important;color:var(--neutral-100)!important;font:400 1.65rem/1 Arial,sans-serif!important;box-shadow:none!important;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s!important}
.dialog-close:hover,.dialog-close:focus-visible{outline:0!important;border-color:color-mix(in srgb,var(--game-accent) 58%,transparent)!important;background:var(--game-accent)!important;color:var(--game-accent-ink)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--game-accent) 22%,transparent)!important;transform:scale(1.05)!important}
.dialog-close:active{transform:scale(.96)!important}
html[data-theme=light] body:not(.is-in-room) dialog::backdrop{background:rgba(238,233,220,.72)!important}
html[data-theme=light] body:not(.is-in-room) dialog .dialog-close{border-color:rgba(36,39,31,.16)!important;background:rgba(36,39,31,.07)!important;color:#30352b!important;box-shadow:none!important}
html[data-theme=light] body:not(.is-in-room) dialog .dialog-close:hover,html[data-theme=light] body:not(.is-in-room) dialog .dialog-close:focus-visible{border-color:rgba(128,107,16,.42)!important;background:#b49b28!important;color:#fff!important;box-shadow:0 5px 14px rgba(91,76,20,.2)!important}
html[data-theme=light] body:not(.is-in-room) .segmented-control{background:#fffdf8}
html[data-theme=light] body:not(.is-in-room) .room-row{border-bottom-color:rgba(36,39,31,.1)!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player--row{border-bottom-color:rgba(36,39,31,.08)!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player--row:hover{background:rgba(246,214,83,.16)!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player--row .ranking-player__avatar:not(.has-frame){border-color:rgba(36,39,31,.16)!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player--podium .ranking-player__position{border-color:#fffdf8!important;background:#fffdf8!important;box-shadow:0 6px 16px rgba(54,48,32,.12)}
html[data-theme=light] body:not(.is-in-room) .ranking-player--podium.place-1 .ranking-player__position{color:#8a6d12!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player--podium.place-2 .ranking-player__position{color:#5e676e!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player--podium.place-3 .ranking-player__position{color:#8d5a34!important}
html[data-theme=light] body:not(.is-in-room) .ranking-player__rate i{background:rgba(36,39,31,.1)!important}
html[data-theme=light] body:not(.is-in-room) .game-ranking__own{border-color:rgba(128,107,16,.28)!important;background:#fffaf0!important;box-shadow:0 12px 28px rgba(54,48,32,.08)!important}
html[data-theme=light] body:not(.is-in-room) .game-ranking__own>small{color:#806b10!important}
html[data-theme=light] body:not(.is-in-room) .game-ranking__tabs{border-color:rgba(36,39,31,.14)!important;background:#fffdf8!important}
html[data-theme=light] body:not(.is-in-room) .game-ranking__pagination button:hover:not(:disabled){border-color:#806b10!important;color:#66550a!important}
html[data-theme=light] body:not(.is-in-room) .lobby-footer,
html[data-theme=light] body:not(.is-in-room) .lobby-footer a{color:#5d6458!important}
html[data-theme=light] body:not(.is-in-room) .secondary,
html[data-theme=light] body:not(.is-in-room) .refresh-button{border-color:rgba(36,39,31,.2)!important;background:#fffdf8!important;color:#30352b!important}
html[data-theme=light] body:not(.is-in-room) .secondary:hover,
html[data-theme=light] body:not(.is-in-room) .refresh-button:hover{border-color:#806b10!important;background:#fffdf8!important;color:#66550a!important}
@media(max-width:760px){
  html[data-theme=light] body:not(.is-in-room) .game-hero,
  html[data-theme=light] body:not(.is-in-room) .lobby-entry,
  html[data-theme=light] body:not(.is-in-room) .rooms-section,
  html[data-theme=light] body:not(.is-in-room) .game-ranking{padding-inline:16px!important}
}

/* Partida em andamento: o entorno fica claro e a mesa de cada jogo permanece. */
html[data-theme=light] body.uno-page.is-in-room,
html[data-theme=light] body.gartic-page.is-in-room,
html[data-theme=light] body.checkers-page.is-in-room,
html[data-theme=light] body.domino-page.is-in-room,
html[data-theme=light] body.pool-page.is-in-room{
  --uno-bg:#eee9dc;
  --uno-surface:#fffdf8;
  --uno-surface-2:#f4efe4;
  --uno-ink:#24271f;
  --uno-muted:#5d6458;
  --uno-border:rgba(36,39,31,.14);
  --neutral-100:#24271f;
  --neutral-300:#5d6458;
  background-color:#eee9dc!important;
  color:#24271f!important;
  background-image:linear-gradient(rgba(28,32,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,32,24,.025) 1px,transparent 1px)!important;
  background-size:5px 5px,7px 7px!important;
}
html[data-theme=light] body.is-in-room .game-header{border-color:rgba(36,39,31,.12)!important}
html[data-theme=light] body.is-in-room .game-back,
html[data-theme=light] body.is-in-room .game-brand small{color:#5d6458!important}
html[data-theme=light] body.is-in-room .game-back:hover,
html[data-theme=light] body.is-in-room .game-brand,
html[data-theme=light] body.is-in-room .game-brand strong{color:#24271f!important}
html[data-theme=light] body.is-in-room .sound-toggle,
html[data-theme=light] body.is-in-room .icon-btn,
html[data-theme=light] body.is-in-room .live-audience,
html[data-theme=light] body.is-in-room .header-leave{
  border-color:rgba(36,39,31,.16)!important;
  background:#fffdf8!important;
  color:#30352b!important;
  box-shadow:none!important;
}
html[data-theme=light] body.is-in-room .live-audience svg{fill:#b43b34!important}
html[data-theme=light] body.is-in-room .live-audience.has-viewers{
  border-color:rgba(36,120,72,.35)!important;
  background:#e7f3ea!important;
  color:#1d5c38!important;
}
html[data-theme=light] body.uno-page .icon-btn .path-icon{
  color:#30352b!important;
}
html[data-theme=light] body.uno-page.is-in-room .player-seat .player-chip{
  color:#f4f7f2!important;
}
html[data-theme=light] body.uno-page.is-in-room .table-info span,
html[data-theme=light] body.uno-page.is-in-room .table-center>p{
  color:#f4f7f2!important;
}

/* Os avisos compartilhados acompanham a superfície clara dos lobbies e salas. */
html[data-theme=light] .guest-login-modal h2,
html[data-theme=light] .guest-login-modal li{color:#24271f!important}
html[data-theme=light] .guest-login-modal p{color:#5d6458!important}
html[data-theme=light] .guest-login-modal p strong,
html[data-theme=light] .guest-login-modal small,
html[data-theme=light] .guest-login-modal li:before{color:#806b10!important}
html[data-theme=light] .guest-login-modal .guest-login-modal__confirm{border-color:#b49b28!important;background:#b49b28!important;color:#171912!important}
html[data-theme=light] .guest-login-modal__copy{border-color:rgba(128,107,16,.45)!important;background:#fffdf8!important;color:#66550a!important}
html[data-theme=light] body.is-in-room dialog{
  border-color:rgba(36,39,31,.14)!important;
  background:#fffdf8!important;
  color:#24271f!important;
}
html[data-theme=light] body.is-in-room dialog::backdrop{background:rgba(238,233,220,.72)!important}
html[data-theme=light] body.is-in-room dialog .dialog-close{border-color:rgba(36,39,31,.16)!important;background:rgba(36,39,31,.07)!important;color:#30352b!important;box-shadow:none!important}
html[data-theme=light] body.is-in-room dialog .dialog-close:hover,html[data-theme=light] body.is-in-room dialog .dialog-close:focus-visible{border-color:rgba(128,107,16,.42)!important;background:#b49b28!important;color:#fff!important;box-shadow:0 5px 14px rgba(91,76,20,.2)!important}
html[data-theme=light] body.is-in-room input:not([type=range]):not([type=color]),
html[data-theme=light] body.is-in-room select,
html[data-theme=light] body.is-in-room textarea{
  border-color:rgba(36,39,31,.16)!important;
  background:#fffdf8!important;
  color:#24271f!important;
}
html[data-theme=light] body.is-in-room .secondary{
  border-color:rgba(36,39,31,.2)!important;
  background:#fffdf8!important;
  color:#30352b!important;
}

html[data-theme=light] body.domino-page.is-in-room .domino-table,
html[data-theme=light] body.domino-page.is-in-room .domino-player,
html[data-theme=light] body.domino-page.is-in-room .domino-rules{
  border-color:rgba(36,39,31,.12)!important;
  background:#fffdf8!important;
  color:#24271f!important;
}
html[data-theme=light] body.domino-page.is-in-room .domino-player small,
html[data-theme=light] body.domino-page.is-in-room .domino-table__head span,
html[data-theme=light] body.domino-page.is-in-room .domino-rules p{color:#5d6458!important}
html[data-theme=light] body.domino-page.is-in-room .domino-table__head button{border-color:rgba(36,39,31,.16)!important;background:#fffdf8!important;color:#30352b!important}

html[data-theme=light] body.pool-page.is-in-room .pool-game,
html[data-theme=light] body.pool-page.is-in-room .pool-players article,
html[data-theme=light] body.pool-page.is-in-room .pool-controls,
html[data-theme=light] body.pool-page.is-in-room .pool-rules{
  border-color:rgba(36,39,31,.12)!important;
  background:#fffdf8!important;
  color:#24271f!important;
}
html[data-theme=light] body.pool-page.is-in-room .pool-players small,
html[data-theme=light] body.pool-page.is-in-room .pool-controls label,
html[data-theme=light] body.pool-page.is-in-room .pool-rules p,
html[data-theme=light] body.pool-page.is-in-room .pool-game__header span{color:#5d6458!important}
html[data-theme=light] body.pool-page.is-in-room .pool-table-wrap{
  border-color:rgba(36,39,31,.14)!important;
  background:#f4efe4!important;
  box-shadow:none!important;
}
html[data-theme=light] body.pool-page.is-in-room #liveAudience{background:#fffdf8!important}

html[data-theme=light] body.gartic-page.is-in-room .draw-tools,
html[data-theme=light] body.gartic-page.is-in-room .chat-panel input{
  border-color:rgba(36,39,31,.14)!important;
  background:#fffdf8!important;
  color:#24271f!important;
}
html[data-theme=light] body.gartic-page.is-in-room .draw-tools label,
html[data-theme=light] body.gartic-page.is-in-room .custom-color{color:#5d6458!important}
html[data-theme=light] body.gartic-page.is-in-room .word-choices,
html[data-theme=light] body.gartic-page.is-in-room .round-overlay{
  background:rgba(255,253,247,.94)!important;
  color:#24271f!important;
}
html[data-theme=light] body.gartic-page.is-in-room .drawing-stage{
  border-color:rgba(36,39,31,.16)!important;
  background:#e4dccb!important;
  color:#24271f!important;
}
html[data-theme=light] body.gartic-page.is-in-room .word-display{color:#24271f!important}
html[data-theme=light] body.gartic-page.is-in-room .canvas-wrap{
  border:1px solid rgba(36,39,31,.28)!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(54,48,32,.16)!important;
}
html[data-theme=light] body.gartic-page.is-in-room .draw-tools .color-swatch{
  border-color:rgba(36,39,31,.38)!important;
}
html[data-theme=light] body.gartic-page.is-in-room .draw-tools .tool-icon{
  --uno-surface:#152033;
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,#24344a,#152033)!important;
  color:#f4f7fb!important;
}
html[data-theme=light] body.gartic-page.is-in-room .draw-tools .tool-icon[aria-pressed=true]{
  --uno-surface:#f6d653;
  border-color:#e2c15a!important;
  background:linear-gradient(180deg,#ffe48a,#f6d653)!important;
  color:#171912!important;
}
html[data-theme=light] body.gartic-page.is-in-room .custom-color>button{
  border-color:rgba(255,255,255,.16)!important;
  background:#152033!important;
  color:#f4f7fb!important;
}
html[data-theme=light] body.gartic-page.is-in-room .sound-toggle svg{stroke:#30352b!important}

html[data-theme=light] body.checkers-page.is-in-room .checkers-header-controls .live-audience{
  border-color:rgba(36,39,31,.16)!important;
  background:#fffdf8!important;
  color:#30352b!important;
}
html[data-theme=light] body.checkers-page.is-in-room .capture-notice,
html[data-theme=light] body.checkers-page.is-in-room .draw-offer-notice{
  border-color:rgba(36,39,31,.14)!important;
  background:#fffdf8!important;
  color:#24271f!important;
}
html[data-theme=light] body.checkers-page.is-in-room .capture-notice span,
html[data-theme=light] body.checkers-page.is-in-room .draw-offer-notice>span{color:#5d6458!important}