.casino-room{--felt:#185a45;--felt-light:#32755e;--accent:#e1bd73;--ink:#f3ede2;--muted:#a0ada9;position:relative;width:100%;height:100dvh;min-height:300px;overflow:hidden;background:#070b10;color:var(--ink);font-family:Inter,Arial,sans-serif;color-scheme:dark}.casino-room[data-game=red-dog-card-game]{--felt:#551d2c;--felt-light:#79384a;--accent:#f2c285}.casino-room[data-game=high-low-card-guess]{--felt:#172e53;--felt-light:#304f7c;--accent:#b6cafa}body:has(.casino-room){background:#070b10;overflow:hidden}.casino-room *{box-sizing:border-box}.casino-room button,.casino-room input{font:inherit}.casino-room button{cursor:pointer;touch-action:manipulation}.casino-room button:disabled{cursor:default;opacity:.38}.casino-room button:focus-visible,.casino-room a:focus-visible,.casino-room input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.casino-room svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.casino-landscape{height:100%;position:relative;background:radial-gradient(ellipse at 50% 37%,#1a2430 0,#0b1119 52%,#04070b)}.casino-top{position:absolute;inset:0 0 auto;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:calc(14px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));pointer-events:none}.casino-top>*{pointer-events:auto}.casino-title,.casino-wallet{display:flex;align-items:center;gap:15px}.casino-title a,.casino-wallet button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #38424c;border-radius:50%;background:#111923dd;color:#e7edf2}.casino-title h1{margin:0;color:var(--ink);font:600 21px/1.1 Georgia,serif;letter-spacing:.02em}.casino-wallet>span{display:grid;gap:3px;padding-inline:12px;border-right:1px solid #35404a;color:#9aa8b6;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.casino-wallet strong{color:#fff0c4;font-size:19px;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.casino-wallet button{width:35px;height:35px;border-radius:9px}.casino-wallet{gap:5px}.casino-scene{position:absolute;inset:65px 0 90px;display:grid;place-items:center}.casino-furniture{position:relative;width:min(94vw,calc((100dvh - 142px)*2.158),1500px);aspect-ratio:1599/741;transform:perspective(1500px) rotateX(4deg);transform-style:preserve-3d}.casino-table-shadow{position:absolute;inset:12% 3% -6%;border-radius:50%;background:#000b;filter:blur(26px);transform:translateY(25px)}.casino-felt{position:absolute;z-index:1;inset:5.5% 6.7% 24.2%;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 47% 29%,var(--felt-light),var(--felt) 68%,#071412 100%);box-shadow:inset 0 0 60px #0009}.casino-felt:after{content:"";position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='150' height='150' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.casino-felt-ring{position:absolute;inset:9% 6% 11%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;box-shadow:0 0 0 8px #0000000a}.casino-felt-title{position:absolute;left:50%;top:15%;transform:translate(-50%);color:var(--accent);opacity:.27;font:700 clamp(13px,1.6vw,24px)/1 Georgia,serif;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.casino-frame{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 10px 10px #000a)}.casino-playfield{position:absolute;z-index:5;inset:9% 14% 27%;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,90px)}.casino-chip-stack{position:absolute;z-index:7;left:calc(50% - 50px);top:73%;width:100px;height:45px;transform:perspective(130px) rotateX(30deg)}.casino-chip-stack img{position:absolute;width:43px;filter:drop-shadow(0 4px 1px #000)}.casino-chip-stack img:nth-child(2){left:25px;top:5px}.casino-chip-stack img:nth-child(3){left:51px;top:-1px}.casino-status{position:absolute;z-index:8;bottom:-8px;left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:90%;margin:0;color:#d8e0e6;font-size:13px;line-height:1.4;text-align:center;text-shadow:0 2px 4px #000}.casino-status[data-tone=win]{color:#b7efc9}.casino-status[data-tone=loss]{color:#f2b3a7}.casino-controls{position:absolute;z-index:12;width:-moz-max-content;width:max-content;left:50%;bottom:max(15px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:28px;max-width:calc(100% - 130px);padding:8px 12px;border:1px solid #44515c;border-radius:15px;background:linear-gradient(145deg,#1b2630,#090e15);box-shadow:inset 0 1px #ffffff0f,0 6px #03060a,0 15px 32px #0009}.casino-bets{display:flex;align-items:center;gap:12px}.casino-chip-buttons{display:flex;gap:3px}.casino-chip-buttons button{position:relative;width:47px;height:47px;border:0;border-radius:50%;background:none;padding:0;transition:transform .15s}.casino-chip-buttons button img{width:100%;height:100%;filter:drop-shadow(0 3px 1px #000)}.casino-chip-buttons button span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:800;text-shadow:0 1px 3px #000;color:#fff}.casino-chip-buttons button[aria-pressed=true]{transform:translateY(-4px)}.casino-chip-buttons button[aria-pressed=true]:after{content:"";position:absolute;inset:-3px;border:1px solid var(--accent);border-radius:50%}.casino-bets>label{display:grid;gap:2px;color:#9aabb8;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.casino-bets input{width:80px;height:30px;background:#05090e;border:1px solid #40505d;border-radius:6px;color:#fff0c4;text-align:center;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.casino-actions{display:flex;gap:7px}.casino-actions button{white-space:nowrap;min-width:78px;min-height:45px;padding:8px 17px;border:1px solid #586673;border-radius:9px;background:linear-gradient(#2d3c4b,#16212d);color:#eaf0f5;font-weight:750;font-size:13px;box-shadow:inset 0 1px #ffffff18,0 3px #04070b}.casino-actions button.primary{border-color:#ecbd76;background:linear-gradient(#d3a458,#8f622c);color:#161109;text-shadow:0 1px #ffffff40}.casino-actions button.high{border-color:#6da991;background:linear-gradient(#305b4a,#17362b)}.casino-actions button.low{border-color:#809acb;background:linear-gradient(#3b527e,#1d2e4f)}.casino-actions button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff18,0 1px #04070b}.casino-hand,.casino-slot{display:flex;flex-direction:column;align-items:center;min-width:0;gap:9px;position:relative}.casino-hand-label{display:flex;align-items:center;justify-content:center;gap:9px;color:#e2e7df;font-size:11px;font-weight:600;letter-spacing:.02em}.casino-hand-label output{min-width:27px;padding:3px 7px;border-radius:6px;background:#05100bbb;color:var(--accent);text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.casino-cards{display:flex;justify-content:center;min-width:0;padding-left:0}.casino-card{--card-width:clamp(64px,7vw,110px);position:relative;display:block;width:var(--card-width);aspect-ratio:5/7;flex:0 0 var(--card-width);border-radius:6%;background:#faf6ec;box-shadow:1px 3px #9e9585,3px 8px 10px #0008;overflow:hidden;transform:rotate(-3deg);color:#171923;margin-left:0}.casino-card+.casino-card{margin-left:calc(var(--card-width)*-.38)}.casino-card:nth-child(2n){transform:rotate(3deg) translateY(3px)}.casino-card img{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.casino-card[data-red=true]{color:#ba2536}.casino-card .card-corner{position:absolute;top:5%;left:7%;display:grid;justify-items:center;line-height:.92;font-family:Georgia,serif;font-weight:700;font-size:calc(var(--card-width)*.21)}.casino-card .card-corner.bottom{inset:auto 7% 5% auto;transform:rotate(180deg)}.casino-card .card-corner small{font-size:.8em;line-height:1.1}.casino-card .card-pips{position:absolute;inset:23% 20%;display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;font:normal calc(var(--card-width)*.19)/1 Georgia,serif}.casino-card .card-pips.single{grid-template-columns:1fr;font-size:calc(var(--card-width)*.66)}.casino-card .card-royal{position:absolute;inset:22%;display:grid;place-items:center;border:2px double currentColor;line-height:1;font:700 calc(var(--card-width)*.4)/1 Georgia,serif;background:repeating-linear-gradient(45deg,transparent 0 6px,#917c4b12 6px 7px)}.casino-card.dealt{animation:casino-deal .25s ease-out both}.casino-cardname{max-width:160px;min-height:13px;text-align:center;color:#c2d0c7;font-size:9px}.casino-spread{position:absolute;top:4%;left:50%;transform:translate(-50%);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.casino-hand[data-hand=dealer] .casino-card{--card-width:clamp(64px,6.5vw,101px)}.casino-hand[data-hand=player] .casino-card{--card-width:clamp(70px,7.6vw,118px)}.casino-room[data-game=red-dog-card-game] .casino-playfield{gap:clamp(15px,6vw,100px)}.casino-room[data-game=high-low-card-guess] .casino-playfield{gap:clamp(45px,11vw,170px)}.casino-room[data-game=high-low-card-guess] .casino-card{--card-width:clamp(76px,8vw,125px)}.casino-room[data-game=red-dog-card-game] .casino-slot:nth-child(3){transform:translateY(-5%)}.casino-panel{width:min(490px,calc(100vw - 28px));max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;border:1px solid #52606a;border-radius:14px;background:#101923;color:#eaf0f3;box-shadow:0 20px 90px #000b;font-size:13px}.casino-panel::backdrop{background:#02060bc9;backdrop-filter:blur(7px)}.casino-panel>header{position:sticky;top:0;z-index:2;background:#101923;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #33404b}.casino-panel h2{margin:0;font:600 23px Georgia,serif}.casino-panel h3{margin:0 0 12px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.07em}.casino-panel button{padding:9px 13px;min-height:38px;border:1px solid #425466;border-radius:7px;background:#1d2b3a;color:#f1f6fc;font-size:12px;font-weight:700}.casino-panel>section{padding:20px;border-bottom:1px solid #2a3642}.casino-player-settings>label{display:block;margin-bottom:7px;font-size:11px;color:#a7b6c5}.casino-player-settings>div{display:flex;gap:8px}.casino-player-settings input{min-width:0;flex:1;padding:8px 10px;border:1px solid #425466;border-radius:7px;background:#070d14;color:#fff}.casino-player-settings>button{margin-top:12px;width:100%;border-color:#967347;color:#f4d599}.casino-player-settings p,.casino-scores p{color:#a7b6c5;font-size:11px;line-height:1.5}.casino-rules ul{margin:0;padding-left:18px;line-height:1.8;color:#c5d1dc}.casino-rules table{width:100%;margin-top:12px;border-collapse:collapse}.casino-rules th,.casino-rules td{padding:7px 0;text-align:left;border-bottom:1px solid #2c3944;font-size:12px}.casino-rules th{color:#9fabb7;font-weight:500}.casino-scores>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.casino-scores h3{margin:0}.casino-score-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #2c3944}.casino-score-row strong{font-size:12px;font-weight:600}.casino-score-row span{color:var(--accent);font-size:12px}.casino-rotate{display:none}.casino-orientation-note{font-size:11px!important;max-width:28ch}@media (max-height:650px) and (orientation:landscape){.casino-top{padding:7px max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left))}.casino-title{gap:9px}.casino-title h1{font-size:17px}.casino-title a{width:32px;height:32px}.casino-wallet>span{font-size:7px;padding-inline:8px;gap:2px}.casino-wallet strong{font-size:15px}.casino-wallet button{width:31px;height:31px}.casino-scene{inset:44px 0 73px}.casino-furniture{width:min(94vw,calc((100dvh - 110px)*2.158))}.casino-hand,.casino-slot{gap:4px}.casino-card{--card-width:clamp(51px, calc((100dvh - 115px)*.235) ,95px)}.casino-hand[data-hand=dealer] .casino-card{--card-width:clamp(49px, calc((100dvh - 115px)*.225) ,90px)}.casino-hand[data-hand=player] .casino-card{--card-width:clamp(54px, calc((100dvh - 115px)/4) ,99px)}.casino-room[data-game=high-low-card-guess] .casino-card{--card-width:clamp(58px, calc((100dvh - 115px)*.27) ,106px)}.casino-hand-label{font-size:10px;gap:5px}.casino-hand-label output{min-width:22px;padding:2px 4px}.casino-cardname{font-size:7px;min-height:8px}.casino-spread{font-size:8px;top:0}.casino-chip-stack{transform:scale(.65) perspective(130px) rotateX(30deg);transform-origin:top center;top:74%}.casino-controls{bottom:max(8px,env(safe-area-inset-bottom));gap:14px;padding:5px 8px;border-radius:11px;max-width:calc(100% - 108px)}.casino-chip-buttons button{width:44px;height:44px}.casino-chip-buttons button span{font-size:9px}.casino-bets{gap:8px}.casino-bets input{width:62px;height:27px;font-size:13px}.casino-actions{gap:5px}.casino-actions button{min-width:54px;min-height:44px;padding:7px 11px;font-size:12px}.casino-status{bottom:6px;font-size:11px;max-width:80%;line-height:1.25}.casino-felt-title{display:none}.casino-panel{width:min(670px,95vw)}.casino-panel[open]{display:grid;grid-template-columns:1fr 1fr}.casino-panel>header{grid-column:1/-1;padding:10px 16px}.casino-panel>section{padding:14px}.casino-scores{grid-column:1/-1}.casino-room[data-game=red-dog-card-game] .casino-playfield{gap:clamp(18px,5vw,70px)}}@media (max-width:600px) and (orientation:landscape){.casino-wallet>span:not(:first-child){display:none}.casino-top{padding-inline:8px}.casino-controls{max-width:calc(100% - 76px);gap:8px;left:8px;transform:none}.casino-chip-buttons button:first-child{display:none}.casino-chip-buttons button{width:39px;height:44px}.casino-actions button{min-width:44px;padding-inline:7px}.casino-bets input{width:46px}.casino-status{font-size:9px}.casino-title h1{font-size:15px}}@media (orientation:portrait) and (max-width:1000px){.casino-landscape{display:none}.casino-rotate{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:30px 20px;background:radial-gradient(ellipse at 50% 40%,#202d3d,#070c13 65%)}.casino-rotate-back{position:absolute;top:max(25px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));color:#b5c2ce;font-size:13px;text-decoration:none}.casino-rotate>img{border-radius:18px;box-shadow:0 9px 24px #0008}.casino-rotate h1{margin:2px 0 12px;font:600 25px Georgia,serif}.casino-rotate .casino-rotate-phone{width:100px;height:80px;color:var(--accent);stroke-width:3}.casino-rotate h2{font-size:19px;margin:0}.casino-rotate p{margin:0;color:#96a9bb;font-size:13px;line-height:1.5}.casino-rotate>button{margin-top:8px;padding:13px 20px;min-height:45px;border:1px solid #927243;border-radius:8px;background:#3d3020;color:#f5dab2;font-weight:700;font-size:13px}}@keyframes casino-deal{0%{opacity:0;translate:18px -14px}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.casino-room *{animation:none!important;transition:none!important}}@media (min-height:651px){.casino-room[data-game=blackjack] .casino-playfield{flex-direction:column;gap:12px;inset:7% 14% 40%}.casino-room[data-game=blackjack] .casino-felt-title{display:none}.casino-hand[data-hand=dealer] .casino-card{--card-width:clamp(65px,5.8vw,90px)}.casino-hand[data-hand=player] .casino-card{--card-width:clamp(75px,6.6vw,104px)}}.casino-card{--card-height:calc(var(--card-width)*1.4);height:var(--card-height);min-height:var(--card-height);max-height:var(--card-height);align-self:flex-start}.casino-card>img{position:absolute;inset:0}.casino-face-art{position:absolute;inset:0;display:none;background-image:url(/assets/casino/card-faces.webp);background-size:1300% 400%;background-repeat:no-repeat}.casino-room[data-faces-ready=true] .casino-face-art{display:block}