/* Portrait play uses native pixels. Only an individual board may fit its space. */
html body.portrait-play{height:var(--visible-app-height,100dvh)!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;background:#090b0d!important}
html body.portrait-play #app{height:100%!important;min-height:0!important;overflow:hidden!important}
html body.portrait-play #app>main.wrap.game-wrap{position:relative!important;inset:auto!important;transform:none!important;max-width:560px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 auto!important;padding:0 7px max(5px,env(safe-area-inset-bottom))!important;overflow:hidden!important;box-sizing:border-box!important}
html body.portrait-play #app .topbar{display:flex!important;flex:none!important;height:48px!important;min-height:48px!important;padding:3px 2px!important;margin:0!important;gap:6px!important;border-bottom:1px solid #99794166!important;background:linear-gradient(110deg,#171712,#0a0c0d)!important}
html body.portrait-play #app .topbar .lounge-counters,html body.portrait-play #app .topbar .avatar,html body.portrait-play #app .topbar [data-a="profile"],html body.portrait-play #app .footer{display:none!important}
html body.portrait-play #app .brand{min-width:0!important;gap:7px!important}.portrait-play #app .brand .brandmark{width:33px!important;height:33px!important;flex:none!important}
html body.portrait-play #app .brand .paxton-wordmark{font-size:27px!important;line-height:1!important;white-space:nowrap!important}.portrait-play #app .brand small{font-size:7px!important;line-height:1.2!important;letter-spacing:.16em!important}
html body.portrait-play #app .mode-hud.mode-arcade{display:none!important}
html body.portrait-play #app .mode-hud.mode-story{display:flex!important;flex:none!important;min-height:24px!important;height:24px!important;margin:0!important;padding:0 4px!important;gap:5px!important;overflow:hidden!important;flex-wrap:nowrap!important;font-size:9px!important}
html body.portrait-play #app .mode-hud.mode-story>strong,.portrait-play #app .mode-hud .lounge-clock>span,.portrait-play #app .mode-hud .lounge-clock>small,.portrait-play #app .mode-hud progress{display:none!important}
html body.portrait-play #app .lounge-clock{display:contents!important}.portrait-play #app .lounge-clock b{font-size:10px!important;white-space:nowrap}
html body.portrait-play #app .mode-hud.mode-story>button{font-size:10px!important;min-height:24px!important;padding:2px 7px!important;margin-left:auto!important;order:2}
html body.portrait-play #app .toolbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;height:40px!important;min-height:40px!important;flex:none!important;margin:0!important;padding:0!important;gap:5px!important;background:none!important;border:0!important}
html body.portrait-play #app .toolbar h1{display:block!important;flex:1!important;min-width:0!important;font:500 clamp(16px,4.5vw,23px)/1.1 Georgia,serif!important;margin:0!important;white-space:nowrap!important;color:#efdaaa!important}
html body.portrait-play #app .toolbar .actions{display:flex!important;gap:4px!important;margin:0!important}
html body.portrait-play #app button:not(.card):not(.domino):not(.dom-end-touch):not(.gem):not(.sudcell):not(.bet-spot):not(.vault-box):not(.cat-tile):not(.spotlight-power):not(.prize-space){min-width:0;min-height:40px!important;padding:6px 10px!important;font:750 13px/1.2 system-ui!important;border:1px solid #a78a50!important;border-radius:10px!important;background:linear-gradient(145deg,#302a1e,#111411)!important;background-image:none!important;color:#f4e2b5!important;box-shadow:inset 0 1px #fff4c122,0 2px 4px #0005!important;text-shadow:none!important;touch-action:manipulation}
html body.portrait-play #app button.gold:not(.card):not(.domino):not(.sudcell){background:linear-gradient(120deg,#fff1bd,#d2aa53 75%,#ac7d2e)!important;color:#221a0a!important;border-color:#ecd18e!important}
html body.portrait-play #app .toolbar button{min-height:38px!important;padding:5px 8px!important;font-size:11px!important}
html body.portrait-play #app .game-scene{display:flex!important;flex:1 1 0!important;flex-direction:column!important;width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;gap:5px!important;padding:0!important;overflow:hidden!important}
html body.portrait-play #app .game-scene>.table,html body.portrait-play #app .casino-table{flex:1 1 0!important;display:flex!important;flex-direction:column!important;position:relative!important;min-height:0!important;height:auto!important;max-height:none!important;width:100%!important;margin:0!important;padding:10px 8px!important;gap:6px!important;border:1px solid #b79b5f!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 35%,#33322999,#131612 75%),url('assets/paxton-table-v2428.svg') center/cover!important;box-shadow:inset 0 0 0 3px #10120e,inset 0 0 0 4px #8d733c66!important;overflow:hidden!important;box-sizing:border-box!important;color:#eee2c6!important}
html body.portrait-play #app .status,html body.portrait-play #app .seatlabel{flex:none!important;min-height:0!important;margin:0!important;padding:3px 5px!important;font-size:11px!important;line-height:1.35!important;text-align:center;color:#dcd3bc!important;max-width:100%;overflow-wrap:anywhere}
html body.portrait-play #app .game-scene>.instruction{display:none!important}
.portrait-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portrait-menu-grid button{min-height:48px}.portrait-current-clue{width:100%;text-align:left;flex:none}
#modal .portrait-pane-content{display:flex;flex-direction:column;gap:10px}#modal .poker-raise,#modal .poker-quickbets,#modal .slip-actions{display:flex;gap:7px;flex-wrap:wrap}#modal .inside-bets{display:grid;grid-template-columns:1fr 1fr;gap:6px}
/* Blackjack: two large card rows and one compact action dock. */
html body.portrait-play #app .blackjack-table .scorebar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0!important;flex:none!important}
html body.portrait-play #app .blackjack-table .scorebox{padding:5px 7px!important;font-size:10px!important;min-height:0!important;background:#090c0b88!important;border:1px solid #9a804044!important;border-radius:9px!important}
html body.portrait-play #app .blackjack-table .scorebox strong{font-size:20px!important;line-height:1.2!important;margin:1px!important}
html body.portrait-play #app .bjstage{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;gap:4px!important;padding:0!important}
html body.portrait-play #app .blackjack-table .card{--playing-card-w:var(--portrait-card-w,82px)!important}
html body.portrait-play #app .bjstage .cardrow{position:relative!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:0!important;margin:4px auto!important;min-height:0!important;width:100%!important;height:calc(var(--portrait-card-w,82px)*5/3)!important}
html body.portrait-play #app .bjstage .cardrow>.card:not(:first-child){margin-left:calc(var(--card-step,88px) - var(--portrait-card-w,82px))!important}
html body.portrait-play #app .bj-center{gap:3px!important;flex:none!important}
html body.portrait-play #app .bj-center .polished-chip-stack{display:none!important}
html body.portrait-play #app .bj-center .status{padding:4px 7px!important;font-size:13px!important;background:#090d0b88!important;max-width:100%!important}
html body.portrait-play #app .blackjack-table .tableactions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:none!important;gap:5px!important;margin:0!important}
html body.portrait-play #app .blackjack-table .tableactions [data-a="bj-surrender"]{grid-column:auto!important;font-size:10px!important}
html body.portrait-play #app .blackjack-table .portrait-deal{grid-template-columns:1fr!important}
html body.portrait-play #app .scene-blackjack>.result{display:flex!important;flex:none!important;align-items:center!important;gap:6px!important;margin:0!important;padding:7px!important;border:1px solid #b99b57!important;border-radius:12px!important;background:#181b15!important}
html body.portrait-play #app .scene-blackjack>.result h2{font-size:16px!important;margin:0!important}.portrait-play #app .scene-blackjack>.result p{font-size:11px!important;margin:0!important;flex:1}
/* Spades: full hand in two centered rows; cards retain the 3:5 deck shape. */
html body.portrait-play #app .scene-spades .scorebar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;flex:none!important;margin:0!important}
html body.portrait-play #app .scene-spades .scorebox{min-width:0!important;padding:4px!important;font-size:10px!important;border:1px solid #b2965355!important;border-radius:9px!important;background:#090d0b99!important}
html body.portrait-play #app .scene-spades .scorebox strong{font-size:22px!important;line-height:1.1!important;margin:2px 0!important}.portrait-play #app .scene-spades .scorebox span{font-size:9px!important}
html body.portrait-play #app .scene-spades .spadeshand{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px 3px!important;justify-items:center!important;align-content:end!important;flex:none!important;margin:0!important;padding:3px 0!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body.portrait-play #app .scene-spades .spadeshand .card{--playing-card-w:var(--portrait-card-w,46px)!important;transform:none!important;margin:0!important}
html body.portrait-play #app .scene-spades .card-index{font-size:14px!important;left:3px!important;top:3px!important}.portrait-play #app .scene-spades .card-index small{font-size:10px!important}
html body.portrait-play #app .scene-spades .index-bottom{top:auto!important;left:auto!important;bottom:3px!important;right:3px!important}
html body.portrait-play #app .scene-spades .trickstage{position:relative!important;flex:1 1 0!important;min-height:120px!important;height:auto!important;margin:0!important;background:none!important}
html body.portrait-play #app .scene-spades .trickstage .card{--playing-card-w:clamp(52px,16vw,78px)!important}
html body.portrait-play #app .scene-spades .trickcard{position:absolute!important;transform:translate(-50%,-50%)!important;margin:0!important}.portrait-play #app .trick-seat-0{left:50%!important;top:73%!important}.portrait-play #app .trick-seat-1{left:20%!important;top:48%!important}.portrait-play #app .trick-seat-2{left:50%!important;top:24%!important}.portrait-play #app .trick-seat-3{left:80%!important;top:48%!important}
html body.portrait-play #app .scene-spades .bidbox{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;flex:1!important;min-height:60px!important;margin:0!important;padding:6px!important}.portrait-play #app .bidbox input{width:56px!important;min-height:42px!important;padding:5px!important}
html body.portrait-play #app .scene-spades .card-victory{position:absolute!important;z-index:5!important;left:24%!important;right:24%!important;top:22%!important;padding:6px!important;background:#141b15ed!important;border:1px solid #e7c77e!important;border-radius:10px!important;font-size:13px!important}
html body.portrait-play #app .scene-spades>.result{position:absolute!important;inset:20% 7px 7px!important;z-index:20!important;overflow:auto!important;background:#111812f5!important}
/* Poker: opponents around the rail, community in the center, your cards on the felt. */
html body.portrait-play #app .poker-game{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;gap:5px!important;width:100%!important;margin:0!important}
html body.portrait-play #app .poker-info{font-size:10px!important;margin:0 6px!important;flex:none!important;line-height:16px!important}
html body.portrait-play #app .poker-table{position:relative!important;flex:1 1 0!important;height:auto!important;min-height:275px!important;margin:0 2px!important;border:6px solid #332b1b!important;border-radius:70px!important;background:radial-gradient(ellipse,#333b2f,#101710 85%)!important;box-shadow:inset 0 0 0 2px #c9a85e,inset 0 0 35px #000,0 0 0 1px #b69652!important}
html body.portrait-play #app .poker-table:before{inset:8px!important;border-radius:60px!important}
html body.portrait-play #app .poker-seat{width:26%!important;padding:4px 3px!important;background:linear-gradient(135deg,#25271d,#0d1311)!important;border:1px solid #a8925955!important;border-radius:10px!important;transform:translate(-50%,-50%)!important;min-height:44px!important}
html body.portrait-play #app .poker-seat-0{display:none!important}.portrait-play #app .poker-seat-1{left:16%!important;top:20%!important}.portrait-play #app .poker-seat-2{left:50%!important;top:13%!important}.portrait-play #app .poker-seat-3{left:84%!important;top:20%!important}.portrait-play #app .poker-seat-4{left:84%!important;top:70%!important}.portrait-play #app .poker-seat-5{left:16%!important;top:70%!important}
html body.portrait-play #app .poker-avatar{width:25px!important;height:25px!important;margin:-16px auto 1px!important;border-width:1px!important}
html body.portrait-play #app .poker-seat strong,html body.portrait-play #app .poker-seat b{font-size:11px!important;line-height:1.25!important}.portrait-play #app .poker-seat-action{font-size:9px!important;min-height:11px!important}
html body.portrait-play #app .poker-seat-bet{font-size:10px!important;bottom:-13px!important}
html body.portrait-play #app .poker-seat .poker-hole{display:none!important}
html body.portrait-play #app .poker-game.poker-showdown .poker-seat:not(.folded) .poker-hole{display:flex!important;margin:2px 0 0!important}
html body.portrait-play #app .poker-seat .poker-hole .card{--playing-card-w:27px!important}
html body.portrait-play #app .poker-center{left:50%!important;top:45%!important;width:calc(100% - 12px)!important;transform:translate(-50%,-50%)!important;z-index:1!important}
html body.portrait-play #app .poker-table-wordmark{font-size:25px!important;margin:0 0 3px!important;line-height:1!important;opacity:.8!important}
html body.portrait-play #app .poker-pot{font-size:16px!important;line-height:1.25!important;margin:0 0 5px!important}
html body.portrait-play #app .poker-community{gap:4px!important;justify-content:center!important}
html body.portrait-play #app .poker-game .poker-community .card,html body.portrait-play #app .poker-card-slot{--playing-card-w:var(--community-w,52px)!important}
html body.portrait-play #app .poker-private-hand{position:absolute!important;left:50%!important;bottom:6px!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin:0!important;gap:3px!important;z-index:3!important;width:auto!important}
html body.portrait-play #app .poker-private-hand>small{font-size:9px!important;white-space:nowrap!important;letter-spacing:.08em!important}
html body.portrait-play #app .poker-hole.your-hole .card{--playing-card-w:clamp(50px,15vw,76px)!important}
html body.portrait-play #app .poker-hole.your-hole{margin:0!important;gap:5px!important}
html body.portrait-play #app .poker-status{min-height:16px!important;font-size:12px!important;margin:0!important;line-height:16px!important;flex:none!important}
html body.portrait-play #app .poker-controls{flex:none!important;padding:5px!important;border-radius:12px!important;background:#121912!important;border-color:#917644!important}
html body.portrait-play #app .poker-action-buttons{gap:5px!important}.portrait-play #app .poker-action-buttons button{flex:1!important;padding:6px 3px!important;font-size:12px!important}
html body.portrait-play #app .poker-wallet-note{font-size:10px!important;line-height:13px!important;margin:0!important;flex:none!important}
html body.portrait-play #app .poker-results{padding:7px!important;flex:none!important;background:#131b14!important}.portrait-play #app .poker-results p{margin:3px 0!important;font-size:11px!important;line-height:1.3!important}
html body.portrait-play #app .poker-lobby{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1!important;min-height:0!important;padding:12px!important;gap:10px!important;max-height:100%!important;background:#111811!important}.portrait-play #app .poker-lobby-art{flex:1!important;min-height:70px!important;max-height:35vh!important;margin:0!important}.portrait-play #app .poker-lobby h2{font-size:28px!important;margin:0!important}.portrait-play #app .poker-lobby p{font-size:12px!important;margin:0!important}.portrait-play #app .poker-lobby-options{gap:8px!important;margin:0!important;flex-wrap:nowrap!important}.portrait-play #app .poker-lobby-options label{min-width:0!important;font-size:12px!important}.portrait-play #app .poker-lobby-options select{padding:6px 3px!important;font-size:12px!important}
/* Roulette and craps: a compact numbered layout, not a twelve-row page. */
html body.portrait-play #app .casino-table-head{display:flex!important;flex:none!important;min-height:0!important;padding:0!important;margin:0!important;justify-content:flex-end!important}.portrait-play #app .casino-table-head>div:first-child>small,.portrait-play #app .casino-table-head h2{display:none!important}
html body.portrait-play #app .roulette-surface{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;gap:5px!important;width:100%!important}
html body.portrait-play #app .roulette-wheel-shell{width:clamp(76px,15vh,130px)!important;height:clamp(76px,15vh,130px)!important;min-height:0!important;margin:0 auto!important;flex:none!important;align-self:center!important}
html body.portrait-play #app .roulette-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:30px minmax(0,1fr) auto!important;flex:1!important;min-height:0!important;gap:3px!important;width:100%!important}
html body.portrait-play #app .roulette-zero{display:flex!important;gap:3px!important;min-height:0!important}.portrait-play #app .roulette-zero button{flex:1!important}
html body.portrait-play #app .roulette-numbers{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(6,minmax(0,1fr))!important;gap:3px!important;min-height:0!important}
html body.portrait-play #app .roulette-outside{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important;min-height:0!important}
html body.portrait-play #app .bet-spot{position:relative!important;min-width:0!important;min-height:30px!important;height:auto!important;padding:3px!important;border:1px solid #ab8d50!important;border-radius:5px!important;background:#19231b!important;color:#f6e9c7!important;font:750 13px/1.15 system-ui!important;box-shadow:inset 0 1px #fff2!important;overflow:visible!important;text-shadow:none!important;background-image:none!important}
html body.portrait-play #app .roulette-outside .bet-spot{font-size:9px!important;min-height:30px!important}
html body.portrait-play #app .bet-spot.red{background:#8d2635!important;color:white!important}.portrait-play #app .bet-spot.black{background:#101216!important;color:#fff1d2!important}.portrait-play #app .bet-spot.green{background:#176347!important;color:white!important}
html body.portrait-play #app .chip-on-spot{font-size:9px!important;min-width:18px!important;height:18px!important;right:0!important;bottom:0!important;top:auto!important;left:auto!important;padding:1px 3px!important}
html body.portrait-play #app .casino-controls{display:flex!important;flex:none!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;font-size:10px!important}
html body.portrait-play #app .chip-rack{display:flex!important;gap:4px!important}.portrait-play #app .chip-rack .casino-chip{width:36px!important;min-height:36px!important;height:36px!important;padding:2px!important;font-size:11px!important;border-radius:50%!important}
html body.portrait-play #app .casino-action-row{display:flex!important;flex:none!important;align-items:center!important;gap:5px!important;padding:0!important;margin:0!important;font-size:10px!important}.portrait-play #app .casino-action-row>span{flex:1!important}.portrait-play #app .casino-action-row button{min-height:40px!important;font-size:11px!important;padding:5px 8px!important}
html body.portrait-play #app .portrait-slip-strip{display:flex!important;flex:none!important;gap:5px!important}.portrait-play #app .portrait-slip-strip button:first-child{flex:1!important;font-size:11px!important;text-align:left!important}.portrait-play #app .portrait-slip-strip button{min-height:34px!important;font-size:11px!important}
html body.portrait-play #app .casino-message{font-size:11px!important;line-height:14px!important;margin:0!important;flex:none!important;text-align:center!important}
html body.portrait-play #app .casino-history{display:flex!important;height:18px!important;min-height:0!important;flex:none!important;overflow:hidden!important;gap:3px!important;margin:0!important}.portrait-play #app .casino-history span{font-size:10px!important;padding:1px 4px!important;min-width:18px!important}
html body.portrait-play #app .dice-stage{flex:1!important;min-height:80px!important;max-height:28vh!important;margin:0!important;gap:20px!important}
html body.portrait-play #app .craps-layout{display:flex!important;flex-direction:column!important;gap:6px!important;flex:none!important;margin:0!important}
html body.portrait-play #app .craps-place{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}
html body.portrait-play #app .craps-line{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
html body.portrait-play #app .craps-field{display:flex!important;gap:5px!important}.portrait-play #app .craps-field>*{flex:1!important}.portrait-play #app .craps-spot{min-height:42px!important;font-size:11px!important}.portrait-play #app .craps-spot small{font-size:8px!important}
html body.portrait-play #app .street-rules{padding:8px!important;flex:none!important;font-size:12px!important}.portrait-play #app .street-rules h3{font-size:20px!important;margin:5px!important}
/* Puzzle boards use the available square area; controls stay below them. */
html body.portrait-play #app .solitaire-table .sol-board-stage{flex:1!important;min-height:0!important;overflow:hidden!important}.portrait-play #app .solitaire-table .columns{height:100%!important;min-height:0!important;overflow:hidden!important}
html body.portrait-play #app .solitaire-table .card{--playing-card-w:var(--sol-card-w)!important}.portrait-play #app .solitairetop{flex:none!important;margin:0!important}.portrait-play #app .puzzle-hud{min-height:20px!important;font-size:10px!important;flex:none!important}
html body.portrait-play #app .puzzle-tools{flex:none!important;display:flex!important;gap:4px!important;margin:0!important;justify-content:center!important}.portrait-play #app .puzzle-tools button{font-size:11px!important;min-height:36px!important;padding:4px 7px!important}
html body.portrait-play #app .sudoku-body{flex:1!important;min-height:0!important;gap:4px!important;justify-content:space-evenly!important}
html body.portrait-play #app .sudoku-stage{width:min(100%,calc(var(--visible-app-height,100dvh) - 275px))!important;max-width:none!important;min-width:0!important;aspect-ratio:1!important;margin:0 auto!important;flex:none!important}
html body.portrait-play #app .sudoku-controls{flex:none!important}.portrait-play #app .sudoku-table .numbar{margin:4px 0!important;gap:3px!important}.portrait-play #app .sudoku-table .numbar button{min-height:42px!important;padding:3px 0!important}.portrait-play #app .numbar b{font-size:22px!important}.portrait-play #app .numbar small{font-size:8px!important}
html body.portrait-play #app .puzzle-secondary{gap:4px!important}.portrait-play #app .puzzle-secondary button{min-height:30px!important;font-size:10px!important;padding:4px 8px!important}
html body.portrait-play #app .crosslayout{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:1!important;min-height:0!important}
html body.portrait-play #app .crossgrid{width:min(100%,calc(var(--visible-app-height,100dvh) - 260px))!important;aspect-ratio:1!important;flex:none!important;min-height:0!important;max-width:none!important;grid-template-rows:repeat(var(--cross-cols),minmax(0,1fr))!important}
html body.portrait-play #app .crosscell{aspect-ratio:auto!important;min-width:0!important;min-height:0!important}.portrait-play #app .crosscell input{width:100%!important;height:100%!important;min-height:0!important;font-size:clamp(20px,7vw,34px)!important;padding:0!important}
html body.portrait-play #app .scene-crossword .tableactions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:none!important;gap:4px!important;margin:0!important}.portrait-play #app .scene-crossword .tableactions button{font-size:10px!important;padding:4px!important}
html body.portrait-play #app .scene-crossword>.result{position:absolute!important;inset:20% 8px 8px!important;z-index:15!important;background:#141c14f5!important}
html body.portrait-play #app .solo-nav{height:38px!important;min-height:38px!important;flex:none!important;padding:0!important;margin:0!important;font-size:12px!important}.portrait-play #app .solo-nav>span{display:none!important}
html body.portrait-play #app #kitty-frame{flex:1!important;height:0!important;min-height:0!important;width:100%!important;border-radius:12px!important}
@media(max-height:620px){html body.portrait-play #app .topbar{height:40px!important;min-height:40px!important}.portrait-play #app .brand .paxton-wordmark{font-size:23px!important}.portrait-play #app .brand small{display:none!important}.portrait-play #app .poker-table{min-height:235px!important}.portrait-play #app .poker-table-wordmark{font-size:20px!important}.portrait-play #app .poker-hole.your-hole .card{--playing-card-w:48px!important}.portrait-play #app .roulette-wheel-shell{width:65px!important;height:65px!important}.portrait-play #app .scene-spades .trickstage{min-height:100px!important}.portrait-play #app .scene-spades .trickstage .card{--playing-card-w:50px!important}.portrait-play #app .casino-history{display:none!important}}

html body.portrait-play #app .domino-table>.dom-reward{justify-content:flex-start!important}.dom-reward-brand{margin-top:auto}.dom-reward-note{margin-bottom:auto}

html body.portrait-play #app .portrait-slip-strip{display:contents!important}
html body.portrait-play #app .portrait-slip-strip button{font-size:10px!important;min-height:38px!important;padding:3px 5px!important}
html body.portrait-play #app .roulette-table .casino-table-head{justify-content:center!important;min-height:62px!important;height:62px!important}
html body.portrait-play #app .roulette-wheel-shell{width:62px!important;height:62px!important}
html body.portrait-play #app .roulette-outside .bet-spot{min-height:26px!important}
@media(max-height:620px){html body.portrait-play #app .roulette-table .casino-table-head{display:none!important}.portrait-play #app .roulette-numbers .bet-spot{min-height:26px!important}.portrait-play #app .roulette-layout{grid-template-rows:26px minmax(0,1fr) auto!important}.portrait-play #app .casino-table{gap:4px!important;padding:7px!important}}

/* A single opponent rail leaves the community and personal cards in separate rows. */
html body.portrait-play #app .poker-table{display:flex!important;flex-direction:column!important;gap:6px!important;padding:18px 6px 7px!important;box-sizing:border-box!important}
html body.portrait-play #app .portrait-opponent-rail{display:grid!important;grid-template-columns:repeat(var(--opponent-count),minmax(0,1fr))!important;gap:4px!important;position:relative!important;flex:none!important;z-index:2!important}
html body.portrait-play #app .portrait-opponent-rail .poker-seat{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;transform:none!important;padding:4px 2px!important;box-sizing:border-box!important}
html body.portrait-play #app .portrait-opponent-rail .poker-avatar{margin:-15px auto 2px!important;width:23px!important;height:23px!important}.portrait-play #app .portrait-opponent-rail .poker-seat strong{font-size:10px!important}.portrait-play #app .portrait-opponent-rail .poker-seat-action{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px!important}
html body.portrait-play #app .poker-center{position:relative!important;left:auto!important;top:auto!important;transform:none!important;flex:1 1 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;width:100%!important}
html body.portrait-play #app .poker-private-hand{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;flex:none!important;margin:0 auto!important;width:auto!important}
html body.portrait-play #app .poker-private-hand .card{--playing-card-w:var(--private-w,66px)!important}

html body.portrait-play #app .toolbar .game-heading{display:contents!important}.portrait-play #app .toolbar .game-heading>.eyebrow{display:none!important}

html body.portrait-play #app .poker-community .card-index,html body.portrait-play #app .poker-private-hand .card-index{font-size:15px!important;left:3px!important;top:3px!important}
html body.portrait-play #app .poker-community .card-index small,html body.portrait-play #app .poker-private-hand .card-index small{font-size:10px!important}
html body.portrait-play #app .poker-community .index-bottom,html body.portrait-play #app .poker-private-hand .index-bottom{left:auto!important;top:auto!important;right:3px!important;bottom:3px!important}