.lobby-shell{background:linear-gradient(180deg,#005278 0,#004468 1050px,#00283c 1750px,#001d2b 100%)}.lobby-header{background:#040404}.download-strip{display:none}.toolbar{height:90px;position:relative;background:linear-gradient(180deg,#00598a,#111);isolation:isolate}.toolbar::before,.toolbar::after{content:"";position:absolute;bottom:0;width:32%;height:32px;background:#040404;z-index:-1}.toolbar::before{left:0;clip-path:polygon(0 0,0 100%,100% 100%)}.toolbar::after{right:0;clip-path:polygon(0 100%,100% 100%,100% 0)}.brand{position:absolute;left:50%;top:3px;transform:translateX(-50%);width:174px;height:78px}.brand img{width:100%;height:100%;object-fit:contain}.toolbar>.login{position:absolute;top:14px;left:calc(50% - 380px);width:200px}.toolbar>.register{position:absolute;top:14px;left:calc(50% + 140px);width:240px}.toolbar-tools{position:absolute;right:32px;top:15px;display:flex;align-items:center;gap:10px;height:50px;font-size:12px}.notice-toggle{background:linear-gradient(#394460,#252d41);border:1px solid #788294;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.notice-toggle img{width:22px;height:22px}.language-label{border:1px solid #6d788c;background:#263142;border-radius:30px;padding:12px}.timezone{font-weight:700}.menu-toggle{position:absolute;left:28px;top:22px;width:42px;height:42px;display:grid;place-items:center;background:transparent}.menu-toggle .icon{width:32px;height:32px;stroke-width:2.5}.lobby-disclosure{margin:0;padding:6px 12px;color:#cddce5;text-align:center;background:#042b3e;font-size:12px;line-height:16px}.category-nav{display:flex;align-items:center;justify-content:center;gap:30px;height:50px;padding:0 24px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.category-nav button,.category-nav a{display:flex;align-items:center;gap:9px;background:transparent;padding:7px 0;color:#ddd;font-size:16px;flex-shrink:0}.category-nav .icon{width:29px;height:29px}.category-nav [aria-pressed=true],.category-nav a:hover{color:#ffdd75}.category-nav button:hover{color:#fff0b1}.mobile-label{display:none}.banner-carousel{position:relative;background:#001534;width:100%;overflow:hidden}.banner-slide{width:100%;aspect-ratio:4/1;max-height:480px}.banner-link{display:block;width:100%;height:100%}.banner-link picture,.banner-link picture img{display:block;width:100%;height:100%;object-fit:cover}.split-banner .banner-link{display:flex;background:radial-gradient(ellipse at 45% 55%,#075fa3,#020b36 63%,#010c20)}.split-banner img{width:50%;height:100%;object-fit:cover}.banner-copy{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 50px;color:#ffe73a;font-weight:bold;text-shadow:3px 3px 0 #000,-2px -2px 0 #000}.banner-copy small{font-size:30px}.banner-copy strong{font-size:44px;line-height:1.3;margin:10px 0}.banner-copy>span{color:#fff;font-size:22px}.artwork-label{position:absolute;left:14px;top:10px;padding:4px 9px;border-radius:4px;font-size:10px;letter-spacing:.3px;background:#000b;color:#e9eaf3;pointer-events:none}.banner-controls{position:absolute;bottom:12px;right:8%;display:flex;align-items:center;gap:14px}.banner-controls button{position:relative;background:transparent;min-width:32px;min-height:32px;padding:0}.banner-controls [data-slide]::after{content:"";display:block;width:40px;height:9px;background:#acbbd9aa;border-radius:2px}.banner-controls [aria-pressed=true]::after{background:#f15e70}.banner-controls .carousel-pause{background:#071d3cd9;border:1px solid #6c89a7;border-radius:4px;font-size:16px}.lobby-inner,.game-inner{width:calc(100% - 40px);max-width:1066px;margin:auto}.announcement{display:flex;align-items:center;gap:12px;font-size:12px;color:#d5e7f0;min-height:34px;padding:5px 0}.announcement>.icon{width:18px;height:18px;color:#f6cf67}.announcement>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.announcement>.icon:last-child{width:14px;color:#9ec7dc}.quick-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:4px 0 12px}.quick-tile{display:flex;align-items:center;gap:10px;border:1px solid #4787a4;border-radius:8px;background:linear-gradient(115deg,#115b7e,#013c5d);height:62px;padding:4px 14px;box-shadow:inset 0 1px 0 #ffffff19}.quick-tile>img{height:48px;width:48px;object-fit:contain}.quick-tile>span{font-size:14px;font-weight:bold;flex:1}.quick-tile>.icon{height:14px;width:14px;color:#9ebbd1}.quick-tile:hover{background:linear-gradient(115deg,#23759a,#064b70)}.game-browser{background:linear-gradient(#0007,#0005),url('/assets/lobby/palace.webp') center/auto 100% repeat-x;padding:22px 0 12px}.collection-tabs{display:flex;background:linear-gradient(#626065,#3a3330);border:1px solid #66574a;border-radius:24px;box-shadow:inset 0 1px 0 #8f8383;overflow:hidden;padding:0 24px;gap:12px}.collection-tabs button{font-size:21px;font-weight:bold;white-space:nowrap;background:transparent;color:#d9d5d3;min-height:58px;flex:1;padding:10px}.collection-tabs button[aria-pressed=true]{color:#ffdb71;text-shadow:0 0 12px #dba62980}.collection-tabs button:hover{color:#ffe48c}.provider-row{display:flex;align-items:center;justify-content:space-between;margin:12px 8px 14px;gap:16px}.provider-tabs{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none}.provider-tabs button{background:#0c1019cc;color:#c7d1db;border:1px solid #687486;padding:5px 16px;border-radius:6px;min-height:32px;flex-shrink:0;font-size:13px}.provider-tabs button[aria-pressed=true]{border-color:#ffdb71;background:#645333;color:#fff0af}.provider-word{font-weight:bold}.provider-jili{color:#f9df80;letter-spacing:1px}.provider-pg{color:#f9e4ec;letter-spacing:2px}.provider-vp{color:#79c6ff;font-style:italic}.provider-ka{color:#ffaca6}.provider-fc{color:#d7b3ff}.game-count{font-size:11px;color:#d8d5c5;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 24px;padding:0 10px}.game-card{aspect-ratio:5/3;position:relative;border:3px solid #f4df8b;border-radius:12px;box-shadow:0 0 6px #ecd679,inset 0 0 8px #fceec5;overflow:hidden;background:#001f2d;transition:transform .15s,box-shadow .15s}.game-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.game-card:hover{box-shadow:0 0 15px #ffe591;transform:translateY(-3px)}.game-card:hover>img{transform:scale(1.035)}.provider-badge{position:absolute;top:8px;left:8px;font-size:12px;font-weight:bold;color:#f59b9f;background:#110d13dd;padding:1px 4px;border-radius:2px}.game-name{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;width:100%;padding:18px 8px 5px;background:linear-gradient(transparent,#000b);font-size:12px;font-weight:bold;line-height:1.2;text-shadow:0 1px 2px #000}.game-name>span{font-size:16px;color:#ffe28e}.preview-note{font-size:11px;text-align:center;margin:17px 0 0;color:#ddd4bd}.empty-state{text-align:center;padding:40px 20px;min-height:180px}.reset-games{background:linear-gradient(#f16468,#ce5466);border-radius:8px;padding:12px 22px}.promotions{padding-top:44px;padding-bottom:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.section-heading h2{font-size:24px;line-height:1.2;margin:0}.section-heading span{font-size:11px;color:#a1c4d5}.promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.promotion-tile{display:block;border:1px solid #758ca0;overflow:hidden;border-radius:4px}.promotion-tile img{display:block;width:100%;height:auto}.lobby-guide-link{display:flex;justify-content:space-between;gap:16px;margin:28px 0 10px;color:#c4d8e3;font-size:13px}.lobby-guide-link a:first-child{color:#ffe190}.side-links>a{position:fixed;top:270px;z-index:10;width:64px;padding:12px 10px 20px;border-radius:0 8px 8px 0;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;font-size:17px;letter-spacing:.5px;font-weight:bold;box-shadow:0 2px 8px #0006}.side-download{left:0;background:linear-gradient(90deg,#6040c0,#392277);color:#e4d8ff}.side-help{right:0;background:linear-gradient(90deg,#cd9517,#9b6814);color:#fff1bb;border-radius:8px 0 0 8px!important}.side-links .icon{width:38px;height:38px;border:1px solid #c2acff;border-radius:5px;padding:5px}.bottom-tabs{display:none}dialog{color:#eff3fc}dialog::backdrop{background:#000c}dialog button{background:transparent}.welcome-dialog{padding:0;border:0;background:transparent;width:342px;max-width:calc(100% - 32px);overflow:visible}.reminder-toggle{display:flex;gap:7px;align-items:center;justify-content:center;margin:0 auto 32px;min-height:30px;padding:0;color:#ffef00;font-size:12px}.checkmark{height:21px;width:21px;background:#fff;border:2px solid #9b8ba7;display:grid;place-items:center;color:#0b3447;font-weight:900}.reminder-toggle[aria-checked=true] .checkmark::after{content:"✓";font-size:17px}.welcome-art{position:relative;margin-bottom:12px;display:flex;justify-content:center}.welcome-art>img{width:140px;height:140px}.welcome-close{position:absolute;right:1px;top:-36px;background:#3e4857;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.welcome-close .icon{width:30px;height:30px;stroke-width:3.5}.welcome-card{background:#070e24;border:1px solid #ffcf4a;border-radius:25px;padding:20px 16px 12px;box-shadow:0 2px 3px #0006}.welcome-content{display:flex;align-items:center;gap:9px;background:#1f2942;border:2px solid #333d56;box-shadow:inset 0 2px 7px #ffffff08;padding:10px;border-radius:16px;min-height:72px}.welcome-content>img{width:40px;height:44px;object-fit:cover;border-radius:2px}.welcome-content>div{flex:1}.welcome-content h2{font-size:12px;line-height:1.25;margin:0 0 8px}.welcome-content p{font-size:11px;line-height:1.2;margin:0}.welcome-cta{border-radius:30px;background:linear-gradient(110deg,#d14d66,#f2646a);font-size:14px;line-height:1.2;padding:13px 14px;min-width:76px;text-align:center}.welcome-card>p{font-size:10px;line-height:1.4;color:#c4cedc;text-align:center;margin:10px 0 4px}.welcome-guide{display:block;text-align:center;color:#ffe083;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:5px}.menu-drawer{height:100dvh;max-height:100dvh;width:340px;max-width:90vw;margin:0;border:0;border-right:1px solid #4c7691;background:linear-gradient(#005278,#011b2a);padding:22px}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:23px;margin:0;color:var(--gold)}.drawer-head button{width:40px;height:40px}.drawer-disclosure{font-size:11px;color:#c5dae4}.drawer-auth{display:flex;gap:12px;margin:24px 0}.drawer-auth .auth{font-size:16px;flex:1;height:40px}.menu-drawer nav{display:flex;flex-direction:column;margin-top:12px}.menu-drawer nav a{display:flex;align-items:center;gap:14px;min-height:52px;border-bottom:1px solid #38718d;padding:12px 4px}.menu-drawer>p:last-child{color:#9bc1d7;font-size:12px;margin-top:30px}.mobile-categories{display:none}body.modal-open{overflow:hidden}
@media(min-width:800px) and (max-width:1200px){.toolbar>.login{left:calc(50% - 320px);width:170px}.toolbar>.register{left:calc(50% + 120px);width:190px}.toolbar-tools{right:18px}.toolbar-tools .language-label,.timezone{display:none}.category-nav{justify-content:flex-start;gap:24px}.side-links{display:none}.banner-copy strong{font-size:32px}.banner-copy small{font-size:24px}.banner-copy>span{font-size:17px}.collection-tabs button{font-size:18px}}
@media(max-width:799px){.lobby-shell{background:linear-gradient(#005278,#004161 1150px,#002536 1900px,#001c29 100%)}.download-strip{display:flex;align-items:center;gap:10px;height:64px;padding:10px;background:#005278}.download-strip>img{border-radius:7px;width:36px;height:36px}.download-strip>span{font-size:12px;flex:1;line-height:1.3;color:#e4edf3;white-space:nowrap}.download-link{background:#fff;color:#1b3443;border-radius:22px;padding:7px 17px;font-size:12px;flex-shrink:0}.strip-close{display:grid;place-items:center;background:transparent;padding:0;width:28px;height:30px;flex:none}.strip-close .icon{width:22px;height:22px;stroke-width:2}.toolbar{height:114px;background:linear-gradient(#005278,#081821 60%,#000)}.toolbar::before,.toolbar::after{display:none}.brand{width:116px;height:59px;top:0}.menu-toggle{left:7px;top:3px;width:42px;height:44px;padding:0}.menu-toggle .icon{width:42px;height:42px;stroke-width:2.5}.toolbar>.login,.toolbar>.register{top:74px;width:calc(50% - 37px);height:36px;font-size:17px;border-radius:10px}.toolbar>.login{left:23px}.toolbar>.register{left:auto;right:23px}.toolbar-tools{right:12px;top:10px;height:40px}.notice-toggle{border:0;background:transparent;width:30px;height:30px}.notice-toggle img{width:21px;height:21px}.language-label,.timezone{display:none}.mobile-label{display:inline}.desktop-label{display:none}.lobby-disclosure{font-size:10px;line-height:14px;padding:5px 8px}.category-nav{display:none}.banner-slide{aspect-ratio:700/440;max-height:none}.banner-link picture,.banner-link picture img{height:100%;object-fit:cover}.split-banner .banner-link{display:block}.split-banner img{width:100%;height:100%;object-fit:cover}.banner-copy{display:none}.artwork-label{font-size:8px;top:5px;left:6px;padding:2px 6px;background:#00152bcc}.banner-controls{bottom:4px;right:7px;gap:5px}.banner-controls button{min-width:24px;min-height:24px}.banner-controls [data-slide]::after{width:21px;height:4px}.banner-controls .carousel-pause{font-size:11px;min-width:24px;border-color:#6885ad88;background:#0c1d3988}.lobby-inner,.game-inner{width:calc(100% - 20px)}.announcement{font-size:11px;min-height:33px;gap:9px}.quick-tiles{gap:7px;padding:0 0 10px}.quick-tile{height:65px;display:flex;flex-direction:column;gap:2px;padding:4px 2px;border-radius:6px;background:linear-gradient(#12628b,#043b5c);border-color:#317495}.quick-tile>img{height:36px;width:36px}.quick-tile>span{font-size:10px;flex:0;font-weight:normal;white-space:nowrap}.quick-tile>.icon{display:none}.game-browser{background:none;padding:2px 0 12px}.mobile-categories{display:flex;overflow-x:auto;scrollbar-width:none;gap:15px;padding:0 3px 11px;margin-bottom:2px}.mobile-categories button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#bed7e7;min-width:44px;font-size:10px;gap:3px;padding:2px 0;flex:1}.mobile-categories button .icon{width:24px;height:24px}.mobile-categories [aria-pressed=true]{color:#ffe07c}.collection-tabs{border-radius:7px;border:0;background:linear-gradient(#3c7c98,#235e7d);gap:0;padding:0;box-shadow:0 2px 4px #001b2d}.collection-tabs button{min-height:41px;padding:9px 5px;font-size:10px;line-height:1.2}.collection-tabs button[aria-pressed=true]{background:linear-gradient(#4b8fa6,#316f88);color:#ffdf7d;text-shadow:none}.provider-row{margin:10px 0 12px;gap:7px}.provider-tabs{gap:5px}.provider-tabs button{padding:4px 10px;font-size:11px;border-color:#40708a;background:#04354f;min-height:30px}.provider-tabs button[aria-pressed=true]{background:#2c617b;border-color:#e0cd8a}.game-count{font-size:9px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}.game-card{border:2px solid #e0c66a;border-radius:5px;box-shadow:0 0 4px #ecd67977}.provider-badge{top:4px;left:4px;font-size:9px;padding:0 3px}.game-name{font-size:10px;padding:14px 5px 4px}.game-name>span{font-size:12px}.preview-note{font-size:10px;line-height:1.5;padding:0 20px;margin-top:15px}.promotions{padding-top:25px}.section-heading{display:block;text-align:center;margin-bottom:16px}.section-heading h2{font-size:20px;margin-bottom:5px}.section-heading span{font-size:10px}.promotion-grid{grid-template-columns:1fr;gap:8px}.lobby-guide-link{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;margin:22px 0}.side-links{display:none}.bottom-tabs{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#050505;box-shadow:0 -2px 10px #0004;min-height:63px;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-tabs a{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:5px 0 3px;gap:3px;color:#c5c8ce;font-size:12px;border-bottom:3px solid transparent;line-height:1.2}.bottom-tabs a.active{border-bottom-color:#ec6070;color:white}.bottom-tabs img{width:31px;height:31px;object-fit:contain}.bottom-tabs .icon{width:31px;height:31px;stroke-width:1.7}.welcome-dialog{width:342px}.welcome-card{padding:20px 16px 10px}.welcome-content{gap:7px;padding:10px}.welcome-content h2{font-size:11px}.welcome-content p{font-size:10px}.welcome-cta{min-width:76px}.welcome-dialog .welcome-close{right:0}.menu-drawer{padding-top:max(20px,env(safe-area-inset-top))}}
@media(max-width:360px){.download-strip{gap:6px}.download-strip>span{font-size:10px}.download-link{padding-inline:12px}.collection-tabs button{font-size:9px}.game-count{display:none}.toolbar>.login,.toolbar>.register{font-size:15px}.welcome-content>img{width:30px}.welcome-cta{min-width:60px;padding:12px 10px;font-size:12px}.welcome-content h2{font-size:10px}}