/* JU88 editorial identity — shared by every page. */
:root{--ju-ink:#142e2c;--ju-deep:#102b29;--ju-green:#1c6558;--ju-gold:#e9c782;--ju-paper:#f5f4ef;--ju-line:#dce4df;--ju-muted:#647570;--ju-white:#fff}
body{background:var(--ju-paper);color:var(--ju-ink);font-family:Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
#page-wrapper{background:var(--ju-paper);overflow:clip}
.container{width:100%;max-width:1240px;padding-left:28px;padding-right:28px}
a{color:var(--ju-green)}a:hover{color:#a47828}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc924b;outline-offset:4px}
.text-area,.text-area p,.text-area li{font-size:16px;line-height:1.85;color:var(--ju-ink)}
.text-area h1,.text-area h2,.text-area h3,.text-area h4{font-family:Arial,"Segoe UI",sans-serif;color:var(--ju-ink);font-weight:700;letter-spacing:-.025em}
.text-area h1{font-size:clamp(30px,3vw,44px);line-height:1.23;margin:0 0 28px}
.text-area h2{font-size:27px;line-height:1.4;margin:40px 0 18px;scroll-margin-top:100px}
.text-area h3{font-size:21px;line-height:1.5}.text-area p{margin:0 0 22px}.text-area li{margin-bottom:9px}
.text-area a:not([class]){color:var(--ju-green);text-underline-offset:4px}
/* Two-level masthead gives the extensive navigation room to breathe. */
.main-head{position:relative;background:var(--ju-deep);padding:0 28px;border-bottom:1px solid #ffffff19;z-index:40}
.exact-head-row{max-width:1184px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:0;min-height:118px}
.exact-brand{grid-column:1;grid-row:1;padding:14px 0}.head-actions{grid-column:2;grid-row:1;margin:0;gap:22px}
.main-head #logo{justify-content:flex-start;width:auto;gap:10px;height:40px}.main-head #logo b{font-size:34px;letter-spacing:-1.5px;color:#fff}.main-head #logo b span{color:var(--ju-gold)}.main-head #logo small{color:#d1e5de;font-size:12px;letter-spacing:2px}
.main-head .custom-logo{max-width:180px;max-height:48px}.head-actions .exact-login{color:#e9f0eb;font-size:14px}.exact-join{background:var(--ju-gold);color:var(--ju-deep)!important;border-radius:8px;padding:9px 22px;box-shadow:none;font-weight:700;font-size:14px}
.head-menu{grid-column:1/-1;grid-row:2;min-width:0;border-top:1px solid #ffffff16}
.head-menu .menu{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}
.head-menu .menu>li{margin:0;padding:0;position:relative}.head-menu .menu>li>a{font:600 14px/48px Arial,sans-serif;color:#d9e8e1;display:block;text-decoration:none}
.head-menu .menu>li>a:hover,.head-menu .menu>li>a[aria-current],.head-menu .menu>.current-menu-item>a{color:var(--ju-gold)}
.head-menu .sub-toggle{color:var(--ju-gold);top:10px;right:-5px;min-width:22px;min-height:28px}
.head-menu .menu>li>ul{top:100%;padding:12px;min-width:230px;background:white;border:1px solid var(--ju-line);border-radius:0 0 12px 12px;box-shadow:0 16px 30px #102b2920}
.head-menu .menu>li ul a{color:var(--ju-ink);padding:10px 12px;line-height:1.4!important;border-radius:6px}.head-menu .menu>li ul a:hover{background:#edf4f0;color:var(--ju-green)}
/* Brand-led home cover, with the original artwork kept intact. */
.ju-cover{background:var(--ju-deep);padding:36px 28px 44px}
.ju-cover-inner{max-width:1184px;margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:center}
.ju-cover-copy{color:white}.ju-cover-kicker{display:block;color:var(--ju-gold);font-size:11px;font-weight:700;letter-spacing:3px;margin-bottom:18px}
.ju-cover-title{font-size:46px;font-weight:800;line-height:1.05;letter-spacing:-2px;margin:0 0 16px}.ju-cover-title span{color:var(--ju-gold)}
.ju-cover-copy p{font-size:15px;line-height:1.7;color:#c4d8cf;margin:0 0 20px}.ju-cover-link{display:inline-flex;color:var(--ju-gold);gap:20px;border-bottom:1px solid #b99b63;padding:0 0 6px;font-weight:600;font-size:14px}
.ju-cover .exact-hero{background:#193d39;border-radius:16px;box-shadow:0 20px 40px #0003;border:1px solid #ffffff26}
.exact-slide img{aspect-ratio:1804/525;object-fit:contain}.exact-dots{bottom:16px;left:20px;padding:8px 10px;border-radius:20px;background:#102b2980}.exact-dots button[aria-pressed=true]{background:var(--ju-gold)}
.exact-header>.container{padding-top:6px}.jg-home-download{background:#e9efe8;border:1px solid #d5dfd4;border-radius:14px;margin-top:24px;padding:18px 24px}.jg-home-download strong{color:var(--ju-ink);font-size:20px}.jg-home-download span{color:#536961;font-size:13px}
.jg-download-button,.jg-download-button:hover{background:var(--ju-green);color:white!important;border-radius:8px;font-size:14px;padding:12px 20px}
.h-news{color:var(--ju-muted);padding:24px 0;line-height:1.7}.h-news span{background:var(--ju-deep);color:var(--ju-gold);border-radius:20px}
.exact-promos{gap:18px;padding:0 0 8px;margin-bottom:30px}.exact-promos>a{flex-basis:calc((100% - 36px)/3);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #18372f0d}.exact-promos img{border-radius:12px}
/* Home sections, category entrances and horizontal game collections. */
.home #main{background:var(--ju-paper)}.home .section{padding:40px 0;background-color:transparent!important}.home .section--1{padding-top:0}
.home .recommendedContentMobile{padding:0;margin:4px 0 38px}.home .recommendedContentMobile ul{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0;margin:0}
.home .recommendedContentMobile ul li{width:auto!important;display:flex;align-items:center;justify-content:center;gap:15px;background:white;border:1px solid var(--ju-line);border-radius:12px;padding:14px!important;margin:0;list-style:none}
.home .recommendedContentMobile ul li img{width:42px;height:40px;object-fit:contain;margin:0}.home .recommendedContentMobile ul li br,.home .recommendedContentMobile ul li p{display:none}.home .recommendedContentMobile ul li h2{font-size:17px;margin:0}
.home .section--1 h1{max-width:840px;font-size:38px;line-height:1.3}.home .section--1 .text-area>p{max-width:900px}
.home .text-area h2{margin-top:24px}.home .exact-carousel{gap:18px;padding:4px 0 18px;scrollbar-color:#b4c8bd transparent}
.home .exact-carousel>.item{flex-basis:calc((100% - 54px)/4);border:1px solid var(--ju-line);border-radius:15px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}
.home .exact-carousel>.item:hover{transform:translateY(-3px);box-shadow:0 9px 25px #17372d13}.exact-carousel .hot-game{margin:0}.exact-carousel img{border-radius:0}.exact-carousel .hg-caption{padding:18px}.exact-carousel .hg-main-wrap{min-height:72px}.exact-carousel .hg-caption h3{color:var(--ju-ink);font-size:17px!important}.exact-carousel .hg-caption p{font-size:12px;color:var(--ju-muted);line-height:1.5}.exact-carousel .hg-caption .bl-btn{display:inline-block;margin-top:10px;color:var(--ju-green);background:#e8f2ec;border-radius:5px}
.home .h-cat-wrap{border-radius:20px;overflow:hidden;min-height:330px;padding:44px 38px!important;box-shadow:0 12px 28px #102b2910;background-color:var(--ju-deep)!important;position:relative}
.home .h-cat-wrap h2,.home .h-cat-wrap h2 a{color:white;font-size:30px;line-height:1.25}.home .h-cat-wrap p,.home .h-cat-wrap li{color:#f0f5f1;font-size:15px;line-height:1.75}.home .h-cat-wrap h2{margin-top:0}.home .h-cat-wrap .text-area{color:white}
.home .h-cat-wrap a.ye-btn,.home a.ye-btn{background:var(--ju-gold);color:var(--ju-deep);border-radius:8px;padding:12px 22px;font-weight:700;text-decoration:none}
.su-spoiler{background:white;border:1px solid var(--ju-line)!important;border-radius:12px;margin:12px 0!important;padding:7px 12px!important}.su-spoiler-title{color:var(--ju-ink);font-size:17px!important;padding-top:15px!important;padding-bottom:15px!important}.su-spoiler-content{color:var(--ju-muted);line-height:1.8!important}
/* Comfortable reading surface shared by pages and articles. */
.exact-page-banner{max-width:1184px;margin:30px auto 0;border-radius:18px;overflow:hidden}.exact-page-banner img{max-height:330px;object-fit:cover}
.exact-inner{padding:30px 0 70px}.breadcrumbs{margin:0 0 24px;font-size:12px;color:var(--ju-muted);line-height:1.6}.breadcrumbs a{color:var(--ju-green)}
.exact-provider-row:empty{display:none}.exact-provider-row{margin:0 0 25px}.exact-provider-row a{background:white;border:1px solid var(--ju-line);border-radius:12px;padding:10px}
.exact-inner article.text-area,.exact-inner .single-post-wrapper{background:white;padding:36px;border:1px solid var(--ju-line);border-radius:18px;box-shadow:0 8px 24px #1e403006}
.exact-inner>.container>article{max-width:1000px;margin:auto}.exact-article-image{border-radius:12px;margin:12px 0 28px;display:block}.exact-inner .news-info{font-size:12px;color:var(--ju-muted);margin:0 0 22px}
#main .text-area .toc{background:#f0f5f1;border:1px solid #d4e3d8;border-left:4px solid var(--ju-green);border-radius:10px;padding:20px 24px;margin:28px 0 32px}
#main .text-area .toc summary{color:var(--ju-ink);font-size:16px}#main .text-area .toc ol{margin:16px 0 0;padding-left:22px}#main .text-area .toc li{font-size:14px;line-height:1.7;margin:7px 0}
#main .text-area .toc a,#main .text-area .toc a:visited{color:#245e50}#main .text-area .toc a:hover{color:#9c6d22}
.text-area table{font-size:14px;border-radius:10px;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--ju-line)}.text-area th{background:var(--ju-deep);color:white;border:0;padding:14px}.text-area td{border:0;border-bottom:1px solid var(--ju-line);padding:14px;line-height:1.7}.text-area tr:nth-child(even) td{background:#f5f8f5}
.exact-sidebar .widget{border:1px solid var(--ju-line);border-radius:14px;padding:22px;background:white;margin-bottom:22px}.exact-sidebar h3{font:700 18px/1.4 Arial,sans-serif;color:var(--ju-ink);margin:0 0 14px}.exact-sidebar a{color:var(--ju-green);font-size:14px;border-color:var(--ju-line);line-height:1.6;padding:12px 0}.exact-sidebar .casino-promos a{padding:0}.exact-sidebar .casino-promos{padding:0}
.exact-inner .news-item{border:1px solid var(--ju-line);border-radius:12px;overflow:hidden;background:#fff;height:calc(100% - 20px);padding-bottom:18px}.exact-inner .news-item h2{font-size:19px;margin:16px 18px 10px}.exact-inner .news-item p,.exact-inner .news-item .news-info{margin-left:18px;margin-right:18px}.exact-inner .news-item h2 a{color:var(--ju-ink)}
/* Footer is a quiet, clearly separated reference area. */
.footer{background:#e7ede7;color:#53685e;padding-top:42px;border-top:1px solid #d3ddd3}.footer .widget-columns,.footer .widget-columns a{color:#294c41}.footer h3,.footer h4{color:var(--ju-ink);font-family:Arial,sans-serif;font-weight:700}.footer p{line-height:1.7!important}.footer .footer-copyright{background:var(--ju-deep);margin-top:30px}.footer .footer-copyright p{color:#d8e5dc}.footer .btn-backToTop{background:#285146}.footertop{padding:14px}.footer .footbtmwrapper{border-color:#ccd9cd}
@media(min-width:1200px){.exact-inner .row{margin-left:-14px;margin-right:-14px}.exact-inner .row>[class*=col-]{padding-left:14px;padding-right:14px}}
@media(max-width:991px){
 .container{padding-left:20px;padding-right:20px}.main-head{padding:0 20px}.exact-head-row{display:flex;min-height:74px;justify-content:center}.exact-brand{padding:12px 0}.head-actions{display:none}.exact-head-row .menu-toggle{display:block;left:18px;color:white;min-width:40px;min-height:44px}.head-menu{border:0}
 .exact-head-row #primary-nav.open{top:74px;background:var(--ju-deep);padding:12px 20px 24px;border-radius:0 0 16px 16px;max-height:calc(100dvh - 135px);box-shadow:0 18px 24px #0002}
 .head-menu .menu{display:block}.head-menu .menu>li{border-bottom:1px solid #ffffff1a}.head-menu .menu>li>a{line-height:46px;color:#eef5f0}.head-menu .sub-toggle{right:0;top:6px;padding:0 15px}.head-menu .menu>li>ul{background:#1b3934;border:0;box-shadow:none;border-radius:8px;padding:8px}.head-menu .menu>li ul a{color:#dae9df}.head-menu .menu>li ul a:hover{background:#2d5147;color:white}
 .ju-cover{padding:26px 20px 32px}.ju-cover-inner{grid-template-columns:200px minmax(0,1fr);gap:22px}.ju-cover-title{font-size:37px}.ju-cover-copy p{font-size:13px}.ju-cover-kicker{font-size:10px;letter-spacing:2px}.ju-cover-link{font-size:12px}
 .jg-home-download{flex-direction:row;align-items:center;padding:18px}.jg-home-download .jg-download-button{width:auto}.exact-promos>a{flex-basis:48%}
 .home .exact-carousel>.item{flex-basis:calc((100% - 36px)/3)}.home .h-cat-wrap{padding:30px!important}.home .section--6 .container,.home .section--7 .container,.home .section--8 .container,.home .section--9 .container{padding:0 20px}
 .exact-inner article.text-area,.exact-inner .single-post-wrapper{padding:25px}.exact-page-banner{margin:20px 20px 0}.exact-sidebar{margin-top:24px}
 .btn-menu-mobile{box-shadow:0 -3px 20px #102b2920}.btn-menu-mobile .row{background:var(--ju-deep)}.btn-menu-mobile a{background:var(--ju-gold);color:var(--ju-deep);font-weight:700;font-size:14px;min-height:50px;display:flex;align-items:center;justify-content:center}.btn-menu-mobile .login-btn-mobile{background:#245b4d;color:#fff}.btn-menu-mobile a.download-btn-mobile{background:var(--ju-deep);color:#f4dfaf;font-size:12px}.footer{padding-bottom:60px}
}
@media(max-width:600px){
 .container{padding-left:16px;padding-right:16px}.ju-cover{padding:24px 16px}.ju-cover-inner{display:flex;flex-direction:column;align-items:stretch;gap:20px}.ju-cover-copy{position:relative;padding-right:112px}.ju-cover-kicker{margin-bottom:10px}.ju-cover-title{font-size:32px;margin-bottom:8px}.ju-cover-copy p{margin:0;font-size:13px}.ju-cover-link{position:absolute;right:0;bottom:6px;gap:7px;font-size:12px}.ju-cover .exact-hero{border-radius:10px}.exact-dots{bottom:6px;left:10px;padding:5px 7px}
 .jg-home-download{flex-direction:column;align-items:stretch;gap:12px;border-radius:12px;padding:16px;margin-top:18px}.jg-home-download strong{font-size:18px}.jg-home-download span{font-size:13px;line-height:1.6}.jg-home-download .jg-download-button{width:100%;text-align:center}.h-news{padding:18px 0}.exact-promos{gap:12px}.exact-promos>a{flex-basis:82%}
 .home .section{padding:24px 0}.home .recommendedContentMobile{margin-bottom:26px}.home .recommendedContentMobile ul{grid-template-columns:repeat(2,1fr);gap:10px}.home .recommendedContentMobile ul li{justify-content:flex-start;gap:10px;padding:12px!important}.home .recommendedContentMobile ul li h2{font-size:14px}.home .recommendedContentMobile ul li img{width:34px;height:32px}.home .section--1 h1{font-size:28px}.home .exact-carousel>.item{flex-basis:72%}.exact-carousel .hg-caption{padding:14px}.home .h-cat-wrap{padding:28px 22px!important;border-radius:14px;background-position:65% center!important}.home .h-cat-wrap h2,.home .h-cat-wrap h2 a{font-size:25px}.home .h-cat-wrap p,.home .h-cat-wrap li{font-size:14px;line-height:1.75}.home .h-cat-wrap .col-md-5,.home .h-cat-wrap .col-md-6{background:#102b29dc;padding:20px;border-radius:12px}
 .exact-inner{padding:22px 0 40px}.breadcrumbs{font-size:11px;margin-bottom:18px}.exact-page-banner{margin:16px 16px 0;border-radius:12px}.exact-inner article.text-area,.exact-inner .single-post-wrapper{padding:22px 18px;border-radius:12px}.text-area h1,.exact-page-body h1,.casino-article-layout .exact-page-body h1{font-size:28px;line-height:1.3}.text-area h2{font-size:23px;margin-top:32px}.text-area,.text-area p,.text-area li{font-size:15px;line-height:1.85}#main .text-area .toc{padding:16px;margin:22px 0}.text-area table{display:block;overflow:auto;max-width:100%;font-size:13px}.text-area td,.text-area th{padding:11px;min-width:100px}.text-area figure{margin:20px 0}.exact-provider-row{gap:10px}.exact-sidebar .widget{padding:20px}.exact-inner .news-item h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.home .exact-carousel>.item{transition:none}}
/* Normalize legacy home gutters and WordPress-inserted line breaks. */
.home #main .section>.container{padding-left:28px!important;padding-right:28px!important;max-width:1240px}
.home #main .h-home-wrap{padding:0}.home #main .row.h-home-wrap{margin-left:-15px;margin-right:-15px}
.home #main .recommendedContentMobile{display:block}
.home #main .h-main-top-wrap h1{max-width:850px;font-size:38px;line-height:1.3;margin-bottom:20px}
.home #main .h-main-top-wrap>h2{font-size:22px;color:var(--ju-green);line-height:1.5}
.home #main .h-main-top-wrap>p{max-width:960px}.home #main .h-top-wrap{border-bottom:1px solid var(--ju-line);padding-bottom:20px}
.home #main .h-cat-wrap .c-r-wrap{background:#102b29e8;padding:26px;border-radius:14px;max-width:580px;width:55%;margin:0}
.home #main .h-cat-wrap .or-btn,.home #main a.or-btn{display:inline-block;background:var(--ju-gold);color:var(--ju-deep)!important;border-radius:8px;padding:11px 20px;text-decoration:none;font-weight:700;line-height:1.5}
.home #main .h-cat-wrap .c-r-wrap>p:last-child{margin-bottom:0}
.home #main .exact-carousel .hot-game>a{display:block;line-height:0}.home #main .exact-carousel .hot-game>a>br,.home #main .exact-carousel .hot-game>p:empty{display:none}
.home #main .exact-carousel .hg-caption p{margin-bottom:0}.home #main .exact-carousel .hot-game{padding:0}
.home #main .h-4-short>[class*=col-]{background:white;border:1px solid var(--ju-line);border-radius:12px;padding:20px}
@media(max-width:991px){.home #main .section>.container{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:600px){.home #main .section>.container{padding-left:16px!important;padding-right:16px!important}.home #main .h-main-top-wrap h1{font-size:28px}.home #main .h-main-top-wrap>h2{font-size:19px}.home #main .h-cat-wrap .c-r-wrap{width:100%;padding:18px;background:#102b29e8}.home #main .h-cat-wrap{padding:16px!important}.home #main .h-4-short{gap:14px;margin:0}.home #main .h-4-short>[class*=col-]{max-width:100%;flex-basis:100%}}
/* Mobile entrances: remove stacked legacy spacing and the hidden sponsor shell. */
/* Override the inherited translucent white menu background. */
@media(max-width:991px){
 .main-head .exact-head-row #primary-nav .menu>li>ul.sub-menu{background:#1b3934!important;border:1px solid #35574c;box-shadow:none}
 .main-head .exact-head-row #primary-nav .sub-menu li a,.main-head .exact-head-row #primary-nav .sub-menu li a:visited{color:#f0f5f1!important;background:transparent;line-height:1.5!important;padding:12px 16px}
 .main-head .exact-head-row #primary-nav .sub-menu li a:hover,.main-head .exact-head-row #primary-nav .sub-menu li a:focus-visible{color:#ffe2a3!important;background:#2d5147}
}
@media(max-width:767px){
 .home #main{padding-top:0}
 .home .exact-header>.container>.exact-promos{margin-bottom:16px;padding-bottom:0}
 .home #main>.section--1{padding:0 0 24px}
 .home #main>.section--1 .text-area{margin-bottom:0}
 .home #main>.section--1 .recommendedContentMobile{margin:0}
 .home #main>.section--2{display:none}
 .home #main>.section--3{padding-top:0}
 .home #main>.section--3 .h-main-top-wrap{margin-top:0}
}