/*
Theme Name: JU88
Version: 1.0.0
Description: Vietnamese JU88 guides with editable WordPress content.
*/
:root{--green:#096100;--gold:#fff000;--ink:#fff;--border:rgba(255,255,255,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:#06420b url('assets/ju88-main-background.jpg') center top/cover fixed}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.wrap{width:calc(100% - 40px);max-width:1030px;margin:auto}.site-header{background:var(--green);box-shadow:0 2px 5px #001c0866}.header-main{min-height:90px;display:flex;align-items:center;gap:55px}.brand{display:flex;align-items:center;width:180px;min-width:180px;height:70px;color:#fff;text-decoration:none!important;gap:8px}.brand-image{width:180px;height:70px;object-fit:contain}.brand-emblem{font-size:40px;font-style:italic;font-weight:900;line-height:1;border:3px solid #ffdf59;border-radius:50%;padding:5px 10px;color:#ffec7a;box-shadow:0 0 0 3px #ffffff40}.brand-name{font-size:43px;font-style:italic;font-weight:900;line-height:1;text-shadow:2px 2px #233b13}.brand-name small{display:block;font-size:8px;font-style:normal;letter-spacing:1.2px;margin-top:5px}.header-main nav{flex:1}.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:25px}.header-main .menu a{font-size:15px;font-weight:700;color:#fff;text-transform:uppercase}.header-main .menu .current-menu-item a{color:#fff47c}.header-actions{border-top:1px solid #ffffff12;display:flex;justify-content:center;gap:16px;padding:8px 0 10px}.entry-button{display:inline-block;min-width:138px;background:#858585;color:#fff;padding:5px 18px;font-size:13px;font-weight:700;border:1px solid #aabb9c;box-shadow:2px 2px 0 #f5c746;line-height:1.7;text-align:center}.entry-button:hover{background:#aa8221;text-decoration:none}.menu-toggle{display:none}.main-content{padding-top:48px;padding-bottom:50px;min-height:60vh}.home .main-content{padding-top:58px}.home-games{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}.home-games figure{margin:0}.home-games img{width:100%;display:block;transition:transform .2s}.home-games a:hover img{transform:translateY(-5px)}.promotions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0 25px}.promotions figure{margin:0}.promotions img{display:block;width:100%;aspect-ratio:6.22;object-fit:cover}.home h1{text-align:center;font-size:28px;margin:20px 0 15px;line-height:1.4}.home-copy{font-weight:600}.home-copy p{margin:15px 0}.home h2{font-size:23px;margin-top:32px}.wp-block-details{border-bottom:1px solid var(--border);padding:12px 16px;margin:0;background:#06370840}.wp-block-details summary{cursor:pointer;font-size:17px;font-weight:700}.wp-block-details p{font-weight:400}.breadcrumbs{font-size:14px;margin:0 0 28px;line-height:1.8}.breadcrumbs span{color:#fff}.content-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:30px}.sidebar{border-left:1px solid var(--border);padding-left:28px}.sidebar h2{font-size:18px;line-height:1.4;margin:0 0 25px}.recent{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;line-height:1.5;font-weight:600}.recent small{display:block;color:#a8c8a8;font-size:11px;font-weight:400;margin-top:6px}.date-badge{flex-shrink:0;text-align:center;width:35px;height:44px;border:2px solid #fff;color:#fff;font-size:16px;line-height:1.15;padding-top:4px;font-weight:700}.date-badge small{font-size:11px;line-height:1.1;margin:1px 0 0;color:inherit;font-weight:700}.archive-intro{text-align:center;margin:0 0 45px}.archive-intro h1,.article-heading h1{font-size:28px;line-height:1.4;margin:8px 0 18px}.archive-intro p{margin:12px 0}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.article-card{position:relative;text-align:center}.article-card img{width:100%;height:190px;object-fit:cover;background:#073c0d}.article-card .date-badge{position:absolute;left:-7px;top:20px;background:#086100}.article-card h2{font-size:18px;line-height:1.4;color:#fff;margin:14px 0 10px}.article-card p{font-size:14px;margin:0;line-height:1.6}.article-heading{text-align:center}.eyebrow{font-size:12px;color:var(--gold);margin:0}.post-meta{font-size:10px;letter-spacing:.5px;margin:0 0 28px}.article-body h2{font-size:25px;line-height:1.4;margin-top:32px}.article-body h3{font-size:20px;line-height:1.4}.article-body p{margin:18px 0}.article-body figure{margin:25px 0}.article-body figure img{display:block;margin:auto;max-height:430px;object-fit:contain}.article-body .toc{background:#141b14;padding:15px 22px;border:1px solid #888;border-radius:4px;width:fit-content;max-width:100%;margin:25px 0}.toc h2{font-size:20px;margin:0 0 10px}.toc p{margin:4px 0;font-size:14px}.toc a{color:#fff}.wp-block-button__link{display:inline-block;padding:10px 25px;background:#858585;border:1px solid #b4baac;box-shadow:2px 2px #e9c13b;border-radius:0;color:#fff;font-weight:700;font-size:15px}.wp-block-buttons{display:flex;gap:14px;margin:25px 0}.site-footer{background:#065208 url('assets/ju88-footer-background.jpg') center/cover;border-top:1px solid var(--border);padding:45px 0 15px}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.footer-columns h2{font-size:23px;margin:0 0 18px}.footer-columns p{font-size:14px}.site-footer .menu{justify-content:center;flex-wrap:wrap;margin:25px 0;gap:20px}.site-footer .menu a{font-size:14px;color:#fff;font-weight:700}.copyright{font-size:13px;text-align:center;border-top:1px solid var(--border);padding-top:15px}.back-top{position:fixed;right:22px;bottom:22px;width:37px;height:37px;border:2px solid #ddd;border-radius:50%;color:#fff;text-align:center;line-height:30px;background:#065508;font-size:22px}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:5px;background:#000;z-index:100000;padding:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffd900;outline-offset:4px}@media(max-width:900px){.header-main{gap:20px}.menu{gap:15px}.header-main .menu a{font-size:12px}.home-games{gap:16px}.content-layout{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}.sidebar{padding-left:18px}.article-card img{height:155px}}@media(max-width:650px){.wrap{width:calc(100% - 30px)}.header-main{min-height:80px;flex-wrap:wrap;justify-content:space-between;gap:0}.brand{height:70px;width:160px;min-width:160px}.brand-name{font-size:37px}.brand-image{width:160px}.menu-toggle{display:block;background:none;border:1px solid #ffffff66;color:#fff;padding:5px 10px}.header-main nav{display:none;flex-basis:100%;padding:15px 0}.header-main nav.open{display:block}.header-main .menu{flex-direction:column;align-items:flex-start;gap:15px}.header-main .menu a{font-size:14px}.main-content,.home .main-content{padding-top:30px}.home-games{grid-template-columns:repeat(3,1fr);gap:20px}.promotions{grid-template-columns:1fr;gap:15px;margin-top:25px}.home h1,.article-heading h1,.archive-intro h1{font-size:25px}.content-layout{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--border);padding:25px 0 0;margin-top:15px}.archive-grid{gap:25px 16px}.article-card img{height:150px}.article-card h2{font-size:16px}.footer-columns{grid-template-columns:1fr;gap:20px}.site-footer .menu{gap:12px}.home-copy{font-weight:400}}
.contact-form label{display:block;margin:15px 0}.contact-form input,.contact-form textarea{display:block;width:100%;padding:10px;border:1px solid #b7c6b8;background:#fff;color:#192719;border-radius:2px}.contact-form button{padding:10px 24px;border:1px solid #dac044;background:#727a65;color:white;font-weight:700;cursor:pointer}.contact-form [hidden]{display:none}
/* WordPress wraps legacy group blocks on render; expose their images to the grid. */
.home-games > .wp-block-group__inner-container,
.promotions > .wp-block-group__inner-container{display:contents}
.home-games figure,.promotions figure{margin:0!important;min-width:0}
/* Article covers keep their full composition; never stretch a portrait tile to fill a landscape. */
.article-card img{height:auto;aspect-ratio:2 / 1;object-fit:contain;background:#073c0d}
.date-badge small{display:block}
/* JU88 background supplied by the site owner. */
body{background-color:#0a0921;background-image:url('assets/ju88-site-background.png');background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.site-footer{background:rgba(10,9,33,.82)}
@media(max-width:650px){body{background-position:center top}}
/* Show the complete portrait backdrop on desktop instead of magnifying a central crop. */
@media(min-width:651px){body{background-size:100% 100%;background-position:center top}}
/* Keep the original football-player artwork in the footer, separate from the page backdrop. */
.site-footer{background-color:#065208;background-image:url('assets/ju88-footer-background.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat}
/* Navy/purple chrome, with the original footer players retained on a separate tinted layer. */
:root{--green:#141237}
.site-header{background:linear-gradient(120deg,#10132f 0%,#19123b 60%,#10152f 100%);box-shadow:0 2px 10px #05051888}
.header-actions{background:#0b0d2566;border-top-color:#ffffff16}
.entry-button,.wp-block-button__link{background:linear-gradient(135deg,#342968,#211d49);border-color:#8d80b1;box-shadow:2px 2px 0 #d8bb63}
.entry-button:hover,.wp-block-button__link:hover{background:#49347d}
.brand-name{text-shadow:2px 2px #08091e}
.site-footer{position:relative;isolation:isolate;background:#0c102c;overflow:hidden;border-top-color:#65548a66}
.site-footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#0a092122,#0a092144),url('assets/ju88-footer-background.jpg') center center/cover no-repeat;filter:hue-rotate(125deg) saturate(.65) brightness(.65);opacity:.85}
.site-footer>.wrap{position:relative;z-index:1}
.back-top{background:#201941;border-color:#baacd5}
.wp-block-details{background:#11112d85}
.article-card img,.article-card .date-badge{background-color:#13132e}
/* On narrow screens, anchor the artwork to the players instead of cropping its empty centre. */
@media(max-width:650px){
.site-footer::before{background-position:left top;background-size:auto 420px;background-repeat:no-repeat;filter:hue-rotate(125deg) saturate(.65) brightness(.8);opacity:.95}
.brand-name small{white-space:nowrap;letter-spacing:.7px}
}
/* Compact mobile header slides into view once the original header has scrolled away. */
.mobile-header-spacer[hidden]{display:none}
@media(max-width:650px){
 html{scroll-padding-top:155px}
 .site-header.mobile-sticky{position:fixed;top:var(--sticky-top,0px);left:0;right:0;width:100%;z-index:1000;box-shadow:0 5px 18px #05051899;animation:ju88-header-reveal .28s ease-out both;transform-origin:top center;max-height:calc(100dvh - var(--sticky-top,0px));overflow-y:auto}
 .mobile-sticky .header-main{min-height:64px}
 .mobile-sticky .brand{height:58px}
 .mobile-sticky .brand-image{height:54px}
 .mobile-sticky .brand-emblem{font-size:31px}
 .mobile-sticky .brand-name{font-size:32px}
 .mobile-sticky .header-actions{padding:5px 0 8px}
 @keyframes ju88-header-reveal{from{transform:translateY(-105%) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.site-header.mobile-sticky{animation:none}}
/* Fade the mobile player artwork into the footer colour instead of ending at a hard edge. */
@media(max-width:650px){
.site-footer::before{-webkit-mask-image:linear-gradient(to bottom,#000 0px,#000 250px,transparent 420px);mask-image:linear-gradient(to bottom,#000 0px,#000 250px,transparent 420px)}
}
/* Two moving edge highlights around the entry buttons. */
@property --ju88-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.header-actions .entry-button{position:relative;isolation:isolate;box-shadow:none}
.header-actions .entry-button::before{content:"";position:absolute;inset:-5px;border-radius:8px;padding:2px;pointer-events:none;background:conic-gradient(from var(--ju88-border-angle),transparent 0deg 32deg,#eac66b 32deg 100deg,transparent 100deg 212deg,#a99aff 212deg 280deg,transparent 280deg 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ju88-border-orbit 3s linear infinite}
.header-actions .entry-button:nth-child(2)::before{animation-delay:-1.5s}
.header-actions{gap:20px;padding-top:10px;padding-bottom:12px}
.mobile-sticky .header-actions{padding-top:8px;padding-bottom:10px}
@keyframes ju88-border-orbit{to{--ju88-border-angle:360deg}}
@media(prefers-reduced-motion:reduce){.header-actions .entry-button::before{animation:none}}
/* The previous site's images have been removed for the next template. */
body,.site-footer{background-image:none}
.site-footer::before{content:none;background-image:none}

/* JU88 reference-inspired, mobile-first layout. */
:root{--green:#22c55e;--gold:#a3e635;--ink:#14532d;--border:#bbf7d0}html{background:#052e16;scroll-padding-top:75px}body{max-width:540px;margin:0 auto;padding-top:58px;padding-bottom:62px;background:#f0fdf4;color:#14532d;font:13px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:break-word}*{box-sizing:border-box}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:#15803d}a:hover{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #166534;outline-offset:3px}[hidden]{display:none!important}.wrap{width:100%;max-width:540px;margin:0 auto}.site-header{position:fixed!important;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;background:white;border-bottom:2px solid #bbf7d0;box-shadow:none;z-index:100}.header-main{min-height:56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0;padding:0 14px}.ju-logo{font-size:35px;font-weight:900;font-style:italic;letter-spacing:-2px;line-height:1;color:#14532d}.ju-logo span{color:#22c55e}.menu-toggle{display:block;color:#14532d;background:white;border:1px solid #bbf7d0;border-radius:6px;font-size:23px;width:44px;height:44px;padding:0}.header-main nav{display:none;flex-basis:100%;padding:0;max-height:75vh;overflow:auto}.header-main nav.open{display:block}.header-main .menu{display:block;padding:8px 0}.header-main .menu li{list-style:none}.header-main .menu a{display:block;padding:10px 5px;font-size:14px;color:#14532d;border-bottom:1px solid #dcfce7;text-transform:none}.header-actions{display:flex;border:0;gap:8px;padding:12px 0}.entry-button,.ju-button{display:block;width:100%;min-width:0;background:linear-gradient(90deg,#22c55e,#a3e635);color:#14532d;border:0;border-radius:8px;padding:11px 10px;box-shadow:none;font-weight:800;text-align:center;font-size:14px;line-height:1.6}.entry-button:hover,.ju-button:hover{background:#86efac;color:#14532d}.main-content,.home .main-content{padding:0;min-height:50vh}.ju-carousel{position:relative;background:#14532d}.ju-slide img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ju-prev,.ju-next{position:absolute;top:40%;background:#052e1670;color:white;border:0;font-size:32px;line-height:1;width:35px;height:48px;border-radius:5px}.ju-prev{left:8px}.ju-next{right:8px}.ju-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px}.ju-dots button{width:26px;height:6px;padding:0;border:0;background:#ffffff66;border-radius:5px}.ju-dots button[aria-pressed=true]{background:white}.ju-welcome{text-align:center;padding:20px 16px;border-bottom:1px solid #bbf7d0}.ju-kicker{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#16a34a}.home h1,.ju-welcome h1{font-size:22px;line-height:1.35;margin:8px 0 10px;color:#14532d}.ju-welcome p{color:#4b7a5e;font-size:13px;margin:0}.ju-tabs{display:flex;overflow:auto;border-bottom:2px solid #bbf7d0;padding:0 8px;background:white}.ju-tabs button{flex:1;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:none;padding:13px 6px;font-size:12px;font-weight:700;color:#4b7a5e}.ju-tabs button[aria-selected=true]{color:#16a34a;border-bottom-color:#22c55e}.ju-panel{padding:14px 16px 18px}.ju-panel>p{font-size:12px;color:#4b7a5e;margin:0 0 14px}.ju-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ju-game-grid img{display:block;width:100%;aspect-ratio:400/540;border-radius:9px;object-fit:cover;box-shadow:0 2px 6px #14532d18;transition:transform .18s}.ju-game-grid a:hover img{transform:translateY(-3px)}.ju-more{display:block;text-align:center;font-size:13px;font-weight:700;margin-top:14px}.ju-section{padding:20px 16px;border-top:1px solid #bbf7d0}.ju-alt{background:#e7f9ec}.ju-section>h2{font-size:19px;line-height:1.4;margin:0 0 7px!important;font-weight:800}.ju-section>h2:empty{display:none}.ju-intro{font-size:12px;color:#4b7a5e;margin:0 0 15px}.ju-promo{background:linear-gradient(135deg,#14532d,#166534 60%,#15803d);border-radius:12px;padding:20px 16px;color:white;position:relative;overflow:hidden}.ju-promo:after{content:'🎉';position:absolute;right:0;top:0;font-size:80px;opacity:.12;pointer-events:none}.ju-pill{display:inline-block;border-radius:20px;padding:3px 10px;font-size:10px;letter-spacing:.6px;font-weight:800;background:#a3e635;color:#14532d}.ju-promo h2{font-size:24px;color:white;margin:8px 0!important;line-height:1.2}.ju-promo strong{display:block;font-size:27px;line-height:1.2;color:#a3e635}.ju-promo ul{padding-left:17px;font-size:12px;color:#edfff2}.ju-promo .ju-button{background:#a3e635}.ju-guide{background:white;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #14532d0d}.ju-guide>header{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);padding:16px 14px;border-bottom:1px solid #bbf7d0}.ju-guide-icon{font-size:32px;flex-shrink:0}.ju-guide h3{font-size:16px;line-height:1.4;margin:0 0 3px}.ju-guide header p{font-size:11px;color:#4b7a5e;margin:0}.ju-guide-body{padding:14px}.ju-guide h4{font-size:12px;text-transform:uppercase;margin:12px 0 5px}.ju-guide-body>p,.ju-guide li{font-size:12px;color:#4b7a5e;line-height:1.7}.ju-guide ol{padding-left:20px;margin:5px 0 12px}.ju-guide li{padding-bottom:4px}.ju-tags{color:#16a34a!important;font-size:10px!important;letter-spacing:.5px}.ju-chips{display:flex;flex-wrap:wrap;gap:7px}.ju-chips span{border:1px solid #22c55e;border-radius:20px;padding:5px 12px;font-size:12px;background:white}.ju-feature{display:flex;gap:12px;background:white;border:1px solid #bbf7d0;border-radius:10px;padding:12px;margin-bottom:10px}.ju-feature>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#22c55e,#a3e635);font-size:24px;flex-shrink:0}.ju-feature h3{font-size:14px;margin:0 0 2px}.ju-feature p{font-size:12px;line-height:1.5;color:#4b7a5e;margin:0}.ju-member{background:white;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:14px;overflow:hidden}.ju-member>header{padding:14px;border-bottom:1px solid #bbf7d0}.ju-member h3{font-size:16px;margin:0}.ju-member strong{font-size:24px;color:#22c55e}.ju-member header p{font-size:11px;margin:2px 0;color:#4b7a5e}.ju-member>div{padding:12px 14px 14px}.ju-member ul{list-style:none;padding:0;margin:0 0 12px}.ju-member li{font-size:12px;border-bottom:1px dashed #bbf7d0;padding:7px 0;color:#4b7a5e}.ju-member.featured header{background:linear-gradient(135deg,#22c55e,#16a34a);color:white}.ju-member.featured header strong,.ju-member.featured header p{color:white}.ju-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.ju-tips article{background:white;border:1px solid #bbf7d0;border-radius:10px;padding:12px 10px}.ju-tips article>span{font-size:24px}.ju-tips h3{font-size:12px;margin:6px 0 4px}.ju-tips p{font-size:11px;color:#4b7a5e;line-height:1.5;margin:0}.ju-note{border-left:4px solid #22c55e;border-radius:0 8px 8px 0;background:white;padding:12px 14px}.ju-note h3{margin:0 0 7px;font-size:13px}.ju-note p{font-size:12px;color:#4b7a5e;margin:4px 0}.ju-security{text-align:center}.ju-wide-image{width:100%;border-radius:10px;display:block;margin-top:14px}.ju-legal{background:#fefce8;border:1px solid #fde68a;border-radius:10px;padding:14px;color:#78350f}.ju-legal h3{font-size:13px;margin:0 0 8px}.ju-legal p{font-size:11px;margin:5px 0}.site-footer{background:#14532d;color:#d7ebdf;padding:24px 16px 16px;margin:0;border:0}.site-footer .footer-columns{display:block}.site-footer section{margin-bottom:20px}.site-footer .brand{height:55px}.site-footer .brand-name{font-size:35px}.site-footer .brand-emblem{font-size:28px}.site-footer h2{font-size:14px;color:#a3e635;margin:10px 0}.site-footer p{font-size:12px;color:#d0e7d7}.site-footer a{color:#a3e635}.site-footer .menu{display:block;margin:14px 0}.site-footer .menu li{margin:6px 0}.site-footer .menu a{font-size:12px}.site-footer .copyright{font-size:11px;color:#c6e4d0;border-top:1px solid #387e50;text-align:left}.back-top{display:none}.ju-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;z-index:99;display:flex;justify-content:space-around;background:white;border-top:1px solid #bbf7d0;padding:8px 4px max(8px,env(safe-area-inset-bottom));height:62px}.ju-bottom a{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#4b7a5e;min-width:58px}.ju-bottom span{font-size:19px;line-height:1.3;color:#16a34a}.ju-bottom a:last-child{background:#a3e635;border-radius:7px;color:#14532d;padding:0 12px}.content-layout{display:block;padding:0 16px 24px}.sidebar{display:none}.breadcrumbs{padding:18px 16px;margin:0;font-size:12px}.article-heading h1{font-size:25px;color:#14532d}.article-heading .eyebrow,.post-meta{color:#4b7a5e}.article-body{font-size:14px}.article-body h2{font-size:20px}.article-body h3{font-size:17px}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:360px){.ju-tabs button{font-size:10px;padding:13px 4px}.ju-section{padding:18px 12px}.ju-welcome h1{font-size:20px}}

/* JU88 dismissible promotion above the bottom navigation. */
.ju-floating-promo{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(596px,calc(100% - 20px));z-index:110;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.ju-floating-card{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:8px 46px 8px 14px;border:1px solid #ffd54ab8;border-radius:16px;background:linear-gradient(135deg,#7a0c11 0%,#b30f19 48%,#e3212c 100%);box-shadow:0 10px 28px #0005,inset 0 1px 0 #ffffff29;color:white}
.ju-floating-offer{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}.ju-floating-gift{display:block;width:48px;height:48px;flex:0 0 48px;filter:drop-shadow(0 3px 5px #0006);transform-origin:50% 70%;animation:ju-gift-rock 2.4s ease-in-out infinite}
.ju-floating-kicker{display:block;font-size:20px;font-weight:900;line-height:1.1;white-space:nowrap;color:#fff;letter-spacing:.2px}.ju-floating-kicker strong{color:#ffd54a;font-size:32px;line-height:.95}.ju-floating-offer small{display:block;margin-top:4px;font-size:12px;line-height:1.1;color:#ffe8e8;white-space:nowrap}
.ju-floating-cta{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:0 16px;border:2px solid #ff8759;border-radius:9px;background:linear-gradient(#f1222e,#b30f19);color:#fff;font-size:17px;font-weight:900;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff30,0 3px 10px #0004;animation:ju-promo-glow 1.6s ease-in-out infinite}.ju-floating-cta:hover{color:white;background:linear-gradient(#ff3945,#c91824);text-decoration:none}.ju-floating-close{position:absolute;right:6px;top:6px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid #ffffff99;border-radius:50%;background:#0008;color:#fff;font:20px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 4px #0005}.ju-floating-close:hover{background:#000b}.ju-floating-promo a:focus-visible,.ju-floating-promo button:focus-visible{outline:3px solid #ffd54a;outline-offset:3px}
@keyframes ju-gift-rock{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-14deg)}80%{transform:rotate(11deg)}85%{transform:rotate(-7deg)}90%{transform:rotate(4deg)}}@keyframes ju-promo-glow{0%,100%{box-shadow:0 3px 10px #0004,inset 0 1px 0 #ffffff30,0 0 0 0 #ffd54a80}50%{box-shadow:0 3px 10px #0004,inset 0 1px 0 #ffffff30,0 0 0 6px #ffd54a00}}
@media(max-width:560px){.ju-floating-card{gap:8px;padding:8px 34px 8px 10px;justify-content:space-between}.ju-floating-gift{width:40px;height:40px;flex-basis:40px}.ju-floating-kicker{font-size:14px}.ju-floating-kicker strong{display:block;font-size:28px}.ju-floating-offer small{font-size:10px}.ju-floating-cta{font-size:12px;min-height:44px;padding:0 10px}.ju-floating-close{width:24px;height:24px;font-size:17px}}
@media(max-width:360px){.ju-floating-promo{width:calc(100% - 12px)}.ju-floating-card{gap:5px;padding-left:7px;padding-right:30px}.ju-floating-offer{gap:5px}.ju-floating-gift{width:30px;height:36px;flex-basis:30px}.ju-floating-kicker{font-size:12px}.ju-floating-kicker strong{font-size:25px}.ju-floating-cta{font-size:11px;padding:0 7px}}
@media(prefers-reduced-motion:reduce){.ju-floating-gift,.ju-floating-cta{animation:none}}@media(max-width:560px){.ju-floating-card{padding-right:40px}}

.ju-autoplay-toggle{position:absolute;right:10px;bottom:8px;display:grid;place-items:center;width:32px;height:28px;padding:0;border:1px solid #ffffff88;border-radius:5px;background:#052e1699;color:#fff;font:16px/1 Arial,sans-serif;cursor:pointer}.ju-autoplay-toggle:hover{background:#052e16dd}/* Dedicated JU88 editorial pages, matching the compact green reference layout. */
.ju-inner-hero{padding:22px 16px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #bbf7d0;border-radius:12px;margin:16px 0}.ju-inner-hero>span{font-size:11px;font-weight:800;letter-spacing:1px;color:#15803d}.ju-inner-hero h2{font-size:22px;line-height:1.4;margin:8px 0}.ju-inner-hero p{margin:8px 0 0;color:#4b7a5e;font-size:13px}.ju-inner-toc{display:flex;gap:8px;flex-wrap:wrap;padding:14px;border:1px solid #bbf7d0;background:#fff;border-radius:10px;margin:18px 0}.ju-inner-toc strong{flex-basis:100%;font-size:13px}.ju-inner-toc a{font-size:12px;background:#e8f9ed;border-radius:20px;padding:5px 10px}.ju-inner-figure{margin:22px 0}.ju-inner-figure img{width:100%;height:auto;display:block;border-radius:10px}.ju-inner-figure figcaption{font-size:11px;text-align:center;color:#4b7a5e;padding:6px}.ju-inner-section{padding:18px 0;border-bottom:1px solid #bbf7d0;scroll-margin-top:76px}.ju-inner-section h2{font-size:19px;line-height:1.45;margin:0 0 12px}.ju-inner-section p{font-size:13px;line-height:1.85;color:#355f43}.ju-inner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ju-inner-grid article{padding:12px;background:white;border:1px solid #bbf7d0;border-radius:10px}.ju-inner-grid h3{font-size:14px;margin:0 0 7px}.ju-inner-grid p{font-size:12px;line-height:1.7;margin:0}.ju-inner-table{overflow-x:auto;border:1px solid #bbf7d0;border-radius:8px}.ju-inner-table table{width:100%;border-collapse:collapse;font-size:12px}.ju-inner-table th{background:#dcfce7;color:#14532d;text-align:left}.ju-inner-table td,.ju-inner-table th{padding:10px 8px;border-bottom:1px solid #bbf7d0;vertical-align:top}.ju-inner-table tr:nth-child(even){background:#fff}.ju-inner-steps{padding-left:27px}.ju-inner-steps li{margin:10px 0;padding-left:5px;font-size:13px;line-height:1.8}.ju-inner-steps li::marker{color:#15803d;font-weight:bold}.ju-category-faq{background:#fff;border:1px solid #bbf7d0;border-radius:8px;margin:8px 0;padding:12px}.ju-category-faq summary{font-size:13px;font-weight:700;cursor:pointer}.ju-category-faq p{font-size:12px;line-height:1.8;margin-bottom:0}.ju-inner-final{margin-top:22px}.ju-inner-final p{font-size:12px;color:#edfff2}.ju-related{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.ju-related a{font-size:12px;padding:7px 10px;border:1px solid #bbf7d0;background:white;border-radius:6px}.ju-category-lead{font-size:18px;font-weight:700;color:#15803d}.ju-category-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.ju-category-gallery img{width:100%;border-radius:8px}.ju-category-section{padding:10px 0}.header-main .menu .current-menu-item>a{background:#dcfce7;color:#166534}.article-body .article-heading{padding-top:8px}.article-body .article-heading h1{font-size:25px;line-height:1.4;margin:8px 0}.article-body .post-meta{font-size:10px}.article-body .eyebrow{font-size:10px;letter-spacing:1px}.ju-inner-section a:focus-visible,.ju-category-faq summary:focus-visible{outline:3px solid #15803d;outline-offset:3px}@media(max-width:360px){.ju-inner-grid{grid-template-columns:1fr}.ju-inner-table td,.ju-inner-table th{padding:7px 5px;font-size:11px}.article-body .article-heading h1{font-size:22px}}

/* JU88 night background: local reference asset, viewport-sized on every page. */
html{background-color:#0b0a23;background-image:url('assets/ju88-background-night.webp');background-position:center center;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}

/* JU88 coordinated navy, violet and gold palette. */
:root{--green:#9e87ed;--gold:#f5d780;--ink:#ece9f7;--border:#484065;--ju-surface:#17142f;--ju-card:#211c3d;--ju-muted:#c6bfdc}
body{background:#141229;color:var(--ink);color-scheme:dark}
a{color:#f5d780}a:hover{color:#ffe9ae}
h1,h2,h3,h4,.home h1,.ju-welcome h1,.article-heading h1{color:#fff4d2}
.site-header{background:linear-gradient(115deg,#14122d,#241940);border-bottom-color:#51436d;box-shadow:0 3px 18px #07061666}
.ju-logo{color:#fff0be}.ju-logo span{color:#e9bd60}
.menu-toggle{background:#251e43;color:#f6da91;border-color:#665383}
.header-main nav,.header-actions{background:#1a1633}
.header-main .menu a{color:#e8e2f7;border-bottom-color:#403654}
.header-main .menu a:hover,.header-main .menu .current-menu-item>a{background:#382959;color:#ffe4a2}
.entry-button,.ju-button,.wp-block-button__link,.contact-form button{background:linear-gradient(110deg,#fbe6a1,#dfaf4f);color:#29203c;border:1px solid #f1cf7c;box-shadow:0 3px 10px #07061640}
.entry-button:hover,.ju-button:hover,.wp-block-button__link:hover,.contact-form button:hover,.ju-promo .ju-button:hover{background:linear-gradient(110deg,#fff0bd,#efc675);color:#23182f}
.ju-carousel{background:#100e25}.ju-prev,.ju-next,.ju-autoplay-toggle{background:#17122ebd}.ju-autoplay-toggle:hover{background:#30234de6}
.ju-welcome,.ju-section{border-color:#403654}.ju-kicker,.ju-tags,.ju-inner-hero>span{color:#f2d080!important}
.ju-welcome p,.ju-intro,.ju-panel>p,.ju-guide header p,.ju-guide-body>p,.ju-guide li,.ju-feature p,.ju-member header p,.ju-member li,.ju-tips p,.ju-note p,.ju-inner-hero p,.ju-inner-section p,.ju-inner-figure figcaption,.article-heading .eyebrow,.post-meta{color:var(--ju-muted)}
.ju-tabs{background:#1c1736;border-bottom-color:#494063}.ju-tabs button{color:#c6bfdc}.ju-tabs button[aria-selected=true]{color:#f6da91;border-bottom-color:#ebc368;background:#302348}
.ju-alt{background:#19152f}
.ju-promo{background:linear-gradient(135deg,#261b48,#48316d);border:1px solid #74568c}
.ju-pill{background:#f3d487;color:#30203d}.ju-promo strong{color:#f5d780}.ju-promo ul,.ju-inner-final p{color:#e2dbee}.ju-promo .ju-button{background:linear-gradient(110deg,#fbe6a1,#dfaf4f);color:#29203c}
.ju-guide,.ju-feature,.ju-member,.ju-tips article,.ju-note,.ju-inner-grid article,.ju-category-faq,.ju-inner-toc,.ju-related a{background:var(--ju-card);border-color:#484065}
.ju-guide>header,.ju-inner-hero{background:linear-gradient(125deg,#2a2148,#211b39);border-color:#514369}
.ju-chips span{background:#29203f;border-color:#76608c;color:#e8dffa}
.ju-feature>span{background:linear-gradient(135deg,#7451ab,#42326f);color:#ffdf8e}
.ju-member>header,.ju-member li{border-color:#484065}.ju-member strong{color:#f5d780}.ju-member.featured header{background:linear-gradient(125deg,#4a326c,#31254e)}
.ju-note{border-left-color:#dfb95c}.ju-legal{background:#30253b;border-color:#806447;color:#f1ddad}.ju-legal h3{color:#ffe4a2}
.site-footer{background:#100e23;color:#c9c1dc;border-top:1px solid #403654}.site-footer h2,.site-footer a{color:#f3d487}.site-footer p,.site-footer .copyright{color:#c6bfdc}.site-footer .copyright{border-color:#403654}.site-footer .menu a{color:#e4dced}
.ju-bottom{background:linear-gradient(#2a204c,#19152f);border-top-color:#786096;box-shadow:0 -4px 18px #08061566}.ju-bottom a{color:#d3c9e5}.ju-bottom span{color:#f3d487}.ju-bottom a:last-child{background:linear-gradient(110deg,#fbe6a1,#dfaf4f);color:#29203c}.ju-bottom a:last-child span{color:#29203c}
.breadcrumbs,.breadcrumbs span{color:#c6bfdc}.breadcrumbs a{color:#f5d780}
.ju-inner-toc a{background:#382950;color:#ffe3a0}.ju-inner-section,.ju-inner-table,.ju-inner-table td,.ju-inner-table th{border-color:#484065}.ju-inner-table{background:#201a38}.ju-inner-table th{background:#352748;color:#ffe4a2}.ju-inner-table tr:nth-child(even){background:#27203f}.ju-inner-steps li::marker,.ju-category-lead{color:#f3d487}
.ju-topic-figure img[src$=".webp"]{background:#211c3d!important}
.contact-form input,.contact-form textarea{background:#211c3d;color:#f1ebff;border-color:#76658c}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b8aecb}
.ju-floating-card{background:linear-gradient(125deg,#201439,#442563 65%,#30234d);border-color:#c7a35c;box-shadow:0 10px 28px #06041488,inset 0 1px 0 #ffffff20}.ju-floating-kicker{color:#fff4d2}.ju-floating-kicker strong{color:#f8d57a}.ju-floating-offer small{color:#e3d8f0}
.ju-floating-cta{background:linear-gradient(#ffe9a5,#deb05c);border-color:#f6d786;color:#2a193c;text-shadow:none}.ju-floating-cta:hover{background:linear-gradient(#fff1c6,#efc777);color:#24132f}.ju-floating-close{background:#211333;color:#fff0cd;border-color:#bca17b}.ju-floating-close:hover{background:#3e2859}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,.ju-inner-section a:focus-visible,.ju-category-faq summary:focus-visible{outline:3px solid #f5d780;outline-offset:3px}
::selection{background:#73509e;color:white}

/* Header logo uses WordPress Site Identity and preserves uploaded proportions. */
.header-main .ju-logo{display:flex;align-items:center;min-height:56px;max-width:calc(100% - 60px)}
.header-main .ju-logo a{display:flex;align-items:center;color:inherit;text-decoration:none;max-width:100%}
.header-main .ju-logo .custom-logo{display:block;width:auto;height:auto;max-width:160px;max-height:44px;object-fit:contain}
/* Reward cards: use with confirmed JU88 promotion terms. */
.ju-rewards-intro{padding:22px 18px;border:1px solid #66507e;background:linear-gradient(135deg,#302047,#19152f);border-radius:14px;margin:16px 0}
.ju-rewards-intro h2{margin:0 0 10px;color:#fff0bf;font-size:23px}
.ju-reward-card{margin:18px 0;padding:20px 18px;background:linear-gradient(145deg,#28203f,#1d1833);border:1px solid #69527f;border-radius:16px;box-shadow:0 6px 18px #09061533;scroll-margin-top:80px}
.ju-reward-card header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ju-reward-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#624085;font-size:25px}
.ju-reward-card h2{font-size:18px;line-height:1.4;margin:0;color:#fff0cb}
.ju-reward-tag{display:inline-block;font-size:11px;background:#3b2a52;color:#f2d38d;border:1px solid #6f557e;border-radius:20px;padding:2px 9px;margin-top:5px}
.ju-reward-value{font-size:29px;line-height:1.25;font-weight:800;color:#f7d67f;margin:12px 0}
.ju-reward-card dl{margin:14px 0 0;display:grid;grid-template-columns:1fr;gap:0}
.ju-reward-card dl>div{padding:10px 0;border-top:1px solid #4c3b61}
.ju-reward-card dt{font-size:12px;font-weight:bold;color:#f4dea5}
.ju-reward-card dd{margin:3px 0 0;font-size:13px;color:#e1d9ed;line-height:1.7}
.ju-reward-card .ju-button{margin-top:16px}
@media(max-width:360px){.ju-reward-card{padding:16px 13px}.ju-reward-value{font-size:25px}}