/* Paxton’s Lounge v2.40.31: one branded portrait experience. */
:root{--lounge-gold:#d9b873;--lounge-ivory:#f5e7c8;--lounge-ink:#0a0d10;--lounge-edge:#a1844a;--lounge-ease:cubic-bezier(.2,.75,.2,1)}
html{-webkit-tap-highlight-color:transparent}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe5a5!important;outline-offset:3px!important}button:disabled{cursor:default}
#app .scene-enter{animation:paxton-room-arrive .24s ease-out!important}
@keyframes paxton-room-arrive{from{opacity:0}to{opacity:1}}
/* Title: original entrance artwork, quiet moving light, no video dependency. */
body.home-screen.title-screen #app .lobby-title{height:var(--visible-app-height,100svh);min-height:0;padding:40px 25px max(54px,env(safe-area-inset-bottom));background:#080a0c;max-width:none}
body.home-screen.title-screen #app .title-room{position:absolute;inset:-2%;z-index:-3;background:linear-gradient(#05080a10,#05070933 24%,#05080ab3 62%,#050709ed),url('assets/paxton-entrance-v2431.webp') center/cover;animation:paxton-door-light 16s ease-in-out infinite alternate;pointer-events:none}
body.home-screen.title-screen #app .lobby-title::before{inset:14px;z-index:-1;border:1px solid #d8b26966;border-radius:2px;box-shadow:inset 0 0 0 5px #0004}
body.home-screen.title-screen #app .title-content{width:min(100%,520px);padding-top:14vh;gap:0;animation:paxton-invitation .9s var(--lounge-ease) both}
body.home-screen.title-screen #app .title-emblem{width:76px;height:76px;margin:14px 0 18px;filter:drop-shadow(0 3px 14px #000) drop-shadow(0 0 20px #e9b85833);animation:paxton-emblem 1s .12s var(--lounge-ease) both}
.title-invitation{font:650 8px/1.4 system-ui;letter-spacing:.27em;color:#c9b27c}
body.home-screen.title-screen #app .title-content h1{font-size:clamp(43px,11.8vw,72px);margin:13px 0 14px;line-height:1.15;text-shadow:0 3px 18px #000}
body.home-screen.title-screen #app .title-content p{font-size:15px;line-height:1.7;margin-bottom:28px}
body.home-screen.title-screen #app .title-enter{position:relative;isolation:isolate;overflow:hidden;border-radius:30px!important;width:min(100%,320px);min-height:56px;font-size:15px;letter-spacing:.02em;border:1px solid #ffe6a6!important}
body.home-screen.title-screen #app .title-enter::after{content:'';position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff8d955 49%,transparent 64%);animation:paxton-gold-sweep 6s 1.5s ease-in-out infinite}
body.home-screen.title-screen #app .title-audio{position:absolute;right:28px;top:28px;width:40px;height:40px;min-height:40px;padding:4px;border:1px solid #bea06177;background:#0c0d0ccc;color:#e7c77c;border-radius:50%;font:24px Georgia;z-index:3}
.title-gold-dust{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.title-gold-dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffe4a5;box-shadow:0 0 6px #f2cc77;left:calc(6% + var(--i)*8%);bottom:-4%;opacity:0;animation:paxton-dust calc(9s + var(--i)*.4s) calc(var(--i)*-.83s) linear infinite}
@keyframes paxton-dust{10%{opacity:.6}80%{opacity:.2}to{opacity:0;transform:translate(20px,-75vh)}}
@keyframes paxton-door-light{from{transform:scale(1);filter:brightness(.9)}to{transform:scale(1.035);filter:brightness(1.08)}}
@keyframes paxton-emblem{from{opacity:0;transform:translateY(12px) rotate(-9deg)}to{opacity:1;transform:none}}
@keyframes paxton-invitation{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes paxton-gold-sweep{0%,65%{transform:translateX(-100%)}95%,100%{transform:translateX(100%)}}
/* Home has two purposeful views, each using the available screen. */
html body.home-screen:not(.title-screen){height:var(--visible-app-height,100dvh)!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 0,#282219,#080b0e 65%)!important}
html body.home-screen:not(.title-screen) #app{height:100%!important;overflow:hidden!important}
html body.home-screen:not(.title-screen) #app>main.lobby-wrap{width:100%!important;max-width:560px!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:0 10px max(4px,env(safe-area-inset-bottom))!important;margin:0 auto!important;box-sizing:border-box!important;overflow:hidden!important}
html body.home-screen:not(.title-screen) #app .topbar{display:flex!important;flex:none!important;min-height:58px!important;height:58px!important;padding:5px 0!important;margin:0!important;box-sizing:border-box!important;border-bottom:1px solid #9c804b66!important;background:none!important}
html body.home-screen:not(.title-screen) #app .brandmark{width:38px!important;height:38px!important;font-size:25px!important}
html body.home-screen:not(.title-screen) #app .brand{gap:9px!important;min-width:0!important}
html body.home-screen:not(.title-screen) #app .brand .paxton-wordmark{font-size:30px!important;line-height:1!important;white-space:nowrap!important}
html body.home-screen:not(.title-screen) #app .brand small{font-size:7px!important;letter-spacing:.17em!important}
html body.home-screen:not(.title-screen) #app .lounge-counters,html body.home-screen:not(.title-screen) #app .topbar .avatar,html body.home-screen:not(.title-screen) #app .footer{display:none!important}
html body.home-screen:not(.title-screen) #app .profile{margin-left:auto!important;display:flex!important}
html body.home-screen:not(.title-screen) #app .topbar button{min-width:40px!important;min-height:40px!important;padding:6px!important;border:1px solid #9c804b88!important;border-radius:12px!important;background:#171914!important}
html body.home-screen #app .premium-lobby{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;gap:8px!important;padding:0!important;margin:0!important;overflow:hidden!important}
html body.home-screen #app .lobby-welcome{display:block!important;position:relative!important;min-height:160px!important;height:auto!important;max-height:none!important;flex:1 1 0!important;padding:24px 19px!important;margin:0!important;border:1px solid #b5975966!important;border-radius:18px!important;background-position:61% center!important;box-shadow:inset 0 0 0 4px #0b0c0b55,0 6px 20px #0006!important;overflow:hidden!important}
html body.home-screen #app .lobby-welcome .home-hero-copy{position:relative!important;width:55%!important;z-index:2!important}
html body.home-screen #app .lobby-welcome h1{font:500 clamp(29px,8.8vw,43px)/1.04 Georgia,serif!important;letter-spacing:-.04em!important;margin:16px 0 13px!important;color:#fff0c9!important}
html body.home-screen #app .lobby-welcome .eyebrow{font-size:7px!important;line-height:1.5!important;letter-spacing:.1em!important}
html body.home-screen #app .lobby-welcome .host-greeting{font-size:12px!important;line-height:1.5!important;margin:0!important}
html body.home-screen #app .lobby-welcome .lobby-mode-label{font-size:7px!important;margin-top:13px!important;padding-top:8px!important}
html body.home-screen #app .lobby-welcome .home-host-stage{position:absolute!important;right:-4px!important;bottom:0!important;top:0!important;height:100%!important;max-height:none!important;width:49%!important;z-index:1!important}
html body.home-screen #app .lobby-welcome .home-host-stage img{object-fit:cover!important;object-position:50% 12%!important;width:100%!important;height:100%!important;mask-image:linear-gradient(90deg,transparent,#000 12%),linear-gradient(to top,transparent,#000 12%);mask-composite:intersect;animation:none!important}
html body.home-screen #app .lobby-welcome .home-host-stage>span{bottom:10px!important;left:50%!important;transform:translateX(-50%)!important;padding:5px 13px!important;border:1px solid #b69a5a88!important;border-radius:22px!important;background:#0e1214ed!important}
html body.home-screen #app .home-host-stage strong{font-size:21px!important}.home-screen #app .home-host-stage small{font-size:6px!important}
html body.home-screen #app .lobby-destinations{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;flex:none!important;height:158px!important}
html body.home-screen #app .destination{min-height:0!important;height:100%!important;border-radius:14px!important;border-color:#aa8d4e88!important}
html body.home-screen #app .destination-copy{padding:13px 11px 10px!important;justify-content:flex-start!important}
html body.home-screen #app .destination::before{background:linear-gradient(#080c0e88,#080b0ee8)!important}
html body.home-screen #app .destination-copy h2{font-size:25px!important;margin:6px 0!important}
html body.home-screen #app .destination-copy p{font-size:9px!important;line-height:1.3!important;margin:0 0 6px!important}
html body.home-screen #app .destination-copy .eyebrow{font-size:7px!important}
html body.home-screen #app .destination-button{min-height:38px!important;padding:5px 8px!important;font-size:11px!important;gap:5px!important;border-radius:8px!important}
html body.home-screen #app .destination-button svg{width:14px!important;height:14px!important}
html body.home-screen #app .lobby-story-identity{display:none!important}
html body.home-screen #app .lobby-story-progress{height:2px!important;margin:1px 0 6px!important}
html body.home-screen #app .lobby-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0!important;margin:0!important;flex:none!important}
html body.home-screen #app .home-utility{display:flex!important;align-items:center!important;gap:7px!important;min-height:58px!important;padding:7px!important;border-radius:12px!important;text-align:left!important;border:1px solid #ad905044!important;background:linear-gradient(135deg,#28261c,#111619)!important}
html body.home-screen #app .home-utility svg{width:19px!important;height:19px!important;flex:none!important}
html body.home-screen #app .home-utility strong{font-size:11px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html body.home-screen #app .home-utility small{font-size:7px!important;line-height:1.3!important}
html body.home-screen #app .lobby-resume{margin:0!important;min-height:46px!important;padding:6px 12px!important;flex:none!important;background:linear-gradient(100deg,#3d3420,#15191a)!important;border:1px solid #d1ac5a99!important;border-radius:12px!important}
html body.home-screen #app .lobby-resume strong{font-size:12px!important}.home-screen #app .lobby-resume svg{width:22px!important;height:22px!important}
html body.home-screen #app .lobby-dock{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;flex:none!important;margin-top:auto!important;padding:5px 2px 0!important;border-top:1px solid #a68b4a55!important;min-height:49px!important}
html body.home-screen #app .lobby-dock button{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:44px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;padding:4px!important;box-shadow:none!important;color:#a79b83!important;font:600 9px/1 system-ui!important}
html body.home-screen #app .lobby-dock button[aria-pressed="true"]{color:#f8dfa4!important;background:linear-gradient(#c39a4033,#c39a4010)!important;border-color:#b9974e55!important}
html body.home-screen #app .lobby-dock svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.6!important}
.dock-notice{position:absolute;right:27%;top:5px;width:5px;height:5px;background:#ffe28a;border-radius:50%;box-shadow:0 0 7px #f5cf72}
html body.home-screen #app [data-lobby-panel="lounge"]>:is(.collection-heading,.filters,.carousel-frame,.home-bottom){display:none!important}
html body.home-screen #app [data-lobby-panel="tables"]>:is(.lobby-welcome,.lobby-destinations,.lobby-shortcuts){display:none!important}
html body.home-screen #app .collection-heading{display:flex!important;flex:none!important;margin:9px 2px 0!important;align-items:center!important;gap:8px!important}
html body.home-screen #app .collection-heading h2{font:500 30px/1.1 Georgia!important;margin:5px 0 0!important;color:#f4e5be!important}
html body.home-screen #app .collection-heading .eyebrow{font-size:8px!important;letter-spacing:.17em!important}
html body.home-screen #app .collection-position{max-width:82px!important;font-size:9px!important;line-height:1.4!important;color:#bba984!important;text-align:right!important}
html body.home-screen #app .filters{display:flex!important;flex:none!important;gap:5px!important;overflow-x:auto!important;min-height:36px!important;padding:0 1px 3px!important;margin:0!important;scrollbar-width:none!important}
html body.home-screen #app .filters button{min-height:32px!important;flex:1 0 auto!important;padding:6px 10px!important;border:1px solid #a58c4b66!important;border-radius:20px!important;background:#13181b!important;color:#bbaf98!important;font:650 10px/1.1 system-ui!important;box-shadow:none!important}
html body.home-screen #app .filters button.active{background:linear-gradient(130deg,#f3dc9f,#b99043)!important;color:#211b10!important;border-color:#e3c77f!important}
html body.home-screen #app .carousel-frame{position:relative!important;flex:1 1 0!important;min-height:180px!important;margin:0!important;padding:0!important;overflow:hidden!important}
html body.home-screen #app .game-carousel{display:flex!important;align-items:stretch!important;height:100%!important;gap:12px!important;padding:0 18px 5px!important;scroll-snap-type:x mandatory!important;scroll-padding:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
html body.home-screen #app .gamecard{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 calc(100% - 38px)!important;min-width:0!important;height:100%!important;max-height:none!important;margin:0!important;scroll-snap-align:center!important;border:1px solid #c29f5e!important;border-radius:20px!important;background:#111517!important;box-shadow:inset 0 0 0 3px #dfbd6b18,0 4px 14px #0006!important;overflow:hidden!important}
html body.home-screen #app .gamecard .gameart.illustrated{height:auto!important;min-height:65px!important;max-height:none!important;flex:1 1 0!important;background-size:cover!important}
html body.home-screen #app .gamecard .room-heading{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:2!important;padding:20px 18px 36px!important;background:linear-gradient(#080c0ee8,#080c0e77,transparent)!important}
html body.home-screen #app .gamecard .room-heading h2{font-size:32px!important;line-height:1.1!important;margin:6px 0!important}
html body.home-screen #app .gamecard .room-category{font-size:8px!important;letter-spacing:.16em!important;color:#e0c385!important}
html body.home-screen #app .gamecard .room-details{position:relative!important;flex:none!important;padding:12px 15px 14px!important;background:linear-gradient(#1e241ff2,#0f1418)!important;border-top:1px solid #c09f5755!important}
html body.home-screen #app .gamecard .room-details p{font-size:11px!important;line-height:1.4!important;margin:0 0 7px!important}
html body.home-screen #app .gamecard .room-status{font-size:7px!important;letter-spacing:.12em!important;color:#bba579!important}
html body.home-screen #app .gamecard .room-enter{display:flex!important;align-items:center!important;min-height:43px!important;padding:8px 12px!important;margin-top:9px!important;font-size:13px!important;border-radius:10px!important;width:100%!important}
html body.home-screen #app .gamecard .room-enter svg{width:18px!important;height:18px!important}
html body.home-screen #app .carousel-nav{position:absolute!important;top:45%!important;width:30px!important;min-width:30px!important;height:42px!important;min-height:42px!important;z-index:4!important;border-radius:12px!important;border:1px solid #bda05c88!important;background:#10171aee!important;color:#ead09a!important;padding:0!important;font-size:25px!important}
html body.home-screen #app .carousel-nav[aria-disabled="true"]{opacity:.35!important}
html body.home-screen #app .carousel-nav.prev{left:0!important}html body.home-screen #app .carousel-nav.next{right:0!important}
html body.home-screen #app .home-bottom{flex:none!important;margin:0!important;padding:0!important;min-height:34px!important;gap:5px!important}
html body.home-screen #app .home-domino-options{margin:0!important;padding:0!important;font-size:10px!important}
html body.home-screen #app .home-domino-options summary{min-height:32px!important;padding:5px 8px!important;display:flex!important;align-items:center!important;gap:5px!important}
html body.home-screen #app .home-domino-options summary svg{width:17px!important;height:17px!important}
html body.home-screen #app .lobby-sound{min-height:32px!important;padding:5px 8px!important;font-size:11px!important}
/* Shared table materials and tactile controls, leaving object geometry intact. */
html body.portrait-play #app .topbar{background:linear-gradient(110deg,#21211a,#0b1013 70%)!important;border-bottom-color:#be9c5366!important}
html body.portrait-play #app .toolbar button,html body.portrait-play #app :is(.vault-nav,.cash-nav) button{border-radius:12px!important;border-color:#a58b4d88!important;background:linear-gradient(145deg,#28291f,#0e1518)!important;box-shadow:inset 0 1px #fff0c51c,0 2px 4px #0006!important}
html body.portrait-play #app .toolbar button[data-a="home"]{background:linear-gradient(120deg,#dbc087,#a3813f)!important;color:#211b10!important;border-color:#e3c889!important}
html body.portrait-play #app .game-scene>:is(.blackjack-table,.solitaire-table,.sudoku-table),html body.portrait-play #app .scene-spades>.table{border:2px solid #b59657!important;border-radius:22px!important;background:radial-gradient(ellipse at 50% 30%,#282c2999,#0a1117b3 75%),url('assets/paxton-table-v2428.svg') center/cover!important;box-shadow:inset 0 0 0 3px #111719,inset 0 0 0 4px #b3965055,inset 0 0 30px #0008!important}
html body.portrait-play #app :is(.status,.poker-status){color:#efdeaf!important;line-height:1.35!important;letter-spacing:.01em!important}
html body.portrait-play #app .scorebar .scorebox{background:linear-gradient(135deg,#282b25dd,#10171bdd)!important;border:1px solid #9d844f66!important;border-radius:12px!important;color:#baae94!important;box-shadow:inset 0 1px #ffe9ba0c!important}
html body.portrait-play #app .scorebar .scorebox strong{color:#ffedbb!important;font-variant-numeric:tabular-nums!important}
html body.portrait-play #app :is(.scorebox.current,.dom-seat.active,.dom-seat.current){border-color:#eac875!important;box-shadow:inset 0 -2px #e1b95e,0 0 12px #d1ab4f1c!important}
html body.portrait-play #app .card:not(.back){filter:drop-shadow(0 3px 2px #0007)!important}
html body.portrait-play #app .card.piece-reveal{animation:paxton-card-seat .25s var(--lounge-ease) both!important;animation-delay:var(--reveal-delay,0ms)!important}
@keyframes paxton-card-seat{from{opacity:0;filter:brightness(1.15)}to{opacity:1}}
html body.portrait-play #app .blackjack-table .bjstage{position:relative!important;isolation:isolate!important;border:1px solid #b2944a33!important;background:radial-gradient(ellipse,#36433633,transparent 70%)!important;box-shadow:inset 0 0 26px #0005!important;border-radius:30px!important}
html body.portrait-play #app .bjstage::before{content:'PAXTON’S LOUNGE  •  BLACKJACK 3:2';position:absolute;left:0;right:0;top:47%;z-index:-1;text-align:center;font:600 8px/1.2 system-ui;letter-spacing:.2em;color:#dfc78955;pointer-events:none}
html body.portrait-play #app .blackjack-table .seatlabel{font:650 9px/1.3 system-ui!important;letter-spacing:.1em!important;color:#d9c99e!important}
html body.portrait-play #app .blackjack-table .tableactions{gap:5px!important}
html body.portrait-play #app .blackjack-table .tableactions button{min-height:43px!important;border-radius:12px!important;line-height:1.2!important;font-size:12px!important}
html body.portrait-play #app .blackjack-table [data-a="bj-hit"]::before{content:'＋';display:block;font:20px/1 Georgia}
html body.portrait-play #app .blackjack-table [data-a="bj-stand"]::before{content:'—';display:block;font:20px/1 Georgia}
html body.portrait-play #app .blackjack-table [data-a="bj-double"]::before{content:'2×';display:block;font:20px/1 Georgia}
html body.portrait-play #app .blackjack-table [data-a="bj-surrender"]{font-size:9px!important}
html body.portrait-play #app .poker-table{border:5px solid #2c261d!important;border-radius:35px!important;background:radial-gradient(ellipse,#2d3b3266,#0b1217b3 80%),url('assets/paxton-table-v2428.svg') center/cover!important;box-shadow:inset 0 0 0 2px #c4a362,inset 0 0 35px #000b,0 0 0 1px #c3a266!important}
html body.portrait-play #app .poker-seat{background:linear-gradient(145deg,#293027,#10171b)!important;border-radius:12px!important;border-color:#a98d4a88!important;box-shadow:0 3px 5px #0006!important}
html body.portrait-play #app .poker-seat.acting{border-color:#f2d68b!important;box-shadow:inset 0 -3px #e6c66f,0 0 9px #d9b56333!important}
html body.portrait-play #app .poker-seat.folded{opacity:.55!important}
html body.portrait-play #app .poker-seat.winner{border-color:#ffe7a0!important;background:linear-gradient(#54472b,#1e251d)!important}
html body.portrait-play #app .poker-pot{font-variant-numeric:tabular-nums!important;border:1px solid #bd9e554d!important;border-radius:20px!important;background:linear-gradient(120deg,#211f16,#111a1c)!important;padding:6px 16px!important;display:inline-block!important;color:#ffe6a4!important}
html body.portrait-play #app .poker-table-wordmark{opacity:.7!important;text-shadow:0 2px 3px #000!important}
html body.portrait-play #app .poker-card-slot{border-radius:8px!important;border:1px dashed #baa16c66!important;background:#0c151866!important}
html body.portrait-play #app .poker-controls{border-radius:15px!important;background:linear-gradient(#20261f,#0f1518)!important;border-color:#a78d4d77!important}
html body.portrait-play #app .poker-action-buttons button{border-radius:12px!important;font-size:12px!important}
html body.portrait-play #app .scene-spades .trickstage{border:1px solid #b69a4d33!important;background:radial-gradient(ellipse,#cbb36d09,transparent 70%)!important;box-shadow:inset 0 0 18px #0004!important;border-radius:28px!important}
html body.portrait-play #app .scene-spades .trickstage::before{content:'P';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 76px Georgia;color:#d7ba6b13;pointer-events:none}
html body.portrait-play #app .scene-spades .bidbox{border:1px solid #bc9d5055!important;border-radius:15px!important;background:linear-gradient(130deg,#2c322588,#121b1c88)!important}
html body.portrait-play #app .scene-spades:has(.bidbox) .spadeshand .card{opacity:1!important}
html body.portrait-play #app .scene-spades .card-victory{background:linear-gradient(130deg,#3b3420,#151c1b)!important;box-shadow:0 6px 18px #0008!important;border-color:#d7b96c!important}
html body.portrait-play #app .dom-scoreboard .dom-seat{background:linear-gradient(135deg,#292a23,#111719)!important;border-color:#ae914e88!important}
html body.portrait-play #app .dom-board-scroll{box-shadow:inset 0 0 0 1px #d0b47833,inset 0 0 32px #0008!important}
html body.portrait-play #app .dom-rack-row{gap:6px!important}
html body.portrait-play #app .dom-table>.hand{background:linear-gradient(#26292099,#0b1217dd)!important;border-color:#a88c4b88!important;box-shadow:inset 0 4px 8px #0005!important}
html body.portrait-play #app .domino.selected{outline-color:#ffe6a4!important;box-shadow:0 0 0 2px #0b1115,0 0 15px #e2be5a66!important}
html body.portrait-play #app .sudoku{border:2px solid #ccb278!important;border-radius:10px!important;box-shadow:0 5px 14px #0008!important;overflow:hidden!important}
html body.portrait-play #app .sudcell.active{background:#f4d68e!important;color:#1c211b!important;box-shadow:inset 0 0 0 2px #9c752e!important}
html body.portrait-play #app .sudcell.same-number:not(.active){background:#e3d6ad!important;color:#1b2928!important}
html body.portrait-play #app .sudoku-table .puzzle-hud{color:#ddc99b!important;border-bottom:1px solid #bd9f4e33!important;padding-bottom:5px!important;font-variant-numeric:tabular-nums!important}
html body.portrait-play #app .scene-crossword .crossgrid{border:2px solid #cfb579!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 5px 14px #0007!important}
html body.portrait-play #app .portrait-current-clue{background:linear-gradient(#2b3024,#131b1d)!important;border-color:#c2a35d88!important;color:#f3e3bb!important;border-radius:12px!important;font-size:12px!important;line-height:1.35!important}
html body.portrait-play #app .solitaire-table .slot{border:1px dashed #b79a5266!important;border-radius:8px!important;background:#101b1c66!important;color:#bca46d!important}
html body.portrait-play #app .solitaire-table .selected{outline:2px solid #ffe5a0!important;outline-offset:2px!important}
/* Slots: cabinet reflections stay on the frame; symbols stay clear. */
html body.portrait-play.slot-screen #app .slot-machine{border-radius:18px!important;border:1px solid #ad8c47!important;box-shadow:inset 0 0 0 3px #080e11,0 5px 20px #0008!important}
html body.portrait-play.slot-screen #app .guardian-title{border:1px solid #c6a65d55!important;box-shadow:inset 0 1px #fff0ba1c!important;background-color:#0d1419cc!important}
html body.portrait-play.slot-screen #app .reel-frame{border-color:#e0bf73!important;box-shadow:inset 0 0 0 2px #2f2013,inset 0 0 0 4px #dbbc6d55,0 4px 9px #000a!important;background:linear-gradient(135deg,#312620,#070e14 45%,#34281b)!important}
html body.portrait-play.slot-screen #app .reel-window{border:1px solid #c9a861!important;border-radius:7px!important;box-shadow:0 0 0 2px #090c10!important}
html body.portrait-play.slot-screen #app .vault-console,html body.portrait-play.slot-screen #app .cash-console{border-color:#c2a15b!important;border-radius:14px!important;box-shadow:inset 0 1px #fff0ba33,0 3px 9px #0008!important}
html body.portrait-play.slot-screen #app .slot-spin{border-radius:14px!important;border:2px solid #f3d58a!important;box-shadow:inset 0 2px #fff3ca88,inset 0 -3px #88601c66,0 3px 7px #0007!important}
html body.portrait-play.slot-screen #app .vault-bonus-overlay>.slot-bonus{border-color:#cfad60!important;border-radius:20px!important;box-shadow:inset 0 0 0 3px #10191b,inset 0 0 0 4px #b99b4c77,0 12px 24px #0008!important}
html body.portrait-play.slot-screen #app .bonus-choice-card{border-radius:14px!important;border-color:#c8aa67!important;box-shadow:inset 0 1px #ffe4a933,0 3px 8px #0006!important}
/***** Result and dialog presentation. Never placed across cards or reels. *****/
html body.portrait-play #app .result:not(.dom-result){border-color:#c1a361!important;background:linear-gradient(125deg,#2a2b20,#10191c)!important;box-shadow:inset 0 1px #ffe6a51f,0 5px 18px #0007!important}
html body #modal:not(.story-modal){max-width:min(94vw,520px)!important;max-height:calc(var(--visible-app-height,100dvh) - 36px)!important;border:1px solid #cfad65!important;border-radius:22px!important;background:radial-gradient(ellipse at top,#303127,#10171d 70%)!important;box-shadow:0 18px 70px #000c,inset 0 0 0 4px #d3b06310!important;color:#efdfb9!important;padding:20px!important;box-sizing:border-box!important}
html body #modal::backdrop{background:#05080cc9;backdrop-filter:blur(7px)}
html body #modal:not(.story-modal) .close{position:sticky!important;top:0!important;margin-left:auto!important;display:block!important;z-index:3!important;border-radius:18px!important;min-height:36px!important;background:#222a26!important;border-color:#c6ab6477!important;color:#efddb3!important}
html body #modal:not(.story-modal) h2{font:500 28px/1.15 Georgia!important;color:#ffe7af!important;letter-spacing:-.025em!important}
html body #modal:not(.story-modal) :is(input,select){border:1px solid #a88c4b88!important;background:#0e191d!important;color:#f7e9ca!important;border-radius:10px!important;min-height:42px!important;padding:9px!important;font-size:16px!important;box-sizing:border-box!important}
html body #modal:not(.story-modal) .portrait-menu-grid{gap:8px!important}
html body #modal:not(.story-modal) button{border-radius:12px!important;min-height:42px!important;border-color:#b89a5666!important;background:linear-gradient(130deg,#303126,#11191c)!important;color:#eedbad!important;box-shadow:inset 0 1px #ffe9ac14!important}
html body #modal:not(.story-modal) button.gold{background:linear-gradient(125deg,#f7e2ad,#b99343)!important;color:#241d10!important}
.lounge-result-arrival{position:relative;isolation:isolate;overflow:hidden;animation:paxton-result-settle .4s var(--lounge-ease) both!important}
.lounge-result-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:-1}.lounge-result-sparkles i{position:absolute;left:calc(7% + var(--spark)*12%);top:75%;width:3px;height:3px;border-radius:50%;background:#ffe4a4;box-shadow:0 0 7px #e7bf55;animation:paxton-result-light 1.7s calc(var(--spark)*.06s) ease-out both}
@keyframes paxton-result-settle{from{opacity:.25;filter:brightness(1.25)}to{opacity:1;filter:brightness(1)}}
@keyframes paxton-result-light{0%{opacity:0}25%{opacity:.75}100%{opacity:0;transform:translateY(-95px)}}
html body #app :is(.toolbar button,.lobby-dock button,.home-primary,.destination-button,.tableactions button,.poker-action-buttons button,.vault-console button):not(:disabled):active{filter:brightness(1.14)!important;box-shadow:inset 0 2px 4px #0004!important}
@media(max-height:700px){
 html body.home-screen #app .lobby-welcome{padding:17px!important;min-height:138px!important}
 html body.home-screen #app .lobby-welcome h1{font-size:31px!important;margin:10px 0!important}
 html body.home-screen #app .lobby-welcome .host-greeting{font-size:10px!important}
 html body.home-screen #app .lobby-welcome .lobby-mode-label{margin-top:9px!important;padding-top:5px!important;font-size:6px!important}
 html body.home-screen #app .lobby-destinations{height:133px!important}
 html body.home-screen #app .destination-copy{padding:10px!important}
 html body.home-screen #app .destination-copy h2{font-size:21px!important;margin:4px 0!important}
 html body.home-screen #app .home-utility{min-height:49px!important;padding:5px!important}
 html body.home-screen #app .home-utility svg{display:none!important}
 html body.home-screen #app .lobby-resume{min-height:39px!important}
 html body.home-screen #app .collection-heading h2{font-size:25px!important}
 html body.home-screen #app .gamecard .room-heading{padding:15px 14px 28px!important}
 html body.home-screen #app .gamecard .room-heading h2{font-size:27px!important}
 html body.home-screen #app .gamecard .room-details{padding:8px 12px 10px!important}
 html body.home-screen #app .gamecard .room-details p{font-size:10px!important}
 html body.home-screen #app .gamecard .room-enter{min-height:37px!important;font-size:12px!important;margin-top:5px!important}
 body.home-screen.title-screen #app .title-content{padding-top:5vh!important}
 body.home-screen.title-screen #app .title-emblem{width:59px!important;height:59px!important;margin:12px 0!important}
 body.home-screen.title-screen #app .title-content h1{font-size:43px!important;margin:10px 0!important}
 body.home-screen.title-screen #app .title-content p{font-size:13px!important;margin-bottom:20px!important}
 body.home-screen.title-screen #app .title-caption{font-size:7px!important;margin-top:17px!important}
 html body.portrait-play #app .blackjack-table .tableactions button{min-height:40px!important}
}
@media(max-width:350px){html body.home-screen:not(.title-screen) #app .brand .paxton-wordmark{font-size:26px!important}html body.home-screen #app .lobby-welcome h1{font-size:29px!important}html body.home-screen #app .filters button{padding:5px 7px!important;font-size:9px!important}html body.home-screen #app .destination-button{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){#app *,#app *::before,#app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.title-gold-dust,.lounge-result-sparkles{display:none!important}}
html body:is(.reduce,.system-reduced-motion) #app *,html body:is(.reduce,.system-reduced-motion) #app *::before,html body:is(.reduce,.system-reduced-motion) #app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html body:is(.reduce,.system-reduced-motion) .title-gold-dust,html body:is(.reduce,.system-reduced-motion) .lounge-result-sparkles{display:none!important}
/* Locally packaged Runway motion, with still-image fallbacks. */
html body.home-screen.title-screen #app .title-room .title-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
html body.home-screen.title-screen #app .title-room::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#05080a10,#05070933 24%,#05080ab3 62%,#050709ed)}
html body.home-screen #app .home-host-stage .host-motion{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:50% 12%;mask-image:linear-gradient(90deg,transparent,#000 12%),linear-gradient(to top,transparent,#000 12%);mask-composite:intersect;pointer-events:none;display:block}
html body.home-screen #app .home-host-stage>span{z-index:4!important}
html body.portrait-play #app .clear-action-frame>.signature-motion{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border:0!important;background:#080f14!important;pointer-events:none!important;display:block!important}
html body.portrait-play #app .clear-action-frame.has-signature-motion .cinema-spotlight{z-index:3!important;pointer-events:none!important}
html body #app video[data-motion-asset][hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html body #app video[data-motion-asset]{display:none!important}}
html body:is(.reduce,.system-reduced-motion) #app video[data-motion-asset]{display:none!important}
html body.home-screen.title-screen #app .title-room{animation:none!important}
/* On an active bonus, the background film is atmosphere only; gameplay stays on the clear foreground. */
html body.portrait-play.slot-screen #app .bonus-cinematic{pointer-events:none!important;opacity:.18!important;object-fit:cover!important}
html body.portrait-play #app .clear-action-frame>.signature-motion{background:transparent!important;opacity:0;transition:opacity .15s ease-out}
html body.portrait-play #app .clear-action-frame>.signature-motion.motion-ready{opacity:1}
/* Seven Nights shares the gold room's materials and readable controls. */
.story-modal .v239-story-header{background:linear-gradient(105deg,#28291f,#0b151a)!important;border-bottom-color:#c4a25c66!important}
.story-modal .v239-dialogue{background:linear-gradient(120deg,#121d24ee,#24261cee)!important;border-color:#d3ae6488!important;box-shadow:0 6px 20px #0007!important}
.story-modal .v239-speaker{background:linear-gradient(110deg,#f4dfaa,#b38b3d)!important;color:#211b0f!important}
.story-modal .v239-responses button,.story-modal .v239-next{background:linear-gradient(120deg,#293129f2,#111b23f2)!important;border-color:#bca05d99!important;color:#f4e7c8!important;box-shadow:inset 0 1px #fff1ba18,0 4px 10px #0007!important}
.story-modal .v239-phone-nav{background:#0b141af2!important;border-top-color:#b5974d66!important}
.story-modal .v239-phone-nav button.active{background:#d5ae4f16!important;border-radius:12px!important}
.story-modal .v239-gold,.story-modal button.v239-gold{background:linear-gradient(120deg,#f8e3ac,#b99242)!important;color:#221c10!important}
@media(max-width:600px){.story-modal .v239-story-header{padding:14px 55px 12px 17px!important}.story-modal .v239-dialogue{font-size:16px!important;line-height:1.45!important}.story-modal .v239-responses{gap:7px!important}.story-modal .v239-responses button{min-height:47px!important;padding:11px 14px!important;font-size:13px!important}.story-modal .v239-phone-nav{padding-top:7px!important;padding-bottom:max(7px,env(safe-area-inset-bottom))!important}}
html body.portrait-play #app .clear-action-frame>.fresh-sport-art{position:absolute!important;inset:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#080f14!important}
