/* Original casino-room art, live SVG wheel and dimensional marked felt. */
html body.portrait-play #app .casino-table{padding:8px 10px!important;gap:5px!important;border:3px solid #ba9550!important;border-radius:24px!important;background:linear-gradient(#090b0c22,#080a0bd9 65%),url(assets/paxton-casino-room-v2430.webp) center/100% 100%!important;box-shadow:inset 0 0 0 2px #302011,inset 0 0 0 4px #f1d99a44,0 6px 18px #000b!important;}
html body.portrait-play #app .casino-table-head{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important;justify-content:flex-end!important;z-index:2!important;}
html body.portrait-play #app .roulette-table .casino-table-head{display:none!important;}
html body.portrait-play #app .casino-room-sign{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:none!important;font:28px/1.1 var(--paxton-script,Georgia)!important;color:#e7c77c!important;text-shadow:0 2px 3px #000!important;margin:0!important;padding:4px 0 0!important;letter-spacing:0!important;}
html body.portrait-play #app .casino-room-sign>span{font:650 7px/1.6 system-ui!important;letter-spacing:.22em!important;color:#c5b089!important;}
html body.portrait-play #app .casino-play-guide{order:0!important;padding:3px 5px!important;background:#090d0de0!important;border:0!important;border-bottom:1px solid #ba955055!important;border-radius:0!important;}
html body.portrait-play #app .casino-play-guide>span{font-size:7px!important;letter-spacing:.04em!important;}
html body.portrait-play #app .casino-play-guide>strong{font-size:10px!important;line-height:1.2!important;}
html body.portrait-play #app .roulette-surface{position:relative!important;display:flex!important;gap:4px!important;flex:1 1 0!important;min-height:0!important;align-items:center!important;}
html body.portrait-play #app .roulette-surface>.casino-room-sign{position:absolute!important;top:0!important;left:0!important;right:0!important;pointer-events:none!important;font-size:24px!important;z-index:1!important;}
html body.portrait-play #app .roulette-table .roulette-wheel-shell{position:relative!important;flex:none!important;align-self:center!important;width:clamp(94px,20svh,174px)!important;height:clamp(94px,20svh,174px)!important;margin:36px auto 2px!important;max-width:none!important;transform:rotateX(22deg)!important;filter:drop-shadow(0 10px 6px #000b)!important;}
html body.portrait-play #app .roulette-wheel{width:100%!important;height:100%!important;display:block!important;border-radius:50%!important;box-shadow:0 3px 0 2px #614021,0 6px 0 3px #29180d,0 7px 0 4px #b18a45!important;}
html body.portrait-play #app .roulette-pointer{display:none!important;}
html body.portrait-play #app .roulette-ball-track{position:absolute!important;inset:0!important;border-radius:50%!important;pointer-events:none!important;transform:rotate(0deg)!important;}
html body.portrait-play #app .roulette-ball{position:absolute!important;left:calc(50% - 3px)!important;top:7%!important;width:6px!important;height:6px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,white,#e8e5d8 55%,#8d8b7d)!important;box-shadow:0 2px 2px #000c!important;z-index:4!important;}
html body.portrait-play #app .wheel-spindle{position:absolute!important;left:44%!important;top:44%!important;width:12%!important;height:12%!important;border-radius:50%!important;background:radial-gradient(circle at 30% 20%,#fff4ce,#b78c3e 45%,#38250f 85%)!important;box-shadow:0 6px 3px #0009!important;pointer-events:none!important;}
html body.portrait-play #app .wheel-in-motion .roulette-ball-track{animation:paxton-ball-orbit 3.4s cubic-bezier(.12,.52,.27,1) both!important;}
html body.portrait-play #app .roulette-layout{display:grid!important;align-self:stretch!important;flex:1 1 0!important;min-height:0!important;width:100%!important;grid-template-columns:1fr!important;grid-template-rows:22px minmax(0,1fr) 50px!important;gap:0!important;padding:4px!important;border:1px solid #e9d49a!important;border-radius:12px!important;background:radial-gradient(ellipse at center,#293028bb,#101713dd)!important;box-shadow:inset 0 0 18px #0008,0 2px 8px #0008!important;}
html body.portrait-play #app .roulette-zero{flex-direction:row!important;gap:0!important;}
html body.portrait-play #app .roulette-numbers{gap:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(6,minmax(0,1fr))!important;}
html body.portrait-play #app .roulette-outside{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:0!important;grid-column:auto!important;}
html body.portrait-play #app .roulette-layout .bet-spot{border:1px solid #d6c69c8c!important;border-radius:0!important;min-height:0!important;padding:1px!important;font:650 clamp(11px,3.6vw,16px)/1 system-ui!important;box-shadow:none!important;background:#1c271de0!important;touch-action:manipulation!important;}
html body.portrait-play #app .roulette-layout .bet-spot.red{background:radial-gradient(ellipse,#a82739,#69182b)!important;color:#fff8dd!important;}
html body.portrait-play #app .roulette-layout .bet-spot.black{background:radial-gradient(ellipse,#1d2429,#070a0d)!important;color:#fff8dd!important;}
html body.portrait-play #app .roulette-layout .bet-spot.green{background:#184d3a!important;color:#fff8dd!important;}
html body.portrait-play #app .roulette-outside .bet-spot{font-size:8px!important;line-height:1.1!important;}
html body.portrait-play #app .roulette-numbers .bet-spot:has(.chip-on-spot){font-size:12px!important;padding:1px 0 10px!important;justify-content:flex-start!important;}
html body.portrait-play #app .roulette-numbers .chip-on-spot{width:19px!important;min-width:19px!important;height:11px!important;line-height:9px!important;border-radius:50%!important;font-size:7px!important;background:radial-gradient(#f7e2a1,#b98b38)!important;border:1px dashed #fff5cf!important;}
html body.portrait-play #app .roulette-closeup{position:absolute!important;inset:0!important;z-index:20!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:linear-gradient(#080a0b66,#080a0bcc),url(assets/paxton-casino-room-v2430.webp) center/cover!important;border-radius:20px!important;overflow:hidden!important;}
html body.portrait-play #app .roulette-closeup .roulette-wheel-shell{width:min(80vw,360px)!important;height:min(80vw,360px)!important;margin:30px auto!important;transform:rotateX(26deg)!important;}
html body.portrait-play #app .roulette-closeup .roulette-ball{width:9px!important;height:9px!important;left:calc(50% - 4.5px)!important;}
html body.portrait-play #app .roulette-closeup>p{font:600 13px/1.4 system-ui!important;color:#efdab0!important;text-align:center!important;}
html body.portrait-play #app .casino-controls{padding:5px 3px!important;min-height:38px!important;background:linear-gradient(#25211bd9,#090b0ce8)!important;border-top:1px solid #967642!important;border-bottom:1px solid #967642!important;}
html body.portrait-play #app .chip-rack{gap:8px!important;}
html body.portrait-play #app .chip-rack .casino-chip{width:33px!important;height:33px!important;min-height:33px!important;border:3px dashed #f2e3b7!important;background:radial-gradient(circle,#293c46 45%,#111c25 48%,#b3965a 52%,#101820 62%)!important;box-shadow:0 3px 0 #050608,0 4px 4px #000!important;transition:transform .16s!important;}
html body.portrait-play #app .chip-rack .casino-chip.chosen{transform:translateY(-3px)!important;outline:2px solid #ffe49e!important;outline-offset:1px!important;background:radial-gradient(#944332,#4e1517)!important;}
html body.portrait-play #app .casino-round-result{padding:4px 7px!important;gap:2px!important;background:linear-gradient(100deg,#29251bd9,#111415ed)!important;border:1px solid #b79755!important;border-radius:8px!important;}
html body.portrait-play #app .casino-round-result header{min-height:14px!important;font-size:8px!important;}
html body.portrait-play #app .casino-round-result>strong{font-size:17px!important;line-height:1.05!important;}
html body.portrait-play #app .casino-round-result>p{font-size:9px!important;line-height:1.15!important;}
html body.portrait-play #app .casino-result-totals{padding-top:2px!important;gap:3px!important;}
html body.portrait-play #app .casino-result-totals b{font-size:12px!important;}
html body.portrait-play #app .casino-action-row{gap:4px!important;}
html body.portrait-play #app .casino-action-row>[data-a="casino-go"]{min-height:38px!important;border-radius:18px!important;box-shadow:inset 0 1px 2px #fff8,0 3px 0 #6a481e!important;letter-spacing:.04em!important;}
html body.portrait-play #app .casino-action-row>span>b{font-size:14px!important;}
html body.portrait-play #app .craps-table>.casino-room-sign{order:0!important;font-size:26px!important;}
html body.portrait-play #app .craps-table .casino-table-head{height:24px!important;min-height:24px!important;align-items:center!important;}
html body.portrait-play #app .point-puck{border-radius:50%!important;font-size:9px!important;padding:4px 8px!important;background:#16191b!important;border:2px solid #dac38b!important;box-shadow:0 3px 0 #645839!important;}
html body.portrait-play #app .point-puck.point-on{background:#eee3bc!important;color:#18180f!important;}
html body.portrait-play #app .craps-table .dice-stage{flex:1 1 0!important;height:auto!important;min-height:72px!important;max-height:none!important;gap:38px!important;background:radial-gradient(ellipse at center,#2d322944,#080d0b88)!important;border:1px solid #9c895f66!important;border-bottom:4px solid #96763d!important;border-radius:50% 50% 14px 14px / 28% 28% 14px 14px!important;overflow:hidden!important;box-shadow:inset 0 12px 14px #0009,inset 0 -2px #f7dfa766!important;perspective:700px!important;}
html body.portrait-play #app .dice-stage::before{content:"PAXTON’S • PRIVATE DICE CLUB"!important;position:absolute!important;left:0!important;right:0!important;top:12px!important;text-align:center!important;font:600 8px/1 system-ui!important;letter-spacing:.2em!important;color:#dec38d77!important;}
html body.portrait-play #app .dice-stage>strong{font:700 15px/1 Georgia!important;bottom:7px!important;color:#ead699!important;}
html body.portrait-play #app .die-perspective{width:48px!important;height:48px!important;--edge:48px!important;--half:24px!important;transform:rotate(-8deg)!important;perspective:500px!important;}
html body.portrait-play #app .die-perspective:nth-child(2){transform:rotate(11deg)!important;}
html body.portrait-play #app .die-face{padding:7px!important;gap:3px!important;border-radius:8px!important;background:linear-gradient(135deg,#fff9e7,#d5c6a5)!important;border:1px solid #e0c17b!important;}
html body.portrait-play #app .settled .die-cube{animation:none!important;transform:rotateX(-16deg) rotateY(18deg)!important;}
html body.portrait-play #app .rolling .die-cube{animation:paxton-dice-toss 1.5s cubic-bezier(.16,.62,.3,1) both!important;animation-delay:0s!important;}
html body.portrait-play #app .craps-layout{flex:none!important;gap:0!important;margin:0!important;border:1px solid #d5bd81!important;border-radius:10px!important;background:#14241ad9!important;padding:4px!important;box-shadow:inset 0 0 18px #0008!important;}
html body.portrait-play #app .craps-layout .bet-spot{min-height:32px!important;padding:3px 2px!important;border-radius:0!important;border:1px solid #c7b788!important;background:transparent!important;color:#f2dfb5!important;box-shadow:none!important;font:700 10px/1.1 system-ui!important;}
html body.portrait-play #app .craps-place{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;}
html body.portrait-play #app .craps-place .bet-spot{min-height:32px!important;font:750 17px/1 Georgia!important;}
html body.portrait-play #app .craps-place .bet-spot small{font:500 6px/1 system-ui!important;color:#cabd95!important;white-space:nowrap!important;}
html body.portrait-play #app .craps-line{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0!important;}
html body.portrait-play #app .craps-line>[data-type="pass"]{background:#c3a15d14!important;color:#ffe7a3!important;min-height:34px!important;font-size:12px!important;letter-spacing:.08em!important;}
html body.portrait-play #app .craps-line>[data-type="pass"] small{font-size:6px!important;color:#d6c39a!important;letter-spacing:0!important;}
html body.portrait-play #app .craps-field{margin:0!important;display:flex!important;}
html body.portrait-play #app .craps-field .bet-spot{min-height:32px!important;letter-spacing:.08em!important;font-size:11px!important;}
html body.portrait-play #app .craps-field .bet-spot small{font-size:7px!important;letter-spacing:0!important;}
html body.portrait-play #app .craps-layout>.portrait-other-bets{min-height:24px!important;margin:0!important;border:0!important;border-top:1px solid #c9ab6755!important;border-radius:0!important;background:transparent!important;color:#d1ba85!important;font-size:9px!important;padding:3px!important;}
html body.portrait-play #app .craps-spot .chip-on-spot{border-radius:50%!important;border:2px dashed #fff0b4!important;background:radial-gradient(#f7dfa3,#b98b38)!important;color:#1c1609!important;min-width:18px!important;height:18px!important;font-size:8px!important;bottom:0!important;right:0!important;box-shadow:0 2px 0 #5c401c!important;}
@keyframes paxton-ball-orbit{0%{transform:rotate(0deg)}75%{transform:rotate(-2040deg)}100%{transform:rotate(-2160deg)}}
@keyframes paxton-dice-toss{0%{transform:translate(-64px,-35px) rotateX(220deg) rotateY(300deg) rotateZ(-80deg)}35%{transform:translate(20px,-15px) rotateX(560deg) rotateY(600deg) rotateZ(100deg)}60%{transform:translate(-8px,0) rotateX(704deg) rotateY(738deg) rotateZ(-12deg)}80%{transform:translate(3px,-7px) rotateX(704deg) rotateY(738deg)}100%{transform:translate(0,0) rotateX(704deg) rotateY(738deg)}}
@media(max-height:680px){html body.portrait-play #app .roulette-table .roulette-wheel-shell{height:82px!important;width:82px!important;margin-top:30px!important}html body.portrait-play #app .roulette-layout{grid-template-rows:18px minmax(0,1fr) 40px!important}html body.portrait-play #app .casino-room-sign{font-size:21px!important}html body.portrait-play #app .casino-round-result .casino-result-totals{display:none!important}html body.portrait-play #app .casino-play-guide>span{display:none!important}html body.portrait-play #app .roulette-closeup .roulette-wheel-shell{height:260px!important;width:260px!important}}
@media(prefers-reduced-motion:reduce){html body.portrait-play #app .wheel-in-motion .roulette-ball-track,html body.portrait-play #app .rolling .die-cube{animation:none!important}}
html body.no-motion #app .wheel-in-motion .roulette-ball-track,html body.no-motion #app .rolling .die-cube{animation:none!important}
@media(max-height:680px){
 html body.portrait-play #app .casino-table{gap:3px!important;padding:5px 7px!important}
 html body.portrait-play #app .craps-table>.casino-room-sign{display:none!important}
 html body.portrait-play #app .craps-table .dice-stage{min-height:56px!important}
 html body.portrait-play #app .casino-round-result>p{font-size:8px!important}
 html body.portrait-play #app .casino-round-result>strong{font-size:15px!important}
 html body.portrait-play #app .casino-controls{padding:3px!important;min-height:30px!important}
 html body.portrait-play #app .chip-rack .casino-chip{width:28px!important;height:28px!important;min-height:28px!important;font-size:9px!important}
 html body.portrait-play #app .casino-action-row button{min-height:32px!important}
 html body.portrait-play #app .casino-action-row>[data-a="casino-go"]{min-height:32px!important}
 html body.portrait-play #app .craps-place .bet-spot,html body.portrait-play #app .craps-line .bet-spot,html body.portrait-play #app .craps-field .bet-spot{min-height:27px!important}
 html body.portrait-play #app .craps-layout>.portrait-other-bets{min-height:20px!important}
}
html body.portrait-play #app .roulette-table:has(.casino-round-result) .roulette-surface>.roulette-wheel-shell{width:clamp(68px,12svh,110px)!important;height:clamp(68px,12svh,110px)!important}
