#gameStage .status-row { display: none !important; }
#gameStage .seat[data-seat="0"] { place-items: center !important; }
#gameStage .seat[data-seat="0"] .seat-meta { width: clamp(82px, 7.8vw, 124px) !important; min-width: 0px !important; justify-items: center !important; text-align: center !important; }
#gameStage .seat[data-seat="0"] .seat-meta strong, #gameStage .seat[data-seat="0"] .seat-meta span { width: 100% !important; display: block !important; text-align: center !important; }
#gameStage .hand .card, #gameStage .hand.many-cards .card { width: clamp(82px, 7.2vw, 116px) !important; height: clamp(120px, 10.5vw, 168px) !important; flex-basis: clamp(82px, 7.2vw, 116px) !important; }
.controls.turn-visible #playBtn, .controls.swap-visible #playBtn { left: auto !important; right: max(2.4%,env(safe-area-inset-right)) !important; }
.controls.turn-visible #passBtn { left: max(2.2%,env(safe-area-inset-left)) !important; right: auto !important; width: clamp(88px, 8vw, 112px) !important; }
.controls.turn-visible #passBtn, .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { max-width: 14vw !important; overflow: hidden !important; white-space: nowrap !important; }
.controls.turn-visible #passBtn { bottom: max(16px,env(safe-area-inset-bottom)) !important; }
.controls.turn-visible #playBtn, .controls.swap-visible #playBtn { bottom: max(16px,env(safe-area-inset-bottom)) !important; }
#gameStage button, #gameStage .card, #gameStage .top-actions button, #gameStage .controls button { touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; }
#gameStage .hand .card, #gameStage .pile .card, #gameStage .opponent-hand .card-back { backface-visibility: hidden !important; }
#gameStage .seats, #gameStage .center-play { contain: layout style !important; }
.modal-backdrop:not(.open) { content-visibility: hidden !important; }
.game-menu-popover, .fullscreen-active .game-menu-popover, body.fullscreen-active .game-menu-popover { width: clamp(148px, 13vw, 184px) !important; max-height: min(72vh, 390px) !important; grid-template-columns: 1fr !important; gap: 4px !important; padding: 6px !important; overflow: auto !important; border-radius: 14px !important; }
.game-menu-popover button, .fullscreen-active .game-menu-popover button, body.fullscreen-active .game-menu-popover button { width: 100% !important; min-height: 34px !important; height: clamp(34px, 4.8vh, 40px) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0px 10px !important; border-radius: 9px !important; color: rgb(234, 210, 160) !important; font-size: clamp(8px, 0.78vw, 11px) !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; }
.game-menu-popover button::before { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; margin: 0px !important; }
.game-menu-popover .danger { color: rgb(255, 146, 135) !important; }
.confirm-leave { position: fixed !important; inset: 0px !important; z-index: 5000 !important; display: grid !important; place-items: center !important; padding: max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)) !important; background: rgba(10, 2, 3, 0.78) !important; backdrop-filter: blur(7px) !important; pointer-events: auto !important; }
.confirm-leave[hidden] { display: none !important; }
.confirm-leave > div { width: min(430px, 88vw) !important; display: grid !important; justify-items: center !important; gap: 12px !important; padding: 24px !important; border: 1px solid rgb(209, 165, 78) !important; border-radius: 22px !important; background: linear-gradient(145deg, rgb(59, 21, 23), rgb(27, 9, 10)) !important; box-shadow: rgba(0, 0, 0, 0.867) 0px 24px 65px, rgba(255, 255, 255, 0.133) 0px 1px inset !important; color: rgb(255, 240, 213) !important; text-align: center !important; }
.confirm-leave strong { font: 800 clamp(20px, 2.3vw, 30px) "Playfair Display", serif !important; }
.confirm-leave small { color: rgb(205, 185, 143) !important; font-size: clamp(9px, 1vw, 13px) !important; line-height: 1.45 !important; }
.confirm-leave span { width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-top: 4px !important; }
.confirm-leave button { min-height: 44px !important; border: 1px solid rgb(159, 119, 55) !important; border-radius: 999px !important; background: rgb(36, 16, 18) !important; color: rgb(242, 210, 123) !important; font-weight: 900 !important; letter-spacing: 0.09em !important; touch-action: manipulation !important; }
.confirm-leave #confirmLeaveBtn { background: linear-gradient(rgb(242, 210, 120), rgb(189, 125, 37)) !important; color: rgb(42, 19, 7) !important; }
@media (orientation: landscape) and (max-height: 700px) {
  #gameStage .hand .card, #gameStage .hand.many-cards .card { width: 84px !important; height: 123px !important; flex-basis: 84px !important; }
  .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { left: auto !important; right: max(2.2%,env(safe-area-inset-right)) !important; }
  .controls.turn-visible #passBtn { left: max(2%,env(safe-area-inset-left)) !important; right: auto !important; width: clamp(82px, 7.5vw, 102px) !important; }
  .game-menu-popover, .fullscreen-active .game-menu-popover, body.fullscreen-active .game-menu-popover { top: 50px !important; right: max(10px,env(safe-area-inset-right)) !important; width: 146px !important; max-height: calc(100dvh - 58px) !important; }
  .game-menu-popover button, .fullscreen-active .game-menu-popover button, body.fullscreen-active .game-menu-popover button { height: 32px !important; min-height: 32px !important; font-size: 8px !important; }
}
@media (orientation: landscape) and (max-height: 430px) {
  #gameStage .hand .card, #gameStage .hand.many-cards .card { width: 76px !important; height: 111px !important; flex-basis: 76px !important; }
  .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { left: auto !important; right: max(2%,env(safe-area-inset-right)) !important; }
  .controls.turn-visible #passBtn { left: max(1.8%,env(safe-area-inset-left)) !important; right: auto !important; width: clamp(72px, 7vw, 90px) !important; }
  .game-menu-popover, .fullscreen-active .game-menu-popover, body.fullscreen-active .game-menu-popover { top: 44px !important; width: 132px !important; max-height: calc(100dvh - 50px) !important; padding: 4px !important; gap: 3px !important; }
  .game-menu-popover button, .fullscreen-active .game-menu-popover button, body.fullscreen-active .game-menu-popover button { height: 27px !important; min-height: 27px !important; padding-inline: 8px !important; font-size: 7px !important; }
  .game-menu-popover button::before { width: 13px !important; height: 13px !important; flex-basis: 13px !important; }
  .confirm-leave > div { width: min(390px, 76vw) !important; gap: 7px !important; padding: 14px 18px !important; border-radius: 16px !important; }
  .confirm-leave strong { font-size: 18px !important; }
  .confirm-leave small { font-size: 7px !important; }
  .confirm-leave button { min-height: 34px !important; font-size: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #gameStage .hand .card, #gameStage .pile, #gameStage .seat, #gameStage .opponent-hand { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
  .confirm-leave { backdrop-filter: none !important; }
}
.game-menu-popover, .fullscreen-active .game-menu-popover, body.fullscreen-active .game-menu-popover { overflow: hidden !important; width: clamp(148px, 13vw, 184px) !important; padding: 6px !important; gap: 3px !important; }
.game-menu-popover button, .fullscreen-active .game-menu-popover button, body.fullscreen-active .game-menu-popover button { justify-content: flex-start !important; text-align: left !important; gap: 12px !important; padding-inline: 14px !important; }
.game-menu-popover button::before, .fullscreen-active .game-menu-popover button::before, body.fullscreen-active .game-menu-popover button::before { flex: 0 0 17px !important; width: 17px !important; height: 17px !important; }
#gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, .fullscreen-active #gameStage .player-dock { bottom: -8.5% !important; }
@media (orientation: landscape) and (max-height: 700px) {
  #gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, .fullscreen-active #gameStage .player-dock { bottom: -9.2% !important; }
}
@media (orientation: landscape) and (max-height: 430px) {
  #gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, .fullscreen-active #gameStage .player-dock { bottom: -9.6% !important; }
}
.game-menu-popover, .fullscreen-active .game-menu-popover, body.fullscreen-active .game-menu-popover { box-sizing: border-box !important; width: clamp(150px, 13vw, 180px) !important; height: auto !important; max-height: none !important; grid-template-columns: 1fr !important; grid-auto-rows: clamp(36px, 5.2vh, 42px) !important; align-content: start !important; gap: 5px !important; padding: 6px !important; overflow: hidden !important; }
.game-menu-popover button, .fullscreen-active .game-menu-popover button, body.fullscreen-active .game-menu-popover button { box-sizing: border-box !important; width: 100% !important; height: 100% !important; min-height: 0px !important; display: grid !important; grid-template-columns: 18px minmax(0px, 1fr) !important; place-items: center start !important; justify-content: stretch !important; column-gap: 11px !important; padding: 0px 12px !important; margin: 0px !important; overflow: hidden !important; line-height: 1 !important; white-space: nowrap !important; text-align: left !important; }
.game-menu-popover button::before, .fullscreen-active .game-menu-popover button::before, body.fullscreen-active .game-menu-popover button::before { width: 17px !important; height: 17px !important; margin: 0px !important; place-self: center !important; }
@media (orientation: landscape) and (max-height: 430px) {
  .game-menu-popover, .fullscreen-active .game-menu-popover, body.fullscreen-active .game-menu-popover { width: 142px !important; grid-auto-rows: 34px !important; padding: 5px !important; gap: 4px !important; }
  .game-menu-popover button, .fullscreen-active .game-menu-popover button, body.fullscreen-active .game-menu-popover button { grid-template-columns: 15px minmax(0px, 1fr) !important; column-gap: 9px !important; padding-inline: 10px !important; font-size: 8px !important; }
  .game-menu-popover button::before, .fullscreen-active .game-menu-popover button::before, body.fullscreen-active .game-menu-popover button::before { width: 14px !important; height: 14px !important; }
}
#gameStage .seat-bottom, body.fullscreen-active #gameStage .seat-bottom { inset: auto auto -18% 50% !important; transform: translateX(-50%) !important; z-index: 18 !important; }
#gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, body.fullscreen-active #gameStage .player-dock { left: 22.5% !important; right: 18.5% !important; }
.controls.turn-visible #passBtn, .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { width: clamp(104px, 10.5vw, 144px) !important; min-width: 0px !important; box-sizing: border-box !important; padding-inline: 12px !important; max-width: none !important; height: clamp(44px, 7.2vh, 58px) !important; bottom: max(14px,env(safe-area-inset-bottom)) !important; border-radius: 999px !important; }
.controls.turn-visible #passBtn { left: max(2.8%,env(safe-area-inset-left)) !important; right: auto !important; }
.controls.turn-visible #playBtn, .controls.swap-visible #playBtn { left: auto !important; right: max(2.8%,env(safe-area-inset-right)) !important; }
@media (orientation: landscape) and (max-height: 700px) {
  #gameStage .seat-bottom, body.fullscreen-active #gameStage .seat-bottom { bottom: -18.5% !important; }
  #gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, body.fullscreen-active #gameStage .player-dock { left: 22.5% !important; right: 18.5% !important; }
}
@media (orientation: landscape) and (max-height: 430px) {
  #gameStage .seat-bottom, body.fullscreen-active #gameStage .seat-bottom { bottom: -19% !important; }
  .controls.turn-visible #passBtn, .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { width: 92px !important; height: 39px !important; bottom: max(10px,env(safe-area-inset-bottom)) !important; }
  .controls.turn-visible #passBtn { left: max(2.4%,env(safe-area-inset-left)) !important; }
  .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { right: max(2.4%,env(safe-area-inset-right)) !important; }
}
#gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, body.fullscreen-active #gameStage .player-dock { left: 17.5% !important; right: 14.5% !important; }
#gameStage .hand .card, #gameStage .hand.many-cards .card { touch-action: none !important; -webkit-tap-highlight-color: transparent !important; user-select: none !important; will-change: transform !important; }
#gameStage .hand .card:hover:not(.selected), #gameStage .hand.many-cards .card:hover:not(.selected) { }
#gameStage .hand .card.pressing:not(.selected) { filter: brightness(1.035) !important; }
#gameStage .hand .card.selected, #gameStage .hand .card.selected:hover, #gameStage .hand.many-cards .card.selected, #gameStage .hand.many-cards .card.selected:hover { z-index: var(--card-order,0) !important; margin-right: 0px !important; }
@media (orientation: landscape) and (max-height: 700px) {
  #gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, body.fullscreen-active #gameStage .player-dock { left: 17.5% !important; right: 14.5% !important; }
  #gameStage .hand .card.selected, #gameStage .hand .card.selected:hover, #gameStage .hand.many-cards .card.selected, #gameStage .hand.many-cards .card.selected:hover { }
}
@media (orientation: landscape) and (max-height: 430px) {
  #gameStage .player-dock, #gameStage .player-dock:not(.many-cards), #gameStage .player-dock.many-cards, body.fullscreen-active #gameStage .player-dock { left: 17% !important; right: 14% !important; }
  #gameStage .hand .card.selected, #gameStage .hand .card.selected:hover, #gameStage .hand.many-cards .card.selected, #gameStage .hand.many-cards .card.selected:hover { }
}
.controls.turn-visible #passBtn, .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { width: clamp(96px, 9.3vw, 126px) !important; }
.controls.turn-visible #passBtn { left: max(1.25%,env(safe-area-inset-left)) !important; right: auto !important; }
.controls.turn-visible #playBtn, .controls.swap-visible #playBtn { left: auto !important; right: max(1.25%,env(safe-area-inset-right)) !important; }
@media (orientation: landscape) and (max-height: 430px) {
  .controls.turn-visible #passBtn, .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { width: 82px !important; }
  .controls.turn-visible #passBtn { left: max(1%,env(safe-area-inset-left)) !important; }
  .controls.turn-visible #playBtn, .controls.swap-visible #playBtn { right: max(1%,env(safe-area-inset-right)) !important; }
}
.controls.turn-visible #passBtn { left: max(4px,calc(env(safe-area-inset-left) - 24px)) !important; right: auto !important; }
.controls.turn-visible #playBtn, .controls.swap-visible #playBtn { left: auto !important; right: max(4px,calc(env(safe-area-inset-right) - 24px)) !important; }
@keyframes matchmakingSpin { 
  100% { transform: rotate(360deg); }
}