/* WINPK777 lobby presentation — existing wallet and game controls retained. */
:root{--gold:#efc15e;--gold-grad:linear-gradient(135deg,#f6d77b,#e8b747);--gold-soft:#efc15e15;--gold-border:#efc15e55;--bg:#212429;--white:#1d1f24;--txt-1:#f4f1e9;--txt-2:#b8bac2;--txt-3:#92959f;--dark:#f4f1e9;--head-h:60px;--nav-h:70px;--text-muted:#92959f;--gold-dark:#efc15e}
html{scroll-behavior:smooth;scroll-padding-top:74px}body{background:#141519;font-family:Georgia,'Times New Roman',serif}.app{max-width:560px;background:repeating-linear-gradient(135deg,transparent 0 3px,#ffffff01 3px 4px),var(--bg);padding:calc(var(--head-h) + 10px) 12px calc(var(--nav-h) + 18px + env(safe-area-inset-bottom));min-height:100vh}.header-container{max-width:560px;background:#141518;border-bottom:1px solid #36383f;box-shadow:none;padding:0 10px}.header-logo{max-width:130px;height:32px}.header-menu-icon{display:none}.header-logo-text{font-size:18px}.compact-wallet{min-width:0;gap:8px}.compact-balance{max-width:145px}.balance-caption{font:10px/1.3 Arial,sans-serif;color:#a6a7ae}.balance-number{font-size:14px;font-weight:400;max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:right;color:var(--gold)}.compact-deposit{font:14px Georgia,serif;padding:11px 10px;border-radius:8px;box-shadow:none}.deposit-dropdown{background:#202228;border-color:#4a4231}.deposit-dropdown a{color:#eee;font-weight:400}.deposit-dropdown a:active{background:#393126}.slider-container{border:1px solid #b89a53;border-radius:12px;aspect-ratio:3.3!important;background:#18191c;box-shadow:none}.slide{background-size:contain;background-color:#17181b}.slide:not(.active){pointer-events:none}.notice-bar{border:0;background:transparent;box-shadow:none;padding:5px 0;margin-bottom:4px;border-radius:0}.n-pill{background:none;color:#babdc7}.notice-text{font-size:12px;height:17px}.notice-content{font-weight:400;color:#dedee3}.promo-gif-strip{margin:0 0 7px;gap:5px}.promo-gif-item{aspect-ratio:1.1}.cat-grid{display:flex;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;margin:0 -12px 16px;padding:4px 9px 0;border-bottom:1px solid #353840;scrollbar-width:none}.cat-grid::-webkit-scrollbar{display:none}.cat-btn{flex:1 0 57px;min-width:57px;padding:7px 3px 10px;box-shadow:none;border:0;border-radius:0;background:none!important;color:#9b9da6;position:relative}.cat-btn.active{color:var(--gold);box-shadow:none}.cat-btn.active:after{content:'';position:absolute;bottom:0;height:2px;width:30px;background:var(--gold);border-radius:2px}.cat-icon{font-size:23px;margin-bottom:6px}.cat-label{font:12px/1.25 Georgia,serif;text-transform:none;letter-spacing:0}.section-title{font:18px/1.3 Georgia,serif;margin:0 0 12px;gap:8px}.section-title span{gap:6px}.section-title .sec-hot{font:11px Arial,sans-serif;color:#aaaeb7;white-space:nowrap}.sec-bar{width:3px;height:15px}.lobby-section{scroll-margin-top:74px}.games{gap:12px;margin-bottom:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{aspect-ratio:3/4;border:1px solid #e3c477;border-radius:14px;background:#16191e;box-shadow:0 0 0 2px #e9c76610;animation:none;min-width:0}.game-card img{object-fit:cover}.game-card-foot{padding:25px 5px 9px;background:linear-gradient(transparent,#0b0c12ee);gap:2px}.game-title{font:14px/1.15 Georgia,serif;white-space:normal;overflow-wrap:anywhere;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-players{font:9px Arial,sans-serif;color:#c1c3c9}.tag{background:#b83b32;color:#fff;font:italic 700 9px Arial,sans-serif;border-radius:3px;padding:3px 5px;letter-spacing:0}.maintenance-game{border-color:#756a51}.maintenance-game img{filter:saturate(.65)}.maintenance-game .tag{background:#292c33e8;color:#f2cd76;font-style:normal;font-size:8px}.maintenance-game .game-players{color:#f2cd76}.maintenance-heading{border-top:1px solid #3d3e43;padding:18px 0 12px;color:var(--gold);font-size:19px}.maintenance-note{color:#a2a5af;font:12px/1.5 Arial,sans-serif;margin:-5px 0 18px}.bottom-nav{bottom:0;max-width:560px;width:100%;height:calc(70px + env(safe-area-inset-bottom));padding:0 7px env(safe-area-inset-bottom);border:0;border-top:1px solid #353840;border-radius:0;background:#1d1f24;box-shadow:none;backdrop-filter:none}.nav-item{font:12px Georgia,serif;color:#93969f}.nav-item.active{transform:none;color:var(--gold)}.nav-item.active:before{display:none}.nav-item.active img.tab-icon{transform:none;filter:none}.nav-item i{font-size:24px;margin-bottom:5px}.badge-promo{display:none}.center-wheel-link{position:static;width:100%;height:100%;flex-direction:column;gap:5px;color:#93969f;font-size:12px;text-decoration:none}.center-wheel-link i{font-size:24px}.center-wheel-link img{width:30px;height:30px;filter:none}.notice-modal,.maintenance-box{background:#202228;border:1px solid #746345;border-radius:16px}.notice-modal h2,.maintenance-box h2{color:#eee;font-family:Georgia,serif;font-weight:400}.notice-modal-message,.maintenance-box p{color:#bfc1ca}.toast{background:#efc15e;color:#251e12;white-space:normal;max-width:calc(100% - 24px)}.site-footer{margin:4px -12px -18px;padding:20px 16px;background:#141517;color:#92959e;text-align:center;font:13px/1.7 Georgia,serif}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #34353a;text-align:left}.age-mark{width:46px;height:46px;flex-shrink:0;border:3px solid #e4c56d;color:#e4c56d;border-radius:50%;display:grid;place-items:center;font:bold 18px Arial,sans-serif}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px}.site-footer a{color:var(--gold);text-decoration:none}.site-footer strong{color:var(--gold);font-weight:400}.footer-copy{margin-top:17px;padding-top:14px;border-top:1px solid #34353a;font-size:12px}.back-top{display:inline-flex;margin-top:12px;padding:5px 14px;border:1px solid #454039;border-radius:20px}.three-bg{display:none}.lobby-empty{padding:25px 14px;border:1px solid #414148;border-radius:12px;color:#bfc1c9;text-align:center;margin-bottom:20px}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:360px){.app{padding-left:9px;padding-right:9px}.header-logo{max-width:105px;height:28px}.header-container{padding:0 8px}.compact-wallet{gap:5px}.compact-deposit{font-size:12px;padding:10px 7px}.balance-number{font-size:12px}.compact-balance{max-width:110px}.games{gap:8px}.game-title{font-size:12px}.cat-label{font-size:11px}.cat-btn{min-width:52px;flex-basis:52px}.site-footer{margin-left:-9px;margin-right:-9px}.section-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.notice-content{animation:none;position:static}.game-card,.slide{transition:none}}

.menu-toggle{display:grid;place-items:center;width:30px;height:38px;flex-shrink:0;border:0;background:transparent;color:#bfc1c8;font-size:23px;cursor:pointer;padding:0}.header-left{gap:5px}.header-logo{max-width:114px}.slider-container{aspect-ratio:auto!important;max-height:none!important;height:auto!important;background:transparent}.slider-container .slide{background:none!important;inset:0;position:absolute}.slider-container .slide.active{position:relative}.banner-art{display:block;width:100%;height:auto;border:0}.drawer{position:fixed;top:60px;bottom:0;left:max(0px,calc((100vw - 560px)/2));right:auto;margin:0;width:268px;max-width:84vw;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);padding:0;border:0;border-right:1px solid #373942;color:#c0c2ca;background:#1d1f24;overflow-y:auto;overscroll-behavior:contain;font:14px/1.4 Georgia,serif}.drawer::backdrop{background:#06070ba6;backdrop-filter:blur(5px)}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#17191f;position:sticky;top:0;z-index:2;gap:10px}.drawer-top strong{font-weight:400;color:#efc15e;overflow-wrap:anywhere}.drawer-close{background:transparent;border:0;font-size:26px;color:#efc15e;cursor:pointer}.drawer-body{padding:10px 12px 30px}.drawer-search{display:flex;background:#25272e;border:1px solid #363943;border-radius:8px;margin-bottom:10px}.drawer-search input{width:100%;min-width:0;background:transparent;border:0;color:#eee;padding:12px;font:14px Georgia,serif}.drawer-search button{border:0;background:transparent;color:#bfc1c8;padding:8px;cursor:pointer}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.drawer-item{display:flex;align-items:center;gap:10px;padding:12px;background:#24262c;border-radius:7px;color:#bec1cb;font:14px Georgia,serif;border:0;width:100%;text-align:left;cursor:pointer;min-width:0;margin-bottom:6px}.drawer-item span{min-width:0;overflow-wrap:anywhere}.drawer-item i{font-size:24px;color:#d6bd79;flex-shrink:0}.drawer-item img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.drawer-grid .drawer-item{margin:0;flex-direction:column;text-align:center;gap:7px;min-height:77px;justify-content:center;padding:10px 5px}.drawer-title{font-size:14px;font-weight:400;text-align:center;margin:14px 0 9px;color:#969aa4}.offer-grid{background:#24262b;padding:7px;border-radius:8px}.offer-grid .drawer-item{background:linear-gradient(135deg,#326da4,#173c70);color:white;position:relative;min-height:79px}.offer-grid .drawer-item:nth-child(4n+2){background:linear-gradient(135deg,#388c66,#165c42)}.offer-grid .drawer-item:nth-child(4n+3){background:linear-gradient(135deg,#a9762c,#73501f)}.offer-grid .drawer-item:nth-child(4n){background:linear-gradient(135deg,#965b9f,#542657)}.offer-grid .drawer-item i{color:#ffe394}.offer-grid .drawer-item img{width:42px;height:42px}.drawer-channel i{color:#efc15e}.footer-socials{text-align:left;border-bottom:1px solid #34353a;margin-bottom:18px;padding-bottom:17px}.footer-socials h3{font-size:14px;font-weight:400;margin:0 0 12px}.social-row{display:flex;flex-wrap:wrap;gap:13px}.social-link{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#3c4c5c;color:white!important}.social-link i{font-size:25px}.social-link img{width:40px;height:40px;object-fit:contain;border-radius:50%}.social-whatsapp{background:#24bb52}.social-telegram{background:#219fcb}.social-facebook{background:#147de0}.social-instagram{background:linear-gradient(30deg,#f6c44e,#df387f,#7435cf)}.showcase{margin:6px 0 20px;padding:12px 0;border-top:1px solid #383b44;overflow:hidden}.showcase-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.showcase h2{font:16px Georgia,serif;margin:0}.showcase small{color:#b8bbc3;font:10px Arial,sans-serif}.showcase-window{overflow:hidden}.showcase-track{display:flex;width:max-content;animation:showcase-scroll var(--showcase-duration,30s) linear infinite}.showcase-group{display:flex;gap:12px;padding-right:12px}.showcase-item{width:96px;flex-shrink:0;text-align:center;color:#eac575;font:12px/1.35 Georgia,serif}.showcase-item img{width:100%;height:119px;object-fit:cover;border-radius:9px;margin-bottom:6px;border:1px solid #8a7349}.showcase-item span{display:block;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase:hover .showcase-track,.showcase:focus-within .showcase-track,.showcase.paused .showcase-track{animation-play-state:paused}.showcase-pause{background:transparent;border:1px solid #5b5140;color:#efc15e;padding:4px 8px;border-radius:5px;font-size:10px;cursor:pointer}.search-summary{font:12px Arial,sans-serif;color:#b8bbc3;margin-bottom:12px}.search-summary a{color:#efc15e}@keyframes showcase-scroll{to{transform:translateX(-50%)}}@media(max-width:360px){.header-logo{max-width:88px;height:27px}.header-left{gap:2px}.menu-toggle{width:25px;font-size:21px}.compact-wallet{gap:3px}.compact-balance{max-width:95px}.compact-deposit{font-size:11px;padding:10px 5px}.showcase-item{width:82px}.showcase-item img{height:105px}}@media(prefers-reduced-motion:reduce){.showcase-track{animation:none}.showcase-window{overflow-x:auto}}
/* Each repeated group spans the viewport even with only a few available games. */
.showcase-group{min-width:560px;justify-content:space-around}

/* Guest-specific presentation; login/register routes and prompt remain unchanged. */
.header-menu-icon{display:grid;place-items:center;font-size:23px;width:27px;min-height:40px;color:#bfc1c8;cursor:pointer}.header-auth{gap:7px;flex-shrink:0}.auth-link{font:14px Georgia,serif;border-radius:8px;padding:10px 12px;background:transparent;color:#efc15e;border-color:#cba95b}.auth-link.register{background:var(--gold-grad);color:#523b13}.header-logo{max-width:126px;height:31px}.header-logo-text{font-size:16px}.guest-subtitle{font:12px/1.5 Arial,sans-serif;color:#a7aab4;margin:0 0 13px}.guest-dialog{background:#202228;border:1px solid #78623b;border-radius:16px;color:#f1eee6}.guest-dialog h2{font:22px Georgia,serif}.guest-dialog p{color:#babdc7;font:14px/1.6 Georgia,serif}.dialog-close{background:#343740;color:#ddd;cursor:pointer}.guest-dialog .dialog-actions a{font:15px Georgia,serif;background:#333028;color:#efc15e;border:1px solid #9e8144;border-radius:8px}.guest-prompt.open{backdrop-filter:blur(4px)}.header-left{min-width:0}.cat-grid{justify-content:space-around}.cat-btn{flex:1 0 70px}.cat-label{font-size:12px}.center-wheel-link i{font-size:24px}.guest-prompt{z-index:20000}.site-footer .footer-row .footer-links{gap:12px 18px}
@media(max-width:360px){.header-logo{max-width:96px;height:26px}.auth-link{font-size:12px;padding:9px 8px}.header-auth{gap:5px}.header-container{gap:4px}.header-logo-text{font-size:13px}.header-menu-icon{font-size:21px;width:23px}.cat-btn{flex-basis:62px}.cat-label{font-size:11px}}
