/*
 * JKR216 desktop skin for the guest homepage (visual only; remove its <link> in pages/home.blade.php to revert).
 * Tokens measured on https://www.jkr216.com/home: bg gradient 121.78deg #111c22 -> #080d09, accent #00d274,
 * yellow gradient #ffdf37 -> #f5af21, card rgba(255,255,255,.05) + 1px rgba(255,255,255,.1), radius 1.25rem,
 * header 66px, sidebar x=16 w=219 (at 13px root), Poppins. Root size scales 13px (<=1440) .. 16px (<=1920).
 * Re-uses the existing mobile drawer (#mobileSideMenu) as the sidebar. No markup, JS, route or data changed.
 */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
@media (min-width:1024px){
  :root{--jk-fs:13px;--jk-yellow:linear-gradient(90deg,#ffdf37 2.48%,#f5af21 100%);--jk-green:#00d274;--jk-card:rgba(255,255,255,.05);--jk-line:rgba(255,255,255,.1);--jk-side:219px;--jk-top:66px}
  html{font-size:var(--jk-fs)}
  body.x10-home-guest{font-family:Poppins,Inter,sans-serif;min-width:1024px;color:#fff;background:linear-gradient(121.78deg,#111c22 38.37%,#080d09 60.85%,#080c0d 90.61%) fixed}

  /* top bar */
  body.x10-home-guest .x10h-top{height:var(--jk-top);padding:0 15px;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between}
  body.x10-home-guest .x10h-top__logo svg,body.x10-home-guest .x10h-top__logo img{display:none}
  body.x10-home-guest .x10h-top__logo{width:auto;height:auto;display:flex;align-items:center}
  body.x10-home-guest .x10h-top__logo::after{content:"JOKER216";font:italic 800 2.1rem/1 Poppins,sans-serif;letter-spacing:.02em;background:var(--jk-yellow);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
  body.x10-home-guest .x10h-top__actions{gap:.6rem;display:flex;align-items:center}
  body.x10-home-guest .x10h-top__actions a{height:2.7rem;min-width:6.4rem;padding:0 1.2rem;border-radius:9999px;font:700 .875rem/1 Poppins,sans-serif;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid #ffd102;background:transparent;box-shadow:none}
  body.x10-home-guest .x10h-top__actions a:last-child{background:var(--jk-yellow);border-color:transparent;color:#fff}

  /* sidebar = existing drawer pinned open */
  body.x10-home-guest #mobileOverlay{display:none!important}
  body.x10-home-guest #mobileSideMenu{position:fixed!important;inset:var(--jk-top) auto 0 16px!important;width:var(--jk-side)!important;max-width:none;transform:none!important;visibility:visible!important;opacity:1!important;background:transparent!important;box-shadow:none!important;border:0!important;pointer-events:auto;z-index:5}
  body.x10-home-guest #mobileSideMenu .tw-header,body.x10-home-guest #mobileSideMenu .tw-auth-section{display:none}
  body.x10-home-guest #mobileSideMenu .tw-body{padding:0;background:transparent}
  body.x10-home-guest #mobileSideMenu .tw-nav-link{min-height:3.2rem;padding:0 1rem;gap:.9rem;background:transparent;border:0;border-radius:0;font:600 1rem/1.2 Poppins,sans-serif;color:rgba(255,255,255,.85)}
  body.x10-home-guest #mobileSideMenu .tw-nav-link.is-active{color:var(--jk-green)}

  /* page column, bottom tab bar off */
  body.x10-home-guest .x10h-bar{display:none!important}
  body.x10-home-guest #app-main{padding-top:var(--jk-top)}
  body.x10-home-guest .x10h{margin-left:calc(var(--jk-side) + 36px);margin-right:16px;max-width:none;padding:0 0 24px;width:auto}
  body.x10-home-guest .x10h-promo{display:none}
  body.x10-home-guest .x10h-slider,body.x10-home-guest .x10h-tiles,body.x10-home-guest .x10h-row,body.x10-home-guest .x10h-providers{background:var(--jk-card);border:1px solid var(--jk-line);border-radius:1.25rem;padding:1.25rem;margin-bottom:1rem;overflow:hidden}
  body.x10-home-guest .x10h-slide img{border-radius:1rem}
  body.x10-home-guest .x10h-row__title-text{font:600 1.25rem/1.2 Poppins,sans-serif;color:#fff}
  body.x10-home-guest .x10h-row__more-link{color:var(--jk-green)}

  /* pass 2: flatten the drawer panel and page wrappers so the body gradient shows through, sentence-case nav like the reference */
  html,body.x10-home-guest #app-main,body.x10-home-guest .x10h{background:transparent!important}
  body.x10-home-guest #mobileSideMenu .tw-body,body.x10-home-guest #mobileSideMenu .tw-nav-list,body.x10-home-guest #mobileSideMenu .tw-nav-group{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible;scrollbar-width:none}
  body.x10-home-guest #mobileSideMenu .tw-nav-list::-webkit-scrollbar,body.x10-home-guest #mobileSideMenu .tw-body::-webkit-scrollbar{display:none}
  body.x10-home-guest #mobileSideMenu .tw-nav-link{text-transform:none;letter-spacing:0}
  body.x10-home-guest #mobileSideMenu .tw-nav-link.is-active{background:transparent!important}
  body.x10-home-guest .x10h-slider{padding:1.5rem}
}
.jk-cats{display:none}
@media (min-width:1024px){
  /* pass 3: category tiles (reference: 4 tall rounded tiles SPORT green / GAMES blue / LIVE CASINO pink / CRASH orange), rows, no mobile promo tiles */
  body.x10-home-guest .x10h-tiles{display:none}
  body.x10-home-guest .jk-cats{display:grid;grid-template-columns:repeat(4,6.15rem);gap:1.08rem;margin:0 0 1rem}
  body.x10-home-guest .jk-cat{position:relative;display:flex;align-items:flex-start;justify-content:center;height:24.3rem;width:6.15rem;border-radius:1.25rem;overflow:hidden;text-decoration:none;color:rgba(255,255,255,.88);font:800 1.3rem/1 Poppins,sans-serif;text-align:center;padding-top:.9rem;transition:transform .2s}
  body.x10-home-guest .jk-cat:hover{transform:translateY(-3px)}
  body.x10-home-guest .jk-cat--sport{background:linear-gradient(180deg,#0e7c3a,#0a3d24)}
  body.x10-home-guest .jk-cat--games{background:linear-gradient(180deg,#1b8cff,#1a4fd0)}
  body.x10-home-guest .jk-cat--live{background:linear-gradient(180deg,#ff3fa4,#a83fd0)}
  body.x10-home-guest .jk-cat--crash{background:linear-gradient(180deg,#ff8a1f,#d94a14)}
  body.x10-home-guest .x10h-row__items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;overflow:visible}
  body.x10-home-guest .x10h-game{width:auto}
  body.x10-home-guest .x10h-game__img{display:block;aspect-ratio:11/16;border-radius:.9rem;overflow:hidden;background:var(--jk-card)}
  body.x10-home-guest .x10h-game__img img{width:100%;height:100%;object-fit:cover}
  body.x10-home-guest .x10h-game__name{display:none}
  body.x10-home-guest .x10h-more{display:none}
}
.jk-legal{display:none}
@media (min-width:1024px){
  /* pass 4: the reference has no page footer; its legal block lives at the bottom of the sidebar (links, copyright, 18+ line) */
  body.x10-home-guest #mobileSideMenu .tw-body>:not(.tw-nav-list):not(.tw-auth-section){display:none!important}
  body.x10-home-guest .jk-legal{display:flex;flex-direction:column;gap:.9rem;position:fixed;left:16px;bottom:12px;width:var(--jk-side);padding:1.2rem 1.3rem 0;border-top:1px solid var(--jk-line);font:400 .85rem/1.3 Poppins,sans-serif;color:rgba(255,255,255,.55);z-index:5}
  body.x10-home-guest .jk-legal a{color:rgba(255,255,255,.55);text-decoration:none}
  body.x10-home-guest .jk-legal a:first-child{text-transform:uppercase;font-size:.82rem}
  body.x10-home-guest .jk-legal a:hover{color:#fff}
  body.x10-home-guest .jk-legal p{margin:.3rem 0 0}
  body.x10-home-guest .jk-legal__copy strong{font-weight:600}
  body.x10-home-guest .jk-legal__rg{display:flex;align-items:center;gap:.5rem}
  body.x10-home-guest .jk-legal__age{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:2px solid rgba(255,255,255,.55);border-radius:50%;font-weight:700;font-size:.8rem}
}
@media (min-width:1024px){
  /* pass 5: reference sidebar lists exactly 7 entries ending at Promotions; target-only entries after it are hidden on desktop (Contacts is reachable from the legal block; they stay in the mobile drawer) */
  body.x10-home-guest #mobileSideMenu .tw-nav-link--promo~*{display:none!important}
}

/* ── cycle 4: page background, single main card, hero + category-tile geometry (measured at 1440x900) ── */
@media (min-width:1024px){
  html body.x10-home-guest{
    background:radial-gradient(62rem 42rem at 0% 0%,rgba(5,65,51,.95),transparent 62%),radial-gradient(52rem 38rem at 100% 100%,rgba(1,40,42,.9),transparent 62%),#01121e!important;
    background-attachment:fixed!important;background-repeat:no-repeat!important}
  body.x10-home-guest .x10h{background:#0d1e29;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:1.92rem;margin-top:0;box-sizing:border-box}
  body.x10-home-guest .x10h-slider,body.x10-home-guest .x10h-row,body.x10-home-guest .x10h-providers{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 1.5rem;overflow:visible}
  body.x10-home-guest .x10h-slider__track{aspect-ratio:778/274;border-radius:1.1rem;overflow:hidden}
  body.x10-home-guest .x10h-slider__track>*,body.x10-home-guest .x10h-slider__track picture,body.x10-home-guest .x10h-slider__track img{height:100%}
  body.x10-home-guest .x10h-slider__track img{width:100%;object-fit:cover}
  body.x10-home-guest .jk-cats{grid-template-columns:repeat(4,1fr);gap:1.08rem;margin:2.9rem 0 1.5rem}
  body.x10-home-guest .jk-cat{width:auto;height:auto;aspect-ratio:184/315;font-size:2.7rem;letter-spacing:-.03em;padding-top:1.1rem;color:rgba(255,255,255,.62)}
}
@media (min-width:1200px){
  body.x10-home-guest .x10h{margin-right:357px}
}
@media (min-width:1024px){
  body.x10-home-guest .x10h{margin-top:var(--jk-top)}
  body.x10-home-guest .x10h-slider{min-height:0;margin-bottom:0}
  body.x10-home-guest .x10h-slider__dots{margin-top:1.5rem}
  body.x10-home-guest .jk-cats{margin-top:3.2rem}
}
@media (min-width:1024px){
  body.x10-home-guest .x10h{padding-top:1.92rem!important}
  body.x10-home-guest .jk-cats{margin-top:4.4rem}
}

/* ── cycle 5: rem ladder + column geometry copied from the reference (right column reserved: 25rem + gaps) ── */
@media (min-width:1024px){
  :root{--jk-side:16.85rem;--jk-top:5.08rem}
  html{font-size:13px}
  body.x10-home-guest #mobileSideMenu{left:1.23rem}
  body.x10-home-guest .x10h{margin-left:19.6rem;margin-right:27.46rem}
}
@media (min-width:1441px){html{font-size:14px}}
@media (min-width:1601px){html{font-size:15px}}
@media (min-width:1751px){html{font-size:16px}}
@media (min-width:1921px){html{font-size:17px}}
@media (min-width:2301px){html{font-size:18px}}

/* ── cycle 5b: vertical rhythm measured on the reference at 1440 and 1920 (tiles 30.5rem below card top, 24.25rem tall) ── */
@media (min-width:1024px){
  body.x10-home-guest .x10h-slider{min-height:25.4rem}
  body.x10-home-guest .jk-cats{margin-top:3.2rem}
  body.x10-home-guest .jk-cat{aspect-ratio:auto;height:24.25rem}
}

/* ── cycle 6: header pills on desktop (buttons, not links) ── */
.x10h-burger{display:none}
@media (min-width:1024px){
  body.x10-home-guest .x10h-top__actions .x10h-btn{height:2.7rem;min-width:6.4rem;padding:0 1.2rem;border-radius:9999px;font:700 .875rem/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid #ffd102;background:transparent;box-shadow:none}
  body.x10-home-guest .x10h-top__actions .x10h-btn--gold{background:var(--jk-yellow);border-color:transparent;color:#fff}
}

/* ── cycle 6: tablet + phone (<1024px), guest homepage — reference mobile layout measured with mobile emulation at 390 and 768 ── */
@media (max-width:1023.98px){
  html body.x10-home-guest{font-family:Poppins,Inter,sans-serif;color:#fff;
    background:radial-gradient(120vw 60vh at 0% 0%,rgba(5,65,51,.9),transparent 65%),radial-gradient(100vw 50vh at 100% 100%,rgba(1,40,42,.9),transparent 65%),#01121e!important;
    background-attachment:fixed!important;background-repeat:no-repeat!important}
  body.x10-home-guest #app-main,body.x10-home-guest .x10h{background:transparent!important}
  /* top bar: logo wordmark, one gold pill, burger */
  body.x10-home-guest .x10h-top{height:58px;padding:0 10px;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between}
  body.x10-home-guest .x10h-top__logo svg,body.x10-home-guest .x10h-top__logo img{display:none}
  body.x10-home-guest .x10h-top__logo{display:flex;align-items:center;width:auto;height:auto}
  body.x10-home-guest .x10h-top__logo::after{content:"JOKER216";font:italic 800 24px/1 Poppins,sans-serif;letter-spacing:.02em;background:linear-gradient(90deg,#ffdf37 2.48%,#f5af21 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  body.x10-home-guest .x10h-top__actions{display:flex;align-items:center;gap:14px}
  body.x10-home-guest .x10h-top__actions .x10h-btn--ghost{height:37px;padding:0 10px;min-width:131px;border-radius:9999px;border:0;background:linear-gradient(90deg,#ffdf37 2.48%,#f5af21 100%);color:#fff;font:700 13px/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em;box-shadow:none}
  body.x10-home-guest .x10h-top__actions .x10h-btn--gold{display:none}
  body.x10-home-guest .x10h-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:22px;height:22px;padding:0;background:none;border:0;cursor:pointer}
  body.x10-home-guest .x10h-burger span{display:block;height:2px;border-radius:2px;background:#fff}
  body.x10-home-guest .x10h-burger span:nth-child(2){width:70%;align-self:flex-end}
  /* tab bar moves to the top as a pill row */
  body.x10-home-guest .x10h-bar{position:fixed!important;top:59px;left:10px;right:10px;bottom:auto!important;height:43px;display:flex!important;align-items:stretch;padding:0;margin:0;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:none;z-index:30}
  body.x10-home-guest .x10h-bar__item{background:transparent!important;color:rgba(255,255,255,.55);font:600 13px/1 Poppins,sans-serif;display:flex;align-items:center;justify-content:center;border-radius:0;height:100%;padding:0 4px}
  body.x10-home-guest .x10h-bar__item svg,body.x10-home-guest .x10h-bar__new{display:none}
  body.x10-home-guest .x10h-bar__item.is-active{color:#00d274;box-shadow:inset 0 -2px 0 #00d274}
  body.x10-home-guest .x10h-bar>.x10h-bar__item:last-child{display:none}
  body.x10-home-guest .x10h-bar__pop{top:calc(100% + 6px);bottom:auto}
  /* page column */
  body.x10-home-guest #app-main{padding-top:0}
  body.x10-home-guest .x10h{margin:0;padding:111px 10px 24px;max-width:none;width:auto;box-sizing:border-box}
  body.x10-home-guest .x10h-promo,body.x10-home-guest .x10h-tiles,body.x10-home-guest .x10h-app,body.x10-home-guest .x10h-app-banner,body.x10-home-guest .x10h-first{display:none!important}
  body.x10-home-guest .x10h-slider{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 12px;min-height:0;overflow:visible}
  body.x10-home-guest .x10h-slider__track{height:112px;aspect-ratio:auto;border-radius:16px;overflow:hidden}
  body.x10-home-guest .x10h-slider__track>*,body.x10-home-guest .x10h-slider__track img{height:100%}
  body.x10-home-guest .x10h-slider__track img{width:100%;object-fit:cover}
  body.x10-home-guest .x10h-slider__dots{margin-top:10px}
  /* 2x2 category tiles (order: games, sport, live casino, crash) */
  body.x10-home-guest .jk-cats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}
  body.x10-home-guest .jk-cat{position:relative;display:flex;align-items:flex-start;justify-content:center;aspect-ratio:177/170;height:auto;width:auto;border-radius:20px;overflow:hidden;text-decoration:none;color:rgba(255,255,255,.62);font:800 clamp(24px,8.6vw,66px)/.98 Poppins,sans-serif;letter-spacing:-.03em;text-align:center;padding-top:6%}
  body.x10-home-guest .jk-cat--games{order:-1;background:linear-gradient(180deg,#1b8cff,#1a4fd0)}
  body.x10-home-guest .jk-cat--sport{background:linear-gradient(180deg,#0e7c3a,#0a3d24)}
  body.x10-home-guest .jk-cat--live{background:linear-gradient(180deg,#ff3fa4,#a83fd0)}
  body.x10-home-guest .jk-cat--crash{background:linear-gradient(180deg,#ff8a1f,#d94a14)}
  body.x10-home-guest .jk-legal{display:none}
}
@media (max-width:1023.98px){
  body.x10-home-guest .x10h{padding:111px 10px 24px!important}
  body.x10-home-guest .x10h-burger span{flex:none;width:100%;min-height:2px;height:2px}
  body.x10-home-guest .x10h-burger span:nth-child(2){width:70%}
}

/* ── cycle 7: brand artwork (assets/images/jkr/*, fetched from the reference at the owner's request) ── */
body.x10-home-guest .jk-cat{font-size:0!important;color:transparent!important;background-repeat:no-repeat!important;background-position:center!important}
body.x10-home-guest .jk-cat--sport{background-image:url(/assets/images/jkr/tile-sport-text.png),url(/assets/images/jkr/tile-sport-icon.webp),url(/assets/images/jkr/tile-sport-bg.webp)!important}
body.x10-home-guest .jk-cat--games{background-image:url(/assets/images/jkr/tile-games-text.png),url(/assets/images/jkr/tile-games-icon.webp),url(/assets/images/jkr/tile-games-bg.webp)!important}
body.x10-home-guest .jk-cat--live{background-image:url(/assets/images/jkr/tile-live-text.png),url(/assets/images/jkr/tile-live-icon.webp),url(/assets/images/jkr/tile-live-bg.webp)!important}
body.x10-home-guest .jk-cat--crash{background-image:url(/assets/images/jkr/tile-crash-text.png),url(/assets/images/jkr/tile-crash-icon.webp),url(/assets/images/jkr/tile-crash-bg.webp)!important}
@media (min-width:1024px){
  body.x10-home-guest .jk-cat{background-size:cover!important}
  body.x10-home-guest .x10h-top__logo::after{content:""!important;display:block;width:16.2rem;height:4.2rem;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat!important;color:transparent}
  body.x10-home-guest .x10h-top__actions::after{content:"";display:block;width:33px;height:33px;margin-left:.4rem;border-radius:50%;background:url(/assets/images/jkr/flag-fr.png) center/cover no-repeat}
}
@media (max-width:1023.98px){
  body.x10-home-guest .jk-cat{background-size:100% 100%!important}
  body.x10-home-guest .x10h-top__logo::after{content:""!important;display:block;width:150px;height:39px;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat!important;color:transparent}
}

/* ── cycle 7b: translucent label layer (as in the reference), X10-only banners off, tile offset ── */
body.x10-home-guest .jk-cat--sport{background-image:url(/assets/images/jkr/tile-sport-icon.webp),url(/assets/images/jkr/tile-sport-bg.webp)!important}
body.x10-home-guest .jk-cat--games{background-image:url(/assets/images/jkr/tile-games-icon.webp),url(/assets/images/jkr/tile-games-bg.webp)!important}
body.x10-home-guest .jk-cat--live{background-image:url(/assets/images/jkr/tile-live-icon.webp),url(/assets/images/jkr/tile-live-bg.webp)!important}
body.x10-home-guest .jk-cat--crash{background-image:url(/assets/images/jkr/tile-crash-icon.webp),url(/assets/images/jkr/tile-crash-bg.webp)!important}
body.x10-home-guest .jk-cat::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;opacity:.62;pointer-events:none}
body.x10-home-guest .jk-cat--sport::after{background-image:url(/assets/images/jkr/tile-sport-text.png)}
body.x10-home-guest .jk-cat--games::after{background-image:url(/assets/images/jkr/tile-games-text.png)}
body.x10-home-guest .jk-cat--live::after{background-image:url(/assets/images/jkr/tile-live-text.png)}
body.x10-home-guest .jk-cat--crash::after{background-image:url(/assets/images/jkr/tile-crash-text.png)}
@media (min-width:1024px){
  body.x10-home-guest .jk-cat::after{background-size:cover}
  body.x10-home-guest .x10h-app,body.x10-home-guest .x10h-app-banner,body.x10-home-guest .x10h-first{display:none!important}
  body.x10-home-guest .x10h-slider{min-height:24.7rem}
}
@media (max-width:1023.98px){body.x10-home-guest .jk-cat::after{background-size:100% 100%}}
html body.x10-home-guest{min-height:100vh;min-height:100dvh}
html:has(body.x10-home-guest){background:#01121e!important}

/* ══════════════════════════════════════════════════════════════════════
   CASINO / LIVE-CASINO / CRASH-GAME PAGES — JKR216 skin
   Targets body.x10-casino-guest (added via @section('body_class'))
   Re-uses the home-guest tokens (--jk-*) already defined above.
   ══════════════════════════════════════════════════════════════════════ */

/* ── desktop (≥1024): header, sidebar, layout ── */
@media (min-width:1024px){
  /* background — same radial gradient as home */
  html body.x10-casino-guest{
    font-family:Poppins,Inter,sans-serif;color:#fff;
    background:radial-gradient(62rem 42rem at 0% 0%,rgba(5,65,51,.95),transparent 62%),radial-gradient(52rem 38rem at 100% 100%,rgba(1,40,42,.9),transparent 62%),#01121e!important;
    background-attachment:fixed!important;background-repeat:no-repeat!important;
    min-height:100vh;min-height:100dvh}
  html:has(body.x10-casino-guest){background:#01121e!important}

  /* header bar */
  body.x10-casino-guest .header{height:var(--jk-top,5.08rem);padding:0 15px;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100}
  body.x10-casino-guest .header .btn-mobile-trigger{display:none!important}
  body.x10-casino-guest .header .logo img{display:none}
  body.x10-casino-guest .header .logo a{display:flex;align-items:center}
  body.x10-casino-guest .header .logo a::after{content:"";display:block;width:16.2rem;height:4.2rem;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat}
  /* hide desktop nav — sidebar replaces it */
  body.x10-casino-guest .header .desktop-nav{display:none!important}
  /* login/register buttons */
  body.x10-casino-guest .header .header-actions{display:flex!important;align-items:center;gap:.6rem}
  body.x10-casino-guest .header .header-actions .bonus-badge{display:none}
  body.x10-casino-guest .header .header-actions a[href]{height:2.7rem;min-width:6.4rem;padding:0 1.2rem;border-radius:9999px;font:700 .875rem/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em;display:inline-flex!important;align-items:center;justify-content:center;color:#fff;border:1px solid #ffd102;background:transparent;box-shadow:none;text-decoration:none}
  body.x10-casino-guest .header .header-actions a[href]:last-of-type{background:var(--jk-yellow,linear-gradient(90deg,#ffdf37,#f5af21));border-color:transparent}
  /* flag icon after buttons */
  body.x10-casino-guest .header .header-actions::after{content:"";display:block;width:33px;height:33px;margin-left:.4rem;border-radius:50%;background:url(/assets/images/jkr/flag-fr.png) center/cover no-repeat}

  /* sidebar — re-use the mobile menu pinned open (same as home) */
  body.x10-casino-guest #mobileOverlay{display:none!important}
  body.x10-casino-guest #mobileSideMenu{position:fixed!important;inset:var(--jk-top,5.08rem) auto 0 1.23rem!important;width:var(--jk-side,16.85rem)!important;max-width:none;transform:none!important;visibility:visible!important;opacity:1!important;background:transparent!important;box-shadow:none!important;border:0!important;pointer-events:auto;z-index:5}
  body.x10-casino-guest #mobileSideMenu .tw-header,body.x10-casino-guest #mobileSideMenu .tw-auth-section{display:none}
  body.x10-casino-guest #mobileSideMenu .tw-body{padding:0;background:transparent!important}
  body.x10-casino-guest #mobileSideMenu .tw-body,body.x10-casino-guest #mobileSideMenu .tw-nav-list,body.x10-casino-guest #mobileSideMenu .tw-nav-group{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible;scrollbar-width:none}
  body.x10-casino-guest #mobileSideMenu .tw-nav-list::-webkit-scrollbar,body.x10-casino-guest #mobileSideMenu .tw-body::-webkit-scrollbar{display:none}
  body.x10-casino-guest #mobileSideMenu .tw-nav-link{min-height:3.2rem;padding:0 1rem;gap:.9rem;background:transparent!important;border:0;border-radius:0;font:600 1rem/1.2 Poppins,sans-serif;color:rgba(255,255,255,.85);text-transform:none;letter-spacing:0}
  body.x10-casino-guest #mobileSideMenu .tw-nav-link.is-active{color:var(--jk-green,#00d274);background:transparent!important}
  body.x10-casino-guest #mobileSideMenu .tw-nav-link--promo~*{display:none!important}
  body.x10-casino-guest #mobileSideMenu .tw-body>:not(.tw-nav-list):not(.tw-auth-section){display:none!important}

  /* main content area */
  body.x10-casino-guest #app-main{padding-top:var(--jk-top,5.08rem);background:transparent!important}
  body.x10-casino-guest .x10-casino-container{margin-left:calc(var(--jk-side,16.85rem) + 3.5rem);margin-right:1.5rem;margin-top:var(--jk-top,5.08rem);background:#0d1e29;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:1.92rem;box-sizing:border-box}

  /* bottom nav off */
  body.x10-casino-guest #x10-bar-region,body.x10-casino-guest .mobile-bottom-nav{display:none!important}

  /* ── casino hero (hide on casino pages — reference has a slider but we don't have matching banners) ── */
  body.x10-casino-guest .x10-casino-hero{display:none}

  /* ── search + filters (reference style) ── */
  body.x10-casino-guest .x10-search-wrapper{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;flex-wrap:wrap}
  body.x10-casino-guest .x10-search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.4rem .8rem;height:2.5rem}
  body.x10-casino-guest .x10-search-input{background:transparent!important;border:0!important;color:#fff!important;font:400 .9rem/1.2 Poppins,sans-serif!important;outline:none;flex:1}
  body.x10-casino-guest .x10-search-input::placeholder{color:rgba(255,255,255,.4)}
  body.x10-casino-guest .x10-search-icon{color:rgba(255,255,255,.4);flex-shrink:0}
  /* favorites filter */
  body.x10-casino-guest .x10-favorites-filter{display:flex;gap:.5rem}
  body.x10-casino-guest .x10-favorites-filter-btn{height:2.75rem;padding:0 .75rem;border-radius:5px;border:0;font:400 14px/1 Poppins,sans-serif;cursor:pointer;color:#fff;background:#005534;transition:background .2s}
  body.x10-casino-guest .x10-favorites-filter-btn.is-active{background:#f5af21!important;color:#fff!important}

  /* ── provider ribbon (horizontal cards) ── */
  body.x10-casino-guest .x10-provider-ribbon{background:transparent;border:0;padding:0;margin-bottom:1.5rem}
  body.x10-casino-guest .x10-provider-ribbon__scroll{gap:.6rem}
  body.x10-casino-guest .x10-provider-ribbon__card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.5rem 1rem;min-width:100px;text-align:center;cursor:pointer;transition:all .2s}
  body.x10-casino-guest .x10-provider-ribbon__card:hover,body.x10-casino-guest .x10-provider-ribbon__card.is-active{background:linear-gradient(#005534,#007953);border-color:transparent}
  body.x10-casino-guest .x10-provider-ribbon__name{font:600 .8rem/1.2 Poppins,sans-serif;color:#fff}
  body.x10-casino-guest .x10-provider-ribbon__count{font:400 .7rem/1 Poppins,sans-serif;color:rgba(255,255,255,.5)}

  /* ── game sections (provider-grouped) ── */
  body.x10-casino-guest .x10-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
  body.x10-casino-guest .x10-section-title{font:700 1.8rem/1.2 Poppins,sans-serif;color:#fff;margin:0}
  body.x10-casino-guest .x10-section .x10-view-all,body.x10-casino-guest .x10-section-header .x10-view-all{font:500 .9rem/1 Poppins,sans-serif;color:rgba(255,255,255,.6);text-decoration:none;margin-left:auto}
  body.x10-casino-guest .x10-games-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.7rem}

  /* game cards */
  body.x10-casino-guest .x10-game-card,body.x10-casino-guest .cl-gc{background:transparent;border:0;border-radius:12px;overflow:hidden;transition:transform .2s}
  body.x10-casino-guest .x10-game-card:hover{transform:translateY(-3px)}
  body.x10-casino-guest .x10-game-image-wrapper{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
  body.x10-casino-guest .x10-game-image{width:100%;height:100%;object-fit:cover;display:block}
  body.x10-casino-guest .x10-game-info{padding:.4rem 0}
  body.x10-casino-guest .x10-game-name{font:500 .75rem/1.2 Poppins,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.x10-casino-guest .x10-game-provider{font:400 .65rem/1 Poppins,sans-serif;color:rgba(255,255,255,.45);text-transform:uppercase}
  body.x10-casino-guest .x10-game-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
  body.x10-casino-guest .x10-game-card:hover .x10-game-overlay{opacity:1}
  body.x10-casino-guest .x10-game-play-btn{width:48px;height:48px;border-radius:50%;background:var(--jk-green,#00d274);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}

  /* results summary */
  body.x10-casino-guest .x10-results-summary{font:400 .8rem/1 Poppins,sans-serif;color:rgba(255,255,255,.5)}

  /* empty state */
  body.x10-casino-guest .x10-empty{text-align:center;padding:4rem 2rem;color:rgba(255,255,255,.4)}
  body.x10-casino-guest .x10-empty-icon{width:64px;height:64px;margin:0 auto 1rem;color:rgba(255,255,255,.2)}
  body.x10-casino-guest .x10-empty-text{font:500 1rem/1.4 Poppins,sans-serif}

  /* personal sections (Continue Playing, Discover) */
  body.x10-casino-guest .x10-personal-section{margin-bottom:1.5rem}
  body.x10-casino-guest .x10-scroll-container{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}
  body.x10-casino-guest .x10-scroll-container .x10-games-row{display:flex;gap:.7rem;flex-wrap:nowrap}
  body.x10-casino-guest .x10-scroll-container .x10-game-card{flex:0 0 110px;min-width:0}

  /* provider-grouped sections: title + horizontal scroll */
  body.x10-casino-guest [id="x10-lobby-sections"] .x10-section{margin-bottom:2rem}
  body.x10-casino-guest [id="x10-lobby-sections"] .x10-section-header{display:flex;align-items:center;margin-bottom:.8rem}
  body.x10-casino-guest [id="x10-lobby-sections"] .x10-section-title{font:700 1.6rem/1.2 Poppins,sans-serif}

  /* legal block at bottom of sidebar */
  body.x10-casino-guest .jk-legal{display:flex;flex-direction:column;gap:.9rem;position:fixed;left:1.23rem;bottom:12px;width:var(--jk-side,16.85rem);padding:1.2rem 1.3rem 0;border-top:1px solid rgba(255,255,255,.1);font:400 .85rem/1.3 Poppins,sans-serif;color:rgba(255,255,255,.55);z-index:5}
  body.x10-casino-guest .jk-legal a{color:rgba(255,255,255,.55);text-decoration:none}
  body.x10-casino-guest .jk-legal a:hover{color:#fff}
}

/* ── live-hub specific: same card container ── */
@media (min-width:1024px){
  body.x10-lh-guest .x10-lh{margin-left:calc(var(--jk-side,16.85rem) + 3.5rem);margin-right:1.5rem;margin-top:var(--jk-top,5.08rem);background:#0d1e29;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:1.92rem;box-sizing:border-box}
  body.x10-lh-guest .x10-lh-hero{display:none}
  body.x10-lh-guest .x10-lh-app{display:none!important}
  body.x10-lh-guest .x10-lh-cats{background:transparent;padding:0}
  body.x10-lh-guest .x10-lh-cat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:rgba(255,255,255,.7);font:600 .85rem/1 Poppins,sans-serif}
  body.x10-lh-guest .x10-lh-cat.is-active{background:linear-gradient(#005534,#007953)!important;border-color:transparent;color:#fff}
  body.x10-lh-guest .x10-lh-search input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font:400 .9rem/1.2 Poppins,sans-serif}
  body.x10-lh-guest .x10-lh-search input::placeholder{color:rgba(255,255,255,.4)}
  body.x10-lh-guest .x10-lh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}
  body.x10-lh-guest .x10-lh-card{background:rgba(255,255,255,.03);border-radius:12px;overflow:hidden;transition:transform .2s}
  body.x10-lh-guest .x10-lh-card:hover{transform:translateY(-3px)}
  body.x10-lh-guest .x10-lh-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
  body.x10-lh-guest .x10-lh-card__info{padding:.5rem;font:500 .8rem/1.2 Poppins,sans-serif;color:#fff}
  body.x10-lh-guest .x10-lh-card__prov{font:400 .65rem/1 Poppins,sans-serif;color:rgba(255,255,255,.45)}
}

/* ── mobile/tablet (<1024): casino pages ── */
@media (max-width:1023.98px){
  html body.x10-casino-guest{font-family:Poppins,Inter,sans-serif;color:#fff;
    background:radial-gradient(120vw 60vh at 0% 0%,rgba(5,65,51,.9),transparent 65%),radial-gradient(100vw 50vh at 100% 100%,rgba(1,40,42,.9),transparent 65%),#01121e!important;
    background-attachment:fixed!important;background-repeat:no-repeat!important;
    min-height:100vh;min-height:100dvh}
  html:has(body.x10-casino-guest){background:#01121e!important}

  /* header */
  body.x10-casino-guest .header{background:transparent!important;border:0!important;box-shadow:none!important}
  body.x10-casino-guest .header .logo img{display:none}
  body.x10-casino-guest .header .logo a::after{content:"";display:block;width:150px;height:39px;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat}
  body.x10-casino-guest .header .desktop-nav{display:none!important}
  body.x10-casino-guest .header .header-actions .bonus-badge{display:none}
  body.x10-casino-guest .header .header-actions a[href]{border-radius:9999px;font:700 13px/1 Poppins,sans-serif;text-transform:uppercase}
  body.x10-casino-guest .header .header-actions a.open-register-modal{height:37px;padding:0 10px;min-width:100px;border:0;background:linear-gradient(90deg,#ffdf37,#f5af21);color:#fff}
  body.x10-casino-guest .header .header-actions a.open-login-modal{height:37px;padding:0 10px;border:1px solid #ffd102;background:transparent;color:#fff}

  /* main content */
  body.x10-casino-guest #app-main{background:transparent!important}
  body.x10-casino-guest .x10-casino-container{padding:10px;margin:0}
  body.x10-casino-guest .x10-casino-hero{display:none}

  /* search */
  body.x10-casino-guest .x10-search-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.4rem .8rem}
  body.x10-casino-guest .x10-search-input{background:transparent!important;border:0!important;color:#fff!important}
  body.x10-casino-guest .x10-search-input::placeholder{color:rgba(255,255,255,.4)}
  body.x10-casino-guest .x10-favorites-filter-btn{background:#005534;color:#fff;border:0;border-radius:5px;font:400 13px/1 Poppins,sans-serif;text-transform:uppercase;height:3.25rem;padding:0 .85rem}
  body.x10-casino-guest .x10-favorites-filter-btn.is-active{background:#f5af21!important;color:#fff!important}

  /* game cards */
  body.x10-casino-guest .x10-games-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
  body.x10-casino-guest .x10-game-image-wrapper{aspect-ratio:3/4;border-radius:10px;overflow:hidden}
  body.x10-casino-guest .x10-game-image{width:100%;height:100%;object-fit:cover}
  body.x10-casino-guest .x10-game-name{font:500 .7rem/1.2 Poppins,sans-serif;color:#fff}
  body.x10-casino-guest .x10-game-provider{font:400 .6rem/1 Poppins,sans-serif;color:rgba(255,255,255,.45)}

  /* empty state */
  body.x10-casino-guest .x10-empty{padding:3rem 1rem;color:rgba(255,255,255,.4)}

  /* bottom nav: style like reference pill bar */
  body.x10-casino-guest .mobile-bottom-nav{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;box-shadow:none!important}
  body.x10-casino-guest .mobile-bottom-nav a{color:rgba(255,255,255,.55)!important;font-family:Poppins,sans-serif!important}
  body.x10-casino-guest .mobile-bottom-nav a.active{color:var(--jk-green,#00d274)!important}
}

/* ── fix: un-hide the standard header on casino pages (x10-home.css hides it for x10-home-guest) ── */
@media (min-width:1024px){
  body.x10-casino-guest header.header{display:flex!important;position:fixed!important;top:0;left:0;right:0;z-index:100;height:var(--jk-top,5.08rem);background:transparent!important;border:0!important;box-shadow:none!important;align-items:center;justify-content:space-between;padding:0 15px}
}
@media (max-width:1023.98px){
  body.x10-casino-guest header.header{display:flex!important;background:transparent!important;border:0!important;box-shadow:none!important}
}

/* ── fix: the home-bar (x10h-bar) on casino pages should be hidden on desktop, styled on mobile ── */
@media (min-width:1024px){
  body.x10-casino-guest .x10h-bar{display:none!important}
  body.x10-casino-guest #x10-bar-region{display:none!important}
}

/* ── higher specificity override for header (x10-home.css loads after skin, hides header for x10-home-guest) ── */
@media (min-width:1024px){
  html body.x10-home-guest.x10-casino-guest header.header{display:flex!important;position:fixed!important;top:0;left:0;right:0;z-index:100;height:var(--jk-top,5.08rem);background:transparent!important;border:0!important;box-shadow:none!important;align-items:center;justify-content:space-between;padding:0 15px}
  html body.x10-home-guest.x10-casino-guest .x10h-bar,html body.x10-home-guest.x10-casino-guest #x10-bar-region{display:none!important}
}
@media (max-width:1023.98px){
  html body.x10-home-guest.x10-casino-guest header.header{display:flex!important;background:transparent!important;border:0!important;box-shadow:none!important}
}

/* ── cycle 8: casino pages visual refinements ── */
@media (min-width:1024px){
  /* hide bonus badge (gift icon) */
  html body.x10-casino-guest .header .bonus-badge{display:none!important}
  /* hide the x10 install-app banner */
  html body.x10-casino-guest .x10-install-bar,html body.x10-casino-guest .x10-app-install,html body.x10-casino-guest [class*=install-app]{display:none!important}
  /* header actions: flag after buttons, proper styling */
  html body.x10-casino-guest .header .header-actions{gap:.6rem}
  html body.x10-casino-guest .header .header-actions>a:not(.bonus-badge){height:2.7rem;min-width:6.4rem;padding:0 1.2rem;border-radius:9999px;font:700 .875rem/1 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:.02em;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none;box-shadow:none}
  html body.x10-casino-guest .header .login-btn,html body.x10-casino-guest .header a[href*="login"],html body.x10-casino-guest .header .open-login-modal{color:#fff!important;border:1px solid #ffd102!important;background:transparent!important}
  html body.x10-casino-guest .header .register-btn,html body.x10-casino-guest .header a.open-register-modal{color:#fff!important;border-color:transparent!important;background:linear-gradient(90deg,#ffdf37,#f5af21)!important}
  html body.x10-casino-guest .header .header-actions::after{content:"";display:block;width:33px;height:33px;margin-left:.4rem;border-radius:50%;background:url(/assets/images/jkr/flag-fr.png) center/cover no-repeat;flex-shrink:0}

  /* main container card */
  html body.x10-casino-guest .x10-casino-container{margin-left:calc(var(--jk-side,16.85rem) + 3.5rem);margin-right:1.5rem;margin-top:var(--jk-top,5.08rem);background:#0d1e29;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:1.92rem;box-sizing:border-box;position:relative;z-index:1}

  /* hide the hero section on casino (we don't have matching banners) */
  html body.x10-casino-guest .x10-casino-hero{display:none!important}

  /* filter pills: "ALL" green gradient */
  html body.x10-casino-guest .x10-favorites-filter-btn.is-active{background:#f5af21!important;color:#fff!important;border:0!important}
  html body.x10-casino-guest .x10-favorites-filter-btn{background:#005534;border:0;border-radius:5px;color:#fff;font:400 14px/1 Poppins,sans-serif;cursor:pointer;height:2.75rem;padding:0 .75rem}
  
  /* "RESULTS: 0 GAMES" overflow fix */
  html body.x10-casino-guest .x10-results-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;font:400 .75rem/1 Poppins,sans-serif;color:rgba(255,255,255,.4)}

  /* search box styling */
  html body.x10-casino-guest .x10-search-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;height:2.5rem}

  /* section titles */
  html body.x10-casino-guest .x10-section-title{font:700 1.6rem/1.2 Poppins,sans-serif!important;color:#fff}
  html body.x10-casino-guest .x10-section-count{font:400 .8rem/1 Poppins,sans-serif;color:rgba(255,255,255,.4);margin-left:.5rem}

  /* lobby sections container */
  html body.x10-casino-guest #x10-lobby-sections{margin-top:1rem}

  /* empty state */
  html body.x10-casino-guest .x10-empty{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:4rem 2rem;text-align:center}
  html body.x10-casino-guest .x10-empty-text{font:500 1rem/1.4 Poppins,sans-serif;color:rgba(255,255,255,.4)}
}

/* ── live-hub specific fixes ── */
@media (min-width:1024px){
  /* hide install-app bar */
  html body.x10-lh-guest .x10-install-bar,html body.x10-lh-guest [class*=install]{display:none!important}
  /* main content card */
  html body.x10-lh-guest .x10-lh{margin-left:calc(var(--jk-side,16.85rem) + 3.5rem)!important;margin-right:1.5rem!important;margin-top:var(--jk-top,5.08rem)!important;background:#0d1e29!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:1.25rem!important;padding:1.92rem!important;box-sizing:border-box}
  /* category cards */
  html body.x10-lh-guest .x10-lh-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;background:transparent;padding:0}
  html body.x10-lh-guest .x10-lh-cat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;color:rgba(255,255,255,.85);font:600 1rem/1.2 Poppins,sans-serif;cursor:pointer;text-decoration:none;transition:all .2s}
  html body.x10-lh-guest .x10-lh-cat:hover{border-color:rgba(255,255,255,.2)}
  html body.x10-lh-guest .x10-lh-cat.is-active{background:linear-gradient(135deg,#005534,#007953);border-color:transparent;color:#fff}
  /* search */
  html body.x10-lh-guest .x10-lh-search input{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;color:#fff!important;font:400 .9rem/1.2 Poppins,sans-serif!important;height:2.5rem}
  html body.x10-lh-guest .x10-lh-search input::placeholder{color:rgba(255,255,255,.4)!important}
  /* game grid */
  html body.x10-lh-guest .x10-lh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}
  html body.x10-lh-guest .x10-lh-card{background:rgba(255,255,255,.03);border-radius:12px;overflow:hidden;transition:transform .2s}
  html body.x10-lh-guest .x10-lh-card:hover{transform:translateY(-3px)}
  /* error/retry */
  html body.x10-lh-guest .x10-lh-error{color:rgba(255,255,255,.5);font:400 .9rem/1.4 Poppins,sans-serif}
  html body.x10-lh-guest .x10-lh-retry{border-radius:10px;font:600 .85rem/1 Poppins,sans-serif;background:linear-gradient(90deg,#ffdf37,#f5af21);border:0;color:#fff;padding:.6rem 1.5rem;cursor:pointer}
}

/* ── live-hub (lh-* classes) fixes ── */
@media (min-width:1024px){
  /* app install bar */
  html body.x10-lh-guest .lh-app{display:none!important}
  /* promo banners */
  html body.x10-lh-guest .x10h-promo{display:none!important}
  /* main container */
  html body.x10-lh-guest .lh{margin-left:calc(var(--jk-side,16.85rem) + 3.5rem)!important;margin-right:1.5rem!important;margin-top:var(--jk-top,5.08rem)!important;background:#0d1e29!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:1.25rem!important;padding:1.92rem!important;box-sizing:border-box}
  /* h1 */
  html body.x10-lh-guest .lh-h1{font:700 1.6rem/1.2 Poppins,sans-serif!important;color:#fff;margin:0 0 1.5rem}
  /* search bar */
  html body.x10-lh-guest .lh-search{margin-bottom:1.5rem}
  html body.x10-lh-guest .lh-search-input{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;color:#fff!important;font:400 .9rem/1.2 Poppins,sans-serif!important;height:2.5rem;padding:0 .8rem}
  html body.x10-lh-guest .lh-search-input::placeholder{color:rgba(255,255,255,.4)!important}
  /* category chips */
  html body.x10-lh-guest .lh-cats{margin-bottom:1.5rem}
  html body.x10-lh-guest .lh-menu-items{display:flex;gap:.5rem;flex-wrap:wrap}
  html body.x10-lh-guest .lh-cat{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;color:rgba(255,255,255,.7)!important;font:600 .8rem/1 Poppins,sans-serif!important;padding:.5rem 1rem;text-decoration:none;cursor:pointer;transition:all .2s}
  html body.x10-lh-guest .lh-cat.is-active{background:linear-gradient(#005534,#007953)!important;border-color:transparent!important;color:#fff!important}
  html body.x10-lh-guest .lh-cat:hover{border-color:rgba(255,255,255,.2)!important}
  /* category card icons row */
  html body.x10-lh-guest .lh-cats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}
  /* game grid */
  html body.x10-lh-guest .lh-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.8rem}
  html body.x10-lh-guest .lh-card{background:rgba(255,255,255,.03);border-radius:12px;overflow:hidden;transition:transform .2s}
  html body.x10-lh-guest .lh-card:hover{transform:translateY(-3px)}
  /* error/empty states */
  html body.x10-lh-guest .lh-empty,html body.x10-lh-guest .lh-error{color:rgba(255,255,255,.5);font:400 .9rem/1.4 Poppins,sans-serif;text-align:center;padding:2rem}
  html body.x10-lh-guest .lh-retry{border-radius:10px;font:600 .85rem/1 Poppins,sans-serif;background:linear-gradient(90deg,#ffdf37,#f5af21)!important;border:0!important;color:#fff!important;padding:.6rem 1.5rem;cursor:pointer}
}

/* ── header actions reorder + refined styling ── */
@media (min-width:1024px){
  html body.x10-casino-guest .header .header-actions{display:flex!important;align-items:center;gap:.6rem;flex-wrap:nowrap}
  /* hide bonus badge + login icon */
  html body.x10-casino-guest .header .bonus-badge,html body.x10-casino-guest .header .open-promotion-popup{display:none!important}
  html body.x10-casino-guest .header .login-btn i{display:none!important}
  /* reorder: login first, register second (reference: SE CONNECTER -> REGISTRE -> flag) */
  html body.x10-casino-guest .header .login-btn{order:1;color:#fff!important;border:1px solid #ffd102!important;background:transparent!important;height:2.7rem;min-width:6.4rem;padding:0 1.2rem;border-radius:9999px;font:700 .875rem/1 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:.02em;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none;box-shadow:none}
  html body.x10-casino-guest .header .register-btn{order:2;color:#fff!important;border:0!important;background:linear-gradient(90deg,#ffdf37,#f5af21)!important;height:2.7rem;min-width:6.4rem;padding:0 1.2rem;border-radius:9999px;font:700 .875rem/1 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:.02em;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none;box-shadow:none}
  /* flag pseudo-element after register */
  html body.x10-casino-guest .header .header-actions::after{order:3}
}

/* ── brute-force hide bonus badge (competing !important rules from other stylesheets) ── */
html body.x10-home-guest.x10-casino-guest .header-actions .bonus-badge,
html body.x10-home-guest.x10-casino-guest .header-actions .open-promotion-popup,
html body.x10-home-guest.x10-casino-guest a.bonus-badge{display:none!important;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important}

/* ── live-hub: hide home-chrome duplicate header (x10h-top + x10h-bar) — standard header.header is already styled ── */
html body.x10-home-guest.x10-lh-guest .x10h-top{display:none!important}
html body.x10-home-guest.x10-lh-guest .x10h-bar{display:none!important}
@media (max-width:1023.98px){
  html body.x10-home-guest.x10-lh-guest .x10h-top{display:none!important}
  html body.x10-home-guest.x10-lh-guest .x10h-bar{display:none!important}
}

/* ── live-hub: hide CATEGORIES heading text, style the category cards like reference ── */
@media (min-width:1024px){
  html body.x10-lh-guest .lh-menu-title{font:700 1rem/1.2 Poppins,sans-serif;color:rgba(255,255,255,.6);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}
  html body.x10-lh-guest .lh-state{color:rgba(255,255,255,.5);font:400 .9rem/1.4 Poppins,sans-serif;text-align:center;padding:2rem}
  html body.x10-lh-guest .lh-state .lh-btn{border-radius:10px;font:600 .85rem/1 Poppins,sans-serif;background:linear-gradient(90deg,#ffdf37,#f5af21);border:0;color:#fff;padding:.6rem 1.5rem;cursor:pointer;margin-left:.8rem}
}

/* ── cycle 9: match reference — content area on gradient (no card), sidebar legal block visible ── */
@media (min-width:1024px){
  /* remove card container — reference uses gradient background directly */
  html body.x10-casino-guest .x10-casino-container{background:transparent!important;border:0!important;border-radius:0!important;padding:1rem 0!important}
  /* live-hub same */
  html body.x10-lh-guest .lh{background:transparent!important;border:0!important;border-radius:0!important;padding:1rem 0!important}
  /* legal block on casino pages (same style as home) */
  html body.x10-casino-guest .jk-legal{display:flex;flex-direction:column;gap:.9rem;position:fixed;left:1.23rem;bottom:12px;width:var(--jk-side,16.85rem);padding:1.2rem 1.3rem 0;border-top:1px solid rgba(255,255,255,.1);font:400 .85rem/1.3 Poppins,sans-serif;color:rgba(255,255,255,.55);z-index:5}
  html body.x10-casino-guest .jk-legal a{color:rgba(255,255,255,.55);text-decoration:none}
  html body.x10-casino-guest .jk-legal a:first-child{text-transform:uppercase;font-size:.82rem}
  html body.x10-casino-guest .jk-legal a:hover{color:#fff}
  html body.x10-casino-guest .jk-legal p{margin:.3rem 0 0}
  html body.x10-casino-guest .jk-legal__copy strong{font-weight:600}
  html body.x10-casino-guest .jk-legal__rg{display:flex;align-items:center;gap:.5rem}
  html body.x10-casino-guest .jk-legal__age{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:2px solid rgba(255,255,255,.55);border-radius:50%;font-weight:700;font-size:.8rem}
  /* hide sidebar entries after Promotions (same as home) */
  html body.x10-casino-guest #mobileSideMenu .tw-nav-link--promo~*{display:none!important}
}
@media (max-width:1023.98px){
  html body.x10-casino-guest .jk-legal{display:none}
}

/* ── cycle 10: mobile/tablet fixes for casino/live-casino pages ── */
@media (max-width:1023.98px){
  /* hide install app banner on live-casino mobile */
  html body.x10-lh-guest .lh-app{display:none!important}
  html body.x10-lh-guest .x10-lh-app{display:none!important}
  /* hide home-chrome on live-casino mobile too (standard header is sufficient) */
  html body.x10-home-guest.x10-lh-guest .x10h-top{display:none!important}
  /* hide the promo strips */
  html body.x10-lh-guest .x10h-promo{display:none!important}
  /* live-hub content styling */
  html body.x10-lh-guest .lh{padding:10px!important;margin:0!important;background:transparent!important;border:0!important}
  html body.x10-lh-guest .lh-h1{display:none!important}
  /* search bar on mobile */
  html body.x10-lh-guest .lh-search{margin:0 0 1rem}
  html body.x10-lh-guest .lh-search-input{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:#fff!important;font:400 .9rem/1.2 Poppins,sans-serif!important;height:2.8rem;padding:0 .8rem;width:100%;box-sizing:border-box}
  /* categories on mobile */
  html body.x10-lh-guest .lh-cats{margin-bottom:1rem}
  html body.x10-lh-guest .lh-menu-title{font:700 .85rem/1.2 Poppins,sans-serif;color:rgba(255,255,255,.6);text-transform:uppercase;margin-bottom:.6rem}
  html body.x10-lh-guest .lh-menu-items{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body.x10-lh-guest .lh-menu-items::-webkit-scrollbar{display:none}
  html body.x10-lh-guest .lh-cat{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;color:rgba(255,255,255,.7)!important;font:600 .75rem/1 Poppins,sans-serif!important;padding:.5rem .8rem;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:.4rem}
  html body.x10-lh-guest .lh-cat.is-active{background:linear-gradient(#005534,#007953)!important;border-color:transparent!important;color:#fff!important}
  html body.x10-lh-guest .lh-cat-art{display:none}
  /* error/retry on mobile */
  html body.x10-lh-guest .lh-state{color:rgba(255,255,255,.5);font:400 .85rem/1.4 Poppins,sans-serif;padding:1.5rem 1rem;text-align:center}
  html body.x10-lh-guest .lh-state .lh-btn{display:inline-block;margin-top:.5rem;border-radius:10px;font:600 .8rem/1 Poppins,sans-serif;background:linear-gradient(90deg,#ffdf37,#f5af21);border:0;color:#fff;padding:.5rem 1.2rem;cursor:pointer}

  /* casino pages: hide the "Animations: on" button on mobile */
  html body.x10-casino-guest .x10-animations-toggle{display:none!important}
  /* casino empty state: transparent background */
  html body.x10-casino-guest .x10-empty{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important}
  /* mobile bottom nav: hide on all casino pages since we use tab bar */
  html body.x10-casino-guest .mobile-bottom-nav{display:none!important}
  html body.x10-lh-guest .mobile-bottom-nav{display:none!important}
  /* casino tab bar: hide on live-casino and crash-game mobile */
  html body.x10-home-guest.x10-lh-guest .x10h-bar{display:none!important}
  html body.x10-home-guest.x10-lh-guest #x10-bar-region{display:none!important}

  /* legal block hidden on mobile */
  html body.x10-lh-guest .jk-legal{display:none!important}
}

/* ── cycle 10b: hide animations toggle + tab bar on mobile casino pages ── */
@media (max-width:1023.98px){
  /* hide the animations preference button */
  html body.x10-casino-guest .x10-pref-btn,html body.x10-casino-guest #x10-pref-motion{display:none!important}
  /* hide the home-bar (tab bar) on casino/crash pages — it overlaps the search */
  html body.x10-home-guest.x10-casino-guest .x10h-bar{display:none!important}
  html body.x10-home-guest.x10-casino-guest #x10-bar-region{display:none!important}
  /* fix content padding to not expect the tab bar */
  html body.x10-casino-guest .x10-casino-container{padding:10px!important;margin:0!important}
  html body.x10-casino-guest #app-main{padding-top:0!important}
  /* mobile header styling: transparent, logo + register + hamburger */
  html body.x10-casino-guest .header{height:56px;padding:0 10px!important;position:relative!important}
  html body.x10-casino-guest .header .logo img{display:none!important}
  html body.x10-casino-guest .header .logo a::after{content:""!important;display:block!important;width:130px;height:35px;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat!important}
}

/* ══════════════════════════════════════════════════════════════════════
   AUTH MODAL — JKR216 skin (login + register popups)
   Overrides x10-auth-modal.css to match https://www.jkr216.com/
   Measured: card 583×344 login / 840×545 register, gradient bg
   121.78deg #111c22 -> #080d09, pill inputs border-radius 122px,
   green submit #00d274, gold outline switch button, Joker image left.
   ══════════════════════════════════════════════════════════════════════ */

/* ── overlay ── */
html body.x10-home-guest .x10am{font-family:Poppins,Inter,sans-serif}

/* ── card: wider, gradient bg, joker image ── */
@media (min-width:640px){
  html body.x10-home-guest .x10am-card{max-width:680px;padding:30px 30px 30px 300px;background:linear-gradient(121.78deg,#111c22 38.37%,#080d09 60.85%,#080c0d 90.61%);border-radius:10px;position:relative;overflow:hidden}
  html body.x10-home-guest .x10am-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:300px;background:url(/assets/images/jkr/auth-joker-login.png) center bottom/auto 100% no-repeat;pointer-events:none;z-index:0}
  html body.x10-home-guest .x10am[data-mode="register"] .x10am-card::before{background-image:url(/assets/images/jkr/auth-joker.png)}
  html body.x10-home-guest .x10am-card>*{position:relative;z-index:1}
}
@media (max-width:639.98px){
  html body.x10-home-guest .x10am-card{background:linear-gradient(121.78deg,#111c22 38.37%,#080d09 60.85%,#080c0d 90.61%);border-radius:10px}
}

/* ── title ── */
html body.x10-home-guest .x10am-title{font:italic 700 1.5rem/1.2 Poppins,sans-serif;color:#fff}

/* ── tabs (login mode) ── */
html body.x10-home-guest .x10am-tabs{justify-content:flex-start;gap:18px;margin-bottom:15px}
html body.x10-home-guest .x10am-tab{font:700 1rem/1.2 Poppins,sans-serif;color:rgba(255,255,255,.5);border-bottom:1.5px solid transparent;padding-bottom:5px}
html body.x10-home-guest .x10am-tab.is-active{color:#fff;border-bottom-color:#ffd102}

/* ── labels ── */
html body.x10-home-guest .x10am-label{font:400 .85rem/1.4 Poppins,sans-serif;color:#fff;margin-bottom:5px}

/* ── inputs: pill-shaped ── */
html body.x10-home-guest .x10am-input{height:38px;border-radius:122px;background:transparent;border:1px solid rgba(217,217,217,.5);padding:0 20px}
html body.x10-home-guest .x10am-input:focus-within{border-color:#ffd102}
html body.x10-home-guest .x10am-input.is-invalid{border-color:#ff6b6b}
html body.x10-home-guest .x10am-input input{font:400 .875rem/1 Poppins,sans-serif;color:#fff}
html body.x10-home-guest .x10am-input input::placeholder{color:rgba(255,255,255,.4)}
html body.x10-home-guest .x10am-input input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 40px #111c22 inset}
html body.x10-home-guest .x10am-input--eye{padding-right:50px}
html body.x10-home-guest .x10am-input--select{border-radius:122px;background:transparent;border:1px solid rgba(217,217,217,.5)}
html body.x10-home-guest .x10am-input--phone{border-radius:122px}

/* ── buttons: green submit, gold outline switch ── */
html body.x10-home-guest .x10am-btn{border-radius:122px;font:700 .875rem/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em;height:38px}
html body.x10-home-guest .x10am-btn--primary{background:#00d274;color:#fff;border:0}
html body.x10-home-guest .x10am-btn--primary:hover{background:#00e680}
html body.x10-home-guest .x10am-btn--primary.is-idle{opacity:.6}
html body.x10-home-guest .x10am-btn--ghost{border:1px solid #ffd102;background:transparent;color:#fff;border-radius:122px}
html body.x10-home-guest .x10am-btn--ghost:hover{background:rgba(255,209,2,.1)}

/* ── divider ── */
html body.x10-home-guest .x10am-sep{background:rgba(255,255,255,.15)}
html body.x10-home-guest .x10am-or-text{font:700 .75rem/1 Poppins,sans-serif;color:rgba(255,255,255,.5)}

/* ── close button ── */
html body.x10-home-guest .x10am-close{top:12px;right:12px}
html body.x10-home-guest .x10am-close:hover{background:rgba(255,255,255,.1)}

/* ── error box ── */
html body.x10-home-guest .x10am-error{border-radius:8px;background:rgba(255,107,107,.12);font:700 .75rem/1.35 Poppins,sans-serif;color:#ffb4b4}
html body.x10-home-guest .x10am-field-error{font:600 .75rem/1.3 Poppins,sans-serif;color:#ff6b6b}

/* ── register: terms ── */
html body.x10-home-guest .x10am-terms-text{font:700 .85rem/1.3 Poppins,sans-serif;color:#fff}
html body.x10-home-guest .x10am-terms-text a{color:#ffd102}
html body.x10-home-guest .x10am-check{border-radius:4px;background:transparent;border:1.5px solid rgba(255,255,255,.4)}
html body.x10-home-guest .x10am-terms input:checked+.x10am-check{background:#00d274;border-color:#00d274}

/* ── phone note ── */
html body.x10-home-guest .x10am-note{font:400 .85rem/1.5 Poppins,sans-serif;color:rgba(255,255,255,.85)}

/* ── register star ── */
html body.x10-home-guest .x10am-star{color:#ff6b6b}

/* ══════════════════════════════════════════════════════════════════════
   MOBILE DRAWER — JKR216 skin (<1024px)
   Re-skins the mobile side menu when opened as a drawer.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:1023.98px){
  /* drawer background */
  html body.x10-home-guest #mobileSideMenu,
  html body.x10-casino-guest #mobileSideMenu{background:linear-gradient(121.78deg,#111c22 38.37%,#080d09 60.85%,#080c0d 90.61%)!important}

  /* logo: hide X10BET, show JOKER216 */
  html body.x10-home-guest #mobileSideMenu .tw-header .tw-logo img,
  html body.x10-casino-guest #mobileSideMenu .tw-header .tw-logo img{display:none!important}
  html body.x10-home-guest #mobileSideMenu .tw-header .tw-logo,
  html body.x10-casino-guest #mobileSideMenu .tw-header .tw-logo{display:flex;align-items:center}
  html body.x10-home-guest #mobileSideMenu .tw-header .tw-logo::after,
  html body.x10-casino-guest #mobileSideMenu .tw-header .tw-logo::after{content:"";display:block;width:150px;height:39px;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat}

  /* auth section: style login/register buttons */
  html body.x10-home-guest #mobileSideMenu .tw-auth-section,
  html body.x10-casino-guest #mobileSideMenu .tw-auth-section{display:flex!important;gap:10px;padding:0 16px 16px}
  html body.x10-home-guest #mobileSideMenu .tw-auth-section a,
  html body.x10-casino-guest #mobileSideMenu .tw-auth-section a{flex:1;height:38px;border-radius:122px;font:700 .8rem/1 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:.02em;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none;box-shadow:none}
  /* login button: gold outline */
  html body.x10-home-guest #mobileSideMenu .tw-auth-section .open-login-popup-mobile,
  html body.x10-casino-guest #mobileSideMenu .tw-auth-section .open-login-popup-mobile{color:#fff!important;border:1px solid #ffd102!important;background:transparent!important}
  /* register button: gold fill */
  html body.x10-home-guest #mobileSideMenu .tw-auth-section .open-signup-popup-desktop,
  html body.x10-casino-guest #mobileSideMenu .tw-auth-section .open-signup-popup-desktop{color:#fff!important;border:0!important;background:linear-gradient(90deg,#ffdf37,#f5af21)!important}

  /* nav links: Poppins, sentence-case, JKR colors */
  html body.x10-home-guest #mobileSideMenu .tw-nav-link,
  html body.x10-casino-guest #mobileSideMenu .tw-nav-link{font:600 .95rem/1.2 Poppins,sans-serif!important;color:rgba(255,255,255,.85)!important;text-transform:none!important;letter-spacing:0!important;background:transparent!important}
  html body.x10-home-guest #mobileSideMenu .tw-nav-link.is-active,
  html body.x10-casino-guest #mobileSideMenu .tw-nav-link.is-active{color:#00d274!important;background:transparent!important}

  /* hide app download card */
  html body.x10-home-guest #mobileSideMenu .tw-download-card,
  html body.x10-casino-guest #mobileSideMenu .tw-download-card{display:none!important}

  /* hide social section */
  html body.x10-home-guest #mobileSideMenu .tw-social-section,
  html body.x10-casino-guest #mobileSideMenu .tw-social-section{display:none!important}

  /* footer section: JKR styling */
  html body.x10-home-guest #mobileSideMenu .tw-footer-section,
  html body.x10-casino-guest #mobileSideMenu .tw-footer-section{font-family:Poppins,sans-serif}

  /* close button */
  html body.x10-home-guest #mobileSideMenu .tw-close-btn,
  html body.x10-casino-guest #mobileSideMenu .tw-close-btn{color:#fff}

  /* overlay */
  html body.x10-home-guest #mobileOverlay,
  html body.x10-casino-guest #mobileOverlay{background:rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}

  /* mobile header: hide login icon, text only */
  html body.x10-casino-guest .header .login-btn i{display:none!important}
  html body.x10-casino-guest .header .login-btn{color:#fff!important;font:700 .8rem/1 Poppins,sans-serif!important;text-transform:uppercase}
  html body.x10-casino-guest .header .register-btn{height:35px!important;padding:0 14px!important;border-radius:9999px!important;font:700 .75rem/1 Poppins,sans-serif!important;text-transform:uppercase!important;background:linear-gradient(90deg,#ffdf37,#f5af21)!important;color:#fff!important;border:0!important}
}

/* ── mobile drawer: fix logo (SVG not img) ── */
@media (max-width:1023.98px){
  html body.x10-home-guest #mobileSideMenu .tw-header .tw-logo svg,
  html body.x10-casino-guest #mobileSideMenu .tw-header .tw-logo svg{display:none!important}
  /* auth buttons: override the original styling more aggressively */
  html body.x10-home-guest #mobileSideMenu .tw-auth-section>*,
  html body.x10-casino-guest #mobileSideMenu .tw-auth-section>*{border-radius:122px!important;font:700 .8rem/1 Poppins,sans-serif!important;text-transform:uppercase!important;letter-spacing:.02em!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
}

/* ══════════════════════════════════════════════════════════════════════
   AUTHENTICATED STATE — JKR216 skin parity
   Root cause: body_class was @guest-only, so none of the .x10-home-guest /
   .x10-casino-guest / .x10-lh-guest rules above ever applied once logged in.
   The three templates now emit those classes unconditionally and add
   .x10-jkr-auth when @auth. This block handles the two things that still
   differ by auth state: the home page's header (guests get home-chrome,
   authenticated users get the standard header.header) and the authenticated
   header-actions / mobile user-card markup, which guests never render.
   ══════════════════════════════════════════════════════════════════════ */

/* ── home page: authenticated users have no home-chrome, so un-hide + skin the standard header (x10-home.css hides header.header for .x10-home-guest) ── */
@media (min-width:1024px){
  html body.x10-home-guest.x10-jkr-auth header.header{display:flex!important;position:fixed!important;top:0;left:0;right:0;z-index:100;height:var(--jk-top,5.08rem);background:transparent!important;border:0!important;box-shadow:none!important;align-items:center;justify-content:space-between;padding:0 15px}
  html body.x10-home-guest.x10-jkr-auth{padding-bottom:0!important}
  html body.x10-home-guest.x10-jkr-auth .x10h{padding-top:1.92rem!important}
}
@media (max-width:1023.98px){
  html body.x10-home-guest.x10-jkr-auth header.header{display:flex!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body.x10-home-guest.x10-jkr-auth{padding-bottom:calc(45px + env(safe-area-inset-bottom,0px))!important}
}
/* logo + hide desktop-nav on the home page header, same treatment as casino pages */
@media (min-width:1024px){
  html body.x10-home-guest.x10-jkr-auth .header .logo img{display:none}
  html body.x10-home-guest.x10-jkr-auth .header .logo a{display:flex;align-items:center}
  html body.x10-home-guest.x10-jkr-auth .header .logo a::after{content:"";display:block;width:16.2rem;height:4.2rem;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat}
  html body.x10-home-guest.x10-jkr-auth .header .desktop-nav{display:none!important}
  html body.x10-home-guest.x10-jkr-auth .header .btn-mobile-trigger{display:none!important}
}
@media (max-width:1023.98px){
  html body.x10-home-guest.x10-jkr-auth .header .logo img{display:none!important}
  html body.x10-home-guest.x10-jkr-auth .header .logo a::after{content:"";display:block;width:130px;height:35px;background:url(/assets/images/jkr/logo.svg) left center/contain no-repeat}
}

/* ── authenticated header-actions: wallet box, balance, account menu button (shared markup on home/casino/live-casino) ── */
@media (min-width:1024px){
  html body.x10-jkr-auth .header .header-actions{display:flex!important;align-items:center;gap:.7rem}
  html body.x10-jkr-auth .header .wallet-box{display:flex!important;align-items:center;gap:.6rem;height:2.7rem;padding:0 1.1rem;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);cursor:pointer;color:#fff;font-family:Poppins,sans-serif}
  html body.x10-jkr-auth .header .wallet-box i{color:#00d274}
  html body.x10-jkr-auth .header .wallet-info small{display:block;font:400 .65rem/1 Poppins,sans-serif;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.04em}
  html body.x10-jkr-auth .header .wallet-info span{display:block;font:700 .85rem/1.2 Poppins,sans-serif;color:#fff}
  html body.x10-jkr-auth .header .menu-btn{width:2.7rem;height:2.7rem;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
  html body.x10-jkr-auth .header .menu-btn:hover{background:rgba(255,255,255,.12)}
  /* account dropdown */
  html body.x10-jkr-auth .header .user-menu{font-family:Poppins,sans-serif;background:linear-gradient(121.78deg,#111c22 38.37%,#080d09 60.85%,#080c0d 90.61%);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.4);overflow:hidden}
  html body.x10-jkr-auth .header .user-profile{background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
  html body.x10-jkr-auth .header .user-avatar{background:linear-gradient(90deg,#ffdf37,#f5af21);color:#001021}
  html body.x10-jkr-auth .header .user-details strong{color:#fff;font-family:Poppins,sans-serif}
  html body.x10-jkr-auth .header .user-details span{color:#00d274;font:400 .75rem/1 Poppins,sans-serif}
  html body.x10-jkr-auth .header .user-menu li a,html body.x10-jkr-auth .header .user-menu li button{color:rgba(255,255,255,.85);font:500 .85rem/1 Poppins,sans-serif}
  html body.x10-jkr-auth .header .user-menu li a:hover,html body.x10-jkr-auth .header .user-menu li button:hover{background:rgba(255,255,255,.06);color:#fff}
  html body.x10-jkr-auth .header .user-menu .logout{color:#ff6b6b}
}
@media (max-width:1023.98px){
  html body.x10-jkr-auth .header .wallet-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:#fff;font-family:Poppins,sans-serif}
  html body.x10-jkr-auth .header .wallet-info small{font:400 .6rem/1 Poppins,sans-serif;color:rgba(255,255,255,.5)}
  html body.x10-jkr-auth .header .wallet-info span{font:700 .75rem/1.2 Poppins,sans-serif;color:#fff}
  html body.x10-jkr-auth .header .menu-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:50%}
}

/* ── mobile drawer: authenticated user card ── */
@media (max-width:1023.98px){
  html body.x10-jkr-auth #mobileSideMenu .tw-user-card{display:flex!important;align-items:center;gap:.8rem;padding:14px 16px;margin:0 0 10px;background:rgba(255,255,255,.04);border-radius:14px;font-family:Poppins,sans-serif}
  html body.x10-jkr-auth #mobileSideMenu .tw-user-avatar{width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(90deg,#ffdf37,#f5af21);color:#001021;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
  html body.x10-jkr-auth #mobileSideMenu .tw-user-name{font:700 .9rem/1.2 Poppins,sans-serif;color:#fff;margin:0}
  html body.x10-jkr-auth #mobileSideMenu .tw-user-balance{font:600 .8rem/1.4 Poppins,sans-serif;color:#00d274}
}
/* desktop: the sidebar is the pinned-open drawer — the header already shows wallet/account, so hide the duplicate user card there */
@media (min-width:1024px){
  html body.x10-jkr-auth #mobileSideMenu .tw-user-card{display:none!important}
}