:root{color-scheme:dark;--background:#1a2c38;--surface:#213743;--dark:#0f212e;--text:#eaf0f5;--muted:#b1bad3;--icon:#a4c3d5;--blue:#1475e1;--sidebar-width:255px;--header-height:60px;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #70eec7;outline-offset:4px}button{border:0}button:disabled{cursor:default}svg{display:block}.icon{width:20px;height:20px;fill:currentColor;flex:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:16px;background:var(--blue);padding:12px;z-index:100}.skip-link:focus{top:12px}.sprite{background-image:url('assets/reference-art.png');background-size:calc(1914 / var(--sw) * 100%) calc(962 / var(--sh) * 100%);background-position:calc(var(--sx) / (1914 - var(--sw)) * 100%) calc(var(--sy) / (962 - var(--sh)) * 100%);background-repeat:no-repeat}
.topbar{height:var(--header-height);position:fixed;top:0;left:0;right:0;z-index:40;background:var(--background);display:flex;box-shadow:0 2px 5px #0004}.topbar-left{width:var(--sidebar-width);padding:6px 16px;display:flex;align-items:center;gap:20px;flex-shrink:0;background:var(--dark)}.icon-button{background:none;color:var(--icon);display:grid;place-items:center;width:22px;height:42px;padding:0}.icon-button .icon{width:18px;height:18px}.product-switch{display:flex;gap:8px;font-size:16px;font-weight:700}.product-switch a{display:grid;place-items:center;min-width:88px;height:38px;background:var(--surface);border-radius:8px}.product-switch .selected{background:linear-gradient(135deg,#0f62c9 25%,#1686ef 75%,#5caaec);box-shadow:0 2px 5px #0003}.product-switch a:hover{filter:brightness(1.12)}.topbar-main{flex:1;min-width:0}.header-inner{height:100%;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:81px;height:43px;flex:none}.account-actions{display:flex;gap:8px;align-items:center}.button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{filter:brightness(1.13)}.button:active{transform:scale(.98)}.sign-in{background:#3b5768}.register{background:var(--blue);box-shadow:0 2px 4px #0002}
.sidebar{position:fixed;left:0;top:var(--header-height);bottom:0;width:var(--sidebar-width);background:var(--dark);padding:14px 16px 20px 11px;z-index:30;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2f4553 transparent;transition:transform .2s}.sidebar-panel{background:var(--background);border-radius:8px;min-height:100%;padding:0 8px 14px}.side-item{min-height:48px;display:flex;align-items:center;gap:10px;padding:12px 8px;font-weight:700;font-size:14px;border-radius:5px;width:100%;text-align:left;background:none}.side-item .icon{width:18px;height:18px;color:var(--icon)}.side-item:hover,.side-item.selected{background:var(--surface)}.side-divider{height:1px;background:#3b5768;margin:12px 0 16px}.side-label{font-size:14px;font-weight:700;color:var(--icon);padding:0 8px 8px}.sidebar-backdrop{display:none}.main{margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 24px) 32px 32px;transition:margin-left .2s}.content{max-width:1200px;margin:auto}.bonus-banner{position:relative;min-height:126px;padding:23px 27px;margin-bottom:24px;border:1px solid #3a886c;border-radius:10px;display:flex;align-items:center;gap:20px;background:radial-gradient(ellipse at 25% 160%,#278e583b,transparent 65%),linear-gradient(110deg,#153e34,#193c37 50%,#17342f);overflow:hidden;box-shadow:0 6px 20px #00160a20;transition:border-color .2s,box-shadow .2s}.bonus-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 70%,#b4f99e06 70%,#b4f99e06 82%,transparent 82%)}.bonus-banner:hover{border-color:#7af09d;box-shadow:0 5px 25px #69e98418}.bonus-emblem{width:68px;height:68px;border:1px solid #7ee8914d;border-radius:18px;background:linear-gradient(135deg,#75e79926,#76ea7f08);display:grid;place-items:center;color:#9bf689;flex:none;transform:rotate(-8deg)}.bonus-emblem svg{width:34px;height:34px;fill:currentColor;transform:rotate(8deg)}.bonus-copy{position:relative;z-index:1}.bonus-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#9beeaf;display:flex;align-items:center;gap:10px}.bonus-eyebrow span{border-left:1px solid #ffffff35;padding-left:10px;color:#d2e6de;font-size:12px;letter-spacing:1px}.bonus-copy h1{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 3px;font-weight:400}.bonus-copy h1 strong{font-weight:800}.bonus-copy p{font-size:14px;color:#b5d2c6;margin:0}.bonus-button{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px;background:#b1fc53;color:#14230c;font-size:16px;font-weight:800;padding:18px 23px;border-radius:7px;box-shadow:0 3px 0 #75b62b,0 0 25px #a2ff4120;position:relative;z-index:1;transition:background .2s,transform .2s}.bonus-banner:hover .bonus-button{background:#c3ff78;transform:translateY(-2px)}.bonus-button .icon{width:19px;height:19px}
.promotions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.promo{height:146px;display:flex;background:var(--surface);border-radius:8px;overflow:hidden;transition:background .18s}.promo:hover{background:#294451}.promo-art{width:146px;height:146px;flex:none}.promo-copy{padding:15px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.badge{background:#eaf0f5;color:#0f212e;font-size:12px;line-height:16px;white-space:nowrap;font-weight:700;border-radius:2px;padding:0 4px;margin-bottom:3px}.badge.exclusive{background:linear-gradient(90deg,#57f7d6,#1396ed)}.promo-copy strong{font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.3px}.promo-copy>span:last-child{font-size:14px;color:#b1d0eb;line-height:24px}.search-wrap{height:50px;border:1px solid #3b596d;border-radius:8px;background:#0f212c;display:flex;align-items:center;padding:0 12px;gap:13px;box-shadow:0 2px 3px #0002;margin-bottom:24px}.search-wrap>.icon{width:20px;height:20px;color:var(--icon)}.search-wrap:focus-within{border-color:#76a1b8;box-shadow:0 0 0 1px #76a1b8}.search-wrap input{flex:1;min-width:0;border:0;outline:0;color:#edf5fc;font-size:14px;background:transparent;line-height:48px;padding:0}.search-wrap input::placeholder{color:#b1d0eb;opacity:1}.search-wrap kbd{background:#3b5768;border-radius:3px;padding:0 4px;line-height:24px;color:#f7fafc;font-family:inherit;font-weight:700;font-size:14px;white-space:nowrap}.category-tabs{display:flex;align-items:center;gap:7px;background:#0f212c;border-radius:30px;padding:4px;margin-bottom:24px;max-width:max-content;overflow:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:none;min-height:44px;border-radius:24px;display:flex;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:700;white-space:nowrap;flex:none}.category-tab .icon{color:var(--icon);width:19px;height:19px}.category-tab:hover{background:#213743}.category-tab.active{background:#3b5768}.category-tab.active .icon{color:#fff}.game-section{margin-bottom:25px;scroll-margin-top:86px}.section-heading{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.25px}.section-heading>.icon:first-child{color:var(--icon);width:19px;height:19px}.section-heading>.icon:last-child{width:16px;height:16px}.games-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px}.game-card{min-width:0}.game-link{display:block;border-radius:8px;position:relative;transition:transform .18s;isolation:isolate}.game-cover{display:block;width:100%;aspect-ratio:var(--sw)/var(--sh);border-radius:8px;overflow:hidden;background-color:var(--surface)}.game-link:after{content:'';position:absolute;inset:0;z-index:1;background:#0b19292e;opacity:0;transition:opacity .18s;border-radius:8px}.game-hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;z-index:2;background:linear-gradient(0deg,#071624dd,transparent 70%);border-radius:8px;transition:opacity .18s;color:white;font-size:14px;font-weight:700;text-align:center;padding:10px}.play-circle{display:grid;place-items:center;background:#1475e1;border-radius:50%;height:44px;width:44px;box-shadow:0 3px 12px #0004}.play-circle svg{height:17px;width:17px;fill:currentColor}.game-link:hover,.game-link:focus-visible{transform:translateY(-5px)}.game-link:hover .game-hover,.game-link:focus-visible .game-hover,.game-link:hover:after{opacity:1}.player-count{font-size:12px;line-height:20px;display:flex;align-items:center;gap:4px;color:var(--icon);white-space:nowrap;margin-top:2px}.player-count:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#1fff20}.player-count strong{color:#e0eaf1;font-weight:700}.load-more{display:flex;align-items:center;gap:12px;width:100%;margin-top:6px;padding:0;background:none;color:var(--icon);font-size:14px;font-weight:700;min-height:26px}.load-more:before,.load-more:after{content:'';height:1px;background:#3b5768;flex:1}.load-more:hover{color:#fff}.empty-state{text-align:center;padding:50px 15px 80px;color:var(--muted)}.empty-state>.icon{width:38px;height:38px;margin:0 auto 12px}.empty-state h2{color:var(--text);margin:0;font-size:22px}.empty-state p{font-size:16px}.footer{margin-top:38px;padding:28px 0 20px;border-top:1px solid #3b5768;display:flex;align-items:center;flex-wrap:wrap;gap:24px;color:var(--icon);font-size:14px}.footer>div{display:flex;gap:24px;flex-wrap:wrap;margin-left:auto}.footer a:hover{color:#fff}.footer p{width:100%;font-size:12px;margin:0;color:#8eaabd}.support-button{position:fixed;right:15px;bottom:12px;width:60px;height:44px;display:grid;place-items:center;background:#3b5768;border-radius:28px;box-shadow:0 2px 4px #0003;z-index:20;color:#fff}.support-button:hover{background:#55758a}.mobile-nav{display:none}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .main{margin-left:0}.sidebar-collapsed .topbar-left{width:255px}
@media(min-width:1600px){.header-inner{max-width:1200px}.topbar-left{padding-left:16px}}
@media(max-width:1550px){.header-inner{margin:0 32px}.promo-art{width:120px;flex:none;background-size:calc(1914 / 120 * 100%) calc(962 / 146 * 100%);background-position:calc((var(--sx) + 13) / (1914 - 120) * 100%) calc(var(--sy) / (962 - 146) * 100%)}.promo-copy{padding:13px 12px}.promo-copy strong{font-size:17px}.promo-copy>span:last-child{font-size:13px;line-height:21px}.category-tab{padding:0 16px}.category-tabs{max-width:100%;gap:2px}.bonus-copy h1{font-size:22px}.bonus-button{padding:17px 19px;font-size:15px}.bonus-banner{gap:16px;padding:22px}.bonus-emblem{width:55px;height:55px;border-radius:14px}.games-grid{gap:12px}}
@media(max-width:1250px){:root{--sidebar-width:225px}.topbar-left{padding:6px 12px;gap:12px}.product-switch a{min-width:78px}.sidebar{padding-right:10px}.main{padding-left:24px;padding-right:24px}.header-inner{margin:0 24px}.bonus-emblem{display:none}.bonus-copy h1{font-size:21px}.bonus-button{font-size:14px;gap:8px;padding:17px 14px}.promo{height:128px}.promo-art{width:100px;height:128px;background-size:calc(1914 / 114 * 100%) calc(962 / 146 * 100%);background-position:calc((var(--sx) + 16) / (1914 - 114) * 100%) calc(var(--sy) / (962 - 146) * 100%)}.promo-copy strong{font-size:16px;line-height:21px}.promo-copy>span:last-child{font-size:12px;line-height:20px}.games-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.game-card:nth-child(n+7){display:none}.game-section.expanded .game-card{display:block}.promotions{gap:12px}.category-tab{padding:0 15px}.category-tab .icon{width:17px;height:17px}}
@media(max-width:1050px){:root{--sidebar-width:0px}.sidebar{width:240px;transform:translateX(-100%)}.topbar-left{width:240px}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:60px 0 0;background:#0008;z-index:25}.bonus-emblem{display:grid}.bonus-copy h1{font-size:22px}.promo-copy strong{font-size:17px}.promo-copy>span:last-child{font-size:13px}.category-tabs{max-width:100%}.games-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.game-card:nth-child(n+7){display:block}.player-count{font-size:12px}}
@media(max-width:760px){.main{padding:76px 16px 90px}.header-inner{margin:0 16px 0 8px}.topbar-left{width:42px;padding:0 0 0 13px;background:var(--background)}.product-switch{display:none}.brand{width:75px;height:40px}.account-actions{gap:8px}.button{height:40px;padding:0 16px}.bonus-banner{padding:19px 20px;flex-wrap:wrap;gap:14px;margin-bottom:20px}.bonus-copy{flex:1;min-width:200px}.bonus-copy h1{font-size:22px;max-width:340px}.bonus-copy p{font-size:13px}.bonus-emblem{width:50px;height:50px;order:1}.bonus-button{order:2;width:100%;margin:0;font-size:16px;padding:14px 16px;justify-content:space-between}.bonus-eyebrow{font-size:12px}.bonus-eyebrow span{font-size:12px}.promotions{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin:0 -16px 20px;padding:0 16px 4px;scrollbar-width:none}.promotions::-webkit-scrollbar{display:none}.promo{width:320px;min-width:320px;scroll-snap-align:center;height:132px}.promo-art{width:122px;height:132px;background-size:calc(1914 / 135 * 100%) calc(962 / 146 * 100%);background-position:calc((var(--sx) + 5) / (1914 - 135) * 100%) calc(var(--sy) / (962 - 146) * 100%)}.promo-copy{padding:13px 12px}.promo-copy strong{font-size:17px}.promo-copy>span:last-child{font-size:13px;line-height:20px}.badge{font-size:12px}.search-wrap{margin-bottom:18px;height:46px}.search-wrap input{line-height:44px}.search-wrap kbd{display:none}.category-tabs{margin-bottom:21px;border-radius:26px}.category-tab{font-size:13px;padding:0 14px;gap:8px;min-height:42px}.section-heading{font-size:18px;margin-bottom:12px}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}.player-count{font-size:12px;gap:3px}.player-count:before{width:5px;height:5px}.load-more{margin-top:10px}.game-section{margin-bottom:22px}.footer{margin-top:25px;gap:18px}.footer>div{width:100%;margin:0;gap:18px}.support-button{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:35;background:#0f212e;border-top:1px solid #2f4553;box-shadow:0 -3px 10px #0002}.mobile-nav>a,.mobile-nav>button{flex:1;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a4c3d5;background:none}.mobile-nav .icon{width:20px;height:20px}.mobile-nav .active{color:#fff}.mobile-nav>a:nth-child(3){color:#b1fc53}.sidebar-open .sidebar-backdrop{bottom:65px}.sidebar{bottom:65px}.sidebar-collapsed .topbar-left{width:42px}}
@media(max-width:400px){.bonus-banner{padding:17px 16px;gap:12px}.bonus-copy{min-width:180px}.bonus-copy h1{font-size:20px}.bonus-emblem{width:43px;height:43px}.bonus-emblem svg{width:26px;height:26px}.bonus-button{font-size:14px}.games-grid{gap:12px 8px}.player-count{font-size:12px}.player-count span{display:none}.footer>div{font-size:13px;gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}