/* Replaceable cinematic assets; typography and controls remain accessible live text. */
:root{--hosts:url('assets/lounge-hosts-v1.webp');--stories:url('assets/lounge-scenes-modern-black-v2.webp')}
button{font-weight:750;letter-spacing:.015em;background-image:linear-gradient(180deg,#365768,#1b3449 52%,#11283a);border-color:#b7c5cb69;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -2px 0 #0004,0 3px 0 #061017,0 6px 15px #0003;text-shadow:0 1px 2px #0005;transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(2px)}button:focus-visible{outline:3px solid #8ae2f5;outline-offset:3px}.gold,.room-enter.gold{background-image:linear-gradient(180deg,#fff0c5,#f0cf83 45%,#c79b48)!important;color:#20302b;text-shadow:0 1px 0 #ffffff70;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #79521b66,0 3px 0 #735526,0 5px 18px #eac47820}
.home-screen{height:100dvh;overflow:hidden;background:#091721}.home-screen::before{content:'';position:fixed;inset:0;background-image:var(--hosts);background-size:200% 200%;background-position:var(--host-x) var(--host-y);z-index:-2}.home-screen::after{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#06111ceb,#06111c82 65%,#06111c35),linear-gradient(0deg,#06111c,transparent 70%);z-index:-1}.home-screen .lobby-wrap{height:100dvh;max-width:1500px;padding:0 28px;display:flex;flex-direction:column}.home-screen .topbar{height:78px;flex:none;background:#07162355}.home-screen .footer{display:none}.home-screen .home-surface{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;background:none;border:0;box-shadow:none}.home-screen .lobby-heading{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0 6px;flex:none}.home-screen .lobby-heading h1{font:600 clamp(26px,3.5vw,48px)/1.1 Georgia,serif;margin:6px 0 10px;color:#fff0cf;text-shadow:0 2px 10px #000}.home-screen .lounge-host{position:static!important;align-self:center;height:auto!important;min-height:0!important;background:#10293890;border:1px solid #d1af684d;padding:10px 16px;border-radius:30px;width:auto!important;display:block!important}.home-screen .lounge-host-portrait{display:none!important}.home-screen .lounge-host small{font-size:10px}.home-screen .lounge-host strong{font-size:17px}.home-screen .filters{grid-column:1/-1;margin:0!important;height:46px;padding:4px;background:#071825b3;border-color:#a58e5555}.home-screen .filters button{padding:5px 12px;box-shadow:none;border-radius:12px;font-size:14px}.home-screen .lobby-shortcuts{display:flex;gap:7px;padding:6px 0;flex:none;overflow-x:auto;scrollbar-width:none}.lobby-shortcuts button{white-space:nowrap;min-height:34px;font-size:12px;padding:5px 12px;border-radius:10px}.home-screen .collection-heading{margin:3px 0 7px;font-size:12px;flex:none}.home-screen .carousel-frame{flex:1;min-height:0}.home-screen .game-carousel{height:100%;padding:2px 2px 10px;display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.home-screen .gamecard{flex:0 0 clamp(260px,31vw,410px);height:100%;min-height:0;display:flex;flex-direction:column;scroll-snap-align:start;box-shadow:0 10px 28px #0005;border:1px solid #d8b97480;border-radius:24px;overflow:hidden;background:#091927df}.home-screen .room-heading{padding:14px 20px;flex:none;background:linear-gradient(130deg,#1d384be8,#122231)}.home-screen .room-heading h2{font:600 clamp(26px,3vw,38px)/1.1 Georgia,serif;margin:5px 0}.home-screen .room-category{font-size:11px;letter-spacing:.12em}.home-screen .gameart,.home-screen .story-cover{flex:1;min-height:60px;height:auto!important;max-height:none!important}.home-screen .room-details{padding:13px 20px 16px;flex:none;min-height:0;gap:10px;background:linear-gradient(#0c2237df,#0a1529f5);display:flex;flex-direction:column}.home-screen .room-details p{font-size:15px;margin:0;min-height:0}.home-screen .room-status{font-size:10px;letter-spacing:.1em;margin:0}.home-screen .room-enter{min-height:44px;padding:10px;font-size:16px;border-radius:13px;margin:0}.home-screen .carousel-nav{width:37px;height:65px;font-size:32px;top:44%;background:#123348c9;border:1px solid #dcc79087}.home-screen .lobby-bottom{flex:none;min-height:45px;padding:6px 0;display:flex;justify-content:space-between;gap:12px}.home-screen .lobby-bottom .play-now{min-height:40px;padding:5px 15px;display:flex;gap:12px;align-items:center}.home-screen .lobby-bottom .play-now strong,.home-screen .lobby-bottom .play-now span{font-size:12px}.home-screen .lobby-progress{font-size:11px}.home-screen .lobby-progress small{display:none}.home-screen .lobby-sound{font-size:13px;min-height:35px;padding:5px 12px}.story-cover{background-image:linear-gradient(0deg,#071521b0,transparent),var(--stories);background-size:auto,300% 200%;background-position:center,0 0;display:flex;align-items:flex-end;padding:20px}.story-cover span{font:italic 500 28px/1.15 Georgia,serif;color:#ffebbb;text-shadow:0 2px 6px #000}
.story-modal{max-width:860px!important;width:calc(100% - 24px);padding:14px!important;background:#07151e!important;border:1px solid #dfbd73;color:#f2ecd9;max-height:94dvh}.story-modal::backdrop{background:#030910df;backdrop-filter:blur(9px)}.story-cinema{border:1px solid #b99b59;border-radius:18px;overflow:hidden;position:relative;background:#112734}.story-cinema-art{height:clamp(180px,31vh,330px);background-image:var(--stories);background-size:300% 200%;background-position:var(--scene-x) var(--scene-y);animation:story-pan 12s ease-out both}.story-script{position:relative;padding:24px;background:linear-gradient(#0d2130,#07131e)}.story-script h2,.story-intro h2{font:500 clamp(26px,5vw,36px)/1.15 Georgia,serif;color:#ffe6a7;margin:10px 0 16px}.story-script p,.story-intro p{font-size:17px;line-height:1.65;color:#e1e6df;margin:0 0 20px}.story-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-choices button{min-height:54px;border-color:#d2ad66;border-radius:12px;font-size:15px;padding:13px}.story-script>.gold{width:100%;border-radius:12px;min-height:48px}.story-news{display:flex;flex-direction:column;gap:8px;padding:15px;margin:0 0 18px;background:#22403d88;border-left:3px solid #eacb88}.story-news small{font-size:11px;letter-spacing:.15em;color:#f7d99e}.story-news span{font-size:13px;color:#c0d3cf}.story-journal{padding:18px 7px}.story-journal summary{cursor:pointer;color:#e3c686}.story-journal article{border-top:1px solid #d7c89630;padding:15px 0}.story-journal article p{font-size:14px;line-height:1.5;color:#c9d6d1}.story-intro{padding:24px;background:linear-gradient(#142b3b,#081821);border:1px solid #d6b97955;border-radius:18px}.story-intro .gold{width:100%;margin-top:10px}.story-modal .close{display:block;margin-left:auto;margin-bottom:12px}.story-modal .eyebrow{color:#dbbf80}
@keyframes story-pan{from{filter:brightness(.65)}to{filter:brightness(1)}}
.cat-screen .scene-gems{max-width:680px}.cat-board-stage{width:min(100%,calc(100dvh - 290px));max-width:650px}.cat-screen .cat-instruction{display:none}
@media(max-width:600px){.home-screen .lobby-wrap{padding:0 12px}.home-screen .topbar{height:64px}.home-screen .brand strong{font-size:14px}.home-screen .brand small{font-size:9px}.home-screen .lobby-heading{padding-top:10px;grid-template-columns:1fr}.home-screen .lobby-heading h1{font-size:27px;margin:4px 0 5px}.home-screen .lounge-host{position:absolute!important;right:16px;top:76px;padding:6px 10px;max-width:140px;border-radius:15px}.home-screen .lounge-host small{display:none}.home-screen .lounge-host strong{font-size:12px;line-height:1.3}.home-screen .lobby-heading .eyebrow{font-size:10px}.home-screen .filters{height:41px}.home-screen .filters button{font-size:12px;padding:4px}.home-screen .gamecard{flex-basis:82vw;max-width:390px;border-radius:21px}.home-screen .room-heading{padding:12px 18px}.home-screen .room-heading h2{font-size:29px}.home-screen .game-carousel{gap:12px}.home-screen .room-details{padding:12px 17px}.home-screen .room-details p{font-size:14px}.home-screen .lobby-bottom .lobby-progress{display:none}.home-screen .carousel-nav{width:28px;height:56px}.home-screen .collection-heading>span:last-child{font-size:11px}.home-screen .lobby-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.story-script{padding:18px}.story-script p{font-size:16px}.story-choices{grid-template-columns:1fr}.cat-screen .game-wrap{padding:0 6px}.cat-board-stage{width:min(100%,calc(100dvh - 230px))!important;min-width:0!important}.cat-progress{margin-bottom:6px}.cat-level-tag{font-size:12px}.cat-hud{padding:5px 8px}.cat-table .cat-status{margin-top:6px;font-size:12px}.cat-table .cat-actions button{min-height:36px;padding:6px 14px;font-size:12px}}
@media(max-height:650px){.home-screen .lobby-heading h1{font-size:23px}.home-screen .lobby-heading{padding-top:4px}.home-screen .topbar{height:53px}.home-screen .room-heading{padding:9px 16px}.home-screen .room-details{padding:8px 16px}.home-screen .room-status{display:none}.home-screen .lobby-bottom{min-height:36px}.home-screen .lounge-host{display:none!important}}
@media(prefers-reduced-motion:reduce){.story-cinema-art{animation:none}button{transition:none}}.reduce .story-cinema-art{animation:none}
/* Atlas background preserves the portrait proportions at any viewport size. */
.home-screen::before{background-size:auto 200%;background-position-x:calc(50vw - 100dvh * (1.07 + var(--host-col,0) * 1.5));background-position-y:var(--host-y)}
@media(min-aspect-ratio:3/2){.home-screen::before{background-size:200% auto;background-position-x:var(--host-x)}}
:root{--lounge-ui:url('assets/lounge-ui-v1.webp')}
button[data-a]:not(.card):not(.domino):not(.gem):not(.sudcell):not(.slot):not(.clue):not(.vault-box):not(.vip-bonus-card):not(.signature):not(.avatar):not(.member-portrait):not(.board-end):not(.bonus-choices button):not(.carousel-nav):not(.close){background-image:var(--lounge-ui),linear-gradient(#233e59,#14253c);background-size:317% 492%,auto;background-position:51.5% 15.8%,center;background-repeat:no-repeat;box-shadow:0 3px 10px #0004;border-color:#cda95588;border-radius:14px;text-shadow:0 1px 2px #0008}
button[data-a].gold,button[data-a].slot-spin{background-image:var(--lounge-ui),linear-gradient(#f1d08a,#c09b47)!important;background-size:317% 492%,auto!important;background-position:3.4% 15.8%,center!important;color:#213126!important;text-shadow:0 1px 0 #fff5;min-height:46px}
button[data-a].chosen,.filters button.active,.auto-active{background-image:var(--lounge-ui),linear-gradient(#12583c,#063924)!important;background-size:317% 492%,auto!important;background-position:98% 15.8%,center!important;color:#fff0c7!important}
.bonus-illustration{display:block;background-image:var(--lounge-ui);background-size:300% 175%;background-repeat:no-repeat;background-position:0 100%;width:100%;height:100%;min-height:50px}.bonus-prize-wheel{background-position:50% 100%}.bonus-vip{background-position:100% 100%}.cinematic-slot .bonus-choices .bonus-illustration{width:120px;height:130px;margin:0 auto 12px}.cinematic-slot .vault-box .bonus-illustration{width:100%;height:95px;filter:drop-shadow(0 4px 4px #0008)}.cinematic-slot .slot-bonus{border:3px solid #efcf79;box-shadow:inset 0 0 0 3px #7e5a25,0 0 0 1px #fff1b5,0 0 70px #ffb94445;background-color:#071c24}.cinematic-slot .slot-bonus h3{font:800 clamp(25px,4vw,44px)/1.15 Georgia,serif;color:#ffeaa7;text-shadow:0 2px 0 #805411,0 0 20px #f3b45266}.cinematic-slot .reel-frame{border:4px solid #ffe0a0;box-shadow:inset 0 0 0 3px #8d5b17,0 0 0 2px #654114,0 0 0 6px #d5a44e,0 8px 35px #0009,0 0 26px #ffd67442}.cinematic-slot .feature-meter{border:2px solid #eac883;background:linear-gradient(#39294eed,#17142bf5);box-shadow:inset 0 0 0 2px #7f5c28,0 4px 15px #0007}.cinematic-slot .slot-reel{background:radial-gradient(ellipse,#ffebc61c,#091329d9);border-right:1px solid #edbe6c4d}.cinematic-slot .guardian-title h2{color:#fff0ba;text-shadow:0 2px 0 #7c4b1c,0 4px 0 #432912,0 0 23px #ffbd4050}.cinematic-slot .vault-console{border:2px solid #d3b776;box-shadow:inset 0 1px #ffedaa88,0 -2px 20px #f4c66f22;background:linear-gradient(#3a2436e8,#180f25f5)}
@media(max-width:760px) and (orientation:portrait){.cinematic-slot .bonus-choices .bonus-illustration{width:70px;height:78px;margin:0}.cinematic-slot .vault-box .bonus-illustration{height:60px}}
.home-screen .lobby-wrap{overflow:hidden;min-height:0}.home-screen .room-details p{color:#d6e3e7}.home-screen .room-status{color:#c9b989}.home-screen .lobby-shortcuts .small{min-height:36px}.home-screen .lobby-sound{color:#dfc486}.cat-table .cat-piece{filter:drop-shadow(0 3px 2px #184a7255) saturate(1.12)}
@media(max-width:600px){.home-screen .brand{gap:7px}.home-screen .brandmark{width:38px;height:38px;min-width:38px;font-size:19px}.home-screen .lounge-counters{display:none}.home-screen .profile{gap:7px}.home-screen .profile .quiet{padding:7px;min-width:38px}.home-screen .lobby-shortcuts button{font-size:11px;padding:6px 9px}.home-screen .lobby-heading{gap:6px}.home-screen .gameart{min-height:60px}.home-screen .lobby-bottom .play-now{max-width:none}.home-screen .lobby-bottom .play-now span{display:none}}
.story-cinema{container-type:inline-size;--art-height:clamp(180px,31vh,330px)}.story-cinema-art{height:var(--art-height);background-size:300% auto;background-position-y:calc((var(--art-height) - 100cqw)/2 - var(--scene-row,0) * 100cqw)}
.story-cover{background-size:auto,300% auto;background-position:center,0 12%}