/* ==========================================================================
   RoBet365 theme. Values come from the client's Figma file.
   Loaded after site.css, so it overrides the old look without touching logic.
   ========================================================================== */
:root{
  --kb-black:#000; --kb-s1:#181516; --kb-s2:#231f20;
  --kb-line:rgba(255,255,255,.1); --kb-w50:rgba(255,255,255,.5); --kb-w30:rgba(255,255,255,.3);
  --kb-gold:#eac566; --kb-gold-l:#f2dba1; --kb-gold-d:#d7a43b;
  --kb-grad:linear-gradient(90deg,#eac566 0%,#f4e1af 51%,#eac566 100%);
  --kb-hdr:60px; --kb-bnav:68px;
  /* Old variables, so pages not rebuilt yet follow the same palette. */
  --bg:#000; --bg2:#181516; --panel:#181516; --panel2:#231f20; --elev:#231f20;
  --border:var(--kb-line); --border2:rgba(255,255,255,.18);
  --accent:#eac566; --accent-d:#d7a43b; --accent-glow:rgba(234,197,102,.3);
  --gold:#eac566; --gold-d:#d7a43b; --blue:#eac566;
  --muted:rgba(255,255,255,.5); --muted2:rgba(255,255,255,.3);
  --radius:15px; --radius-sm:10px; --header-h:60px;
}
body.kb{background:#000 url(../img/kb/bg.jpg) center top/max(100%,1920px) auto no-repeat;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.kb.has-hdr{padding-top:var(--kb-hdr)}
.kb-wrap{max-width:1232px;margin:0 auto;padding:0 16px}

/* Buttons */
.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 16px;border-radius:10px;font:600 14px/1 Inter,sans-serif;white-space:nowrap;cursor:pointer;transition:filter .15s,border-color .15s}
.kb-btn img{width:24px;height:24px}
.kb-sec{background:var(--kb-s2);border:1px solid var(--kb-line);color:#fff}
.kb-sec:hover{border-color:var(--kb-gold)}
.kb-gold{background:var(--kb-grad);border:1px solid rgba(250,241,219,.4);color:var(--kb-s1);font-weight:700;box-shadow:0 2px 0 #c5953d}
.kb-gold:hover{filter:brightness(1.06)}
.kb-gold:disabled{opacity:.6;cursor:default}
.kb-icon-btn{width:40px;padding:0}

/* Header */
.site-header.kb-hdr{height:var(--kb-hdr);gap:0;padding:0 20px;background:linear-gradient(90deg,#181516 0%,#231f20 52%,#181516 100%);border-bottom:1px solid var(--kb-line)}
.kb-hdr .site-logo{position:static;transform:none;margin:0;flex:1 1 0;min-width:0}
.kb-hdr .site-logo img{height:50px;width:auto}
.kb-hdr .hdr-nav{display:none;gap:5px;margin:0;align-items:center;align-self:center;padding:0}
.kb-hdr .hdr-nav a{display:flex;align-items:center;height:37px;padding:0 25px;border-radius:15px;color:#fff;font:700 14px/1 Inter,sans-serif;text-transform:none;letter-spacing:0}
.kb-hdr .hdr-nav a:hover{color:var(--kb-gold)}
.kb-hdr .hdr-nav a.on{background:var(--kb-grad);color:var(--kb-s1);box-shadow:0 2px 0 #c5953d}
.kb-hdr .hdr-nav a.on::after{display:none}
.kb-hdr .header-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 0;margin:0;min-width:0}
.kb-sep{display:none;width:1px;height:32px;background:var(--kb-line)}
.kb-hdr .hdr-lang{display:none;position:relative}
.kb-hdr .hdr-lang>button{width:40px;height:40px;padding:0;justify-content:center;background:var(--kb-s2);border:1px solid var(--kb-line);border-radius:10px}
.kb-hdr .hdr-lang>button img{width:24px;height:24px}
.kb-hdr .hdr-lang .lang-menu{top:calc(100% + 8px);bottom:auto;right:0;left:auto}
.kb-user{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:10px;background:var(--kb-s1);min-width:0}
.kb-user b{display:block;font:600 12px/15px Inter,sans-serif;color:var(--kb-gold-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-user em{display:block;font:600 10px/12px Inter,sans-serif;font-style:normal;color:#fff}
.kb-user svg{width:18px;height:18px;fill:var(--kb-w50);flex:none}
.kb-bal{display:flex;align-items:center;height:40px;padding:0 14px;border-radius:10px;background:var(--kb-s1);font:600 14px/1 Inter,sans-serif;color:#fff;white-space:nowrap}
.kb-login-txt{display:inline}
@media(min-width:1180px){
  .kb-hdr .hdr-nav{display:flex}
  .kb-hdr .hdr-lang,.kb-sep{display:block}
}
@media(max-width:1179px){
  .kb-hdr .site-logo{margin:0}
  .kb-hdr .site-logo img{height:46px}
  .site-header.kb-hdr{padding:0 10px}
  .kb-user{display:none}
}
@media(max-width:560px){
  .kb-login-txt{display:none}
  .kb-hdr .kb-login{width:40px;padding:0}
}

/* Mobile bottom menu */
.kb-bnav{display:none}
@media(max-width:1179px){
  body.kb{padding-bottom:calc(var(--kb-bnav) + env(safe-area-inset-bottom,0px))}
  .kb-bnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--kb-bnav) + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);background:var(--kb-s1);border-top:1px solid var(--kb-line)}
  .kb-bnav a,.kb-bnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;color:var(--kb-w50);font:600 10px/12px Inter,sans-serif}
  .kb-bnav svg{width:24px;height:24px;fill:currentColor}
  .kb-bnav .on{color:#fff}
  .kb-bnav .kb-home{height:calc(100% + 10px);border-radius:15px 15px 0 0;background:var(--kb-grad);color:var(--kb-s1)}
  body.sb-page .sb-frame{height:calc(100dvh - var(--sb-top,60px) - var(--kb-bnav) - env(safe-area-inset-bottom,0px))!important}
}
@media(min-width:1180px){
  body.sb-page .sb-frame{height:calc(100vh - var(--sb-top,60px))!important}
}

/* Support tab */
.kb-support{position:fixed;left:0;bottom:80px;z-index:40;display:flex;align-items:center;gap:6px;writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 3px;border-radius:0 10px 10px 0;background:var(--kb-grad);color:var(--kb-s1);font:700 12px/1 Inter,sans-serif}
.kb-support img{width:16px;height:16px;transform:rotate(90deg)}
@media(max-width:1179px){.kb-support{bottom:calc(var(--kb-bnav) + 20px)}}

/* Slider */
.kb-slider{position:relative;overflow:hidden;aspect-ratio:1920/446;background:#000}
.kb-rail{display:flex;height:100%}
.kb-rail.anim{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.kb-rail a{flex:0 0 100%;height:100%;display:block}
.kb-rail img{width:100%;height:100%;object-fit:cover;object-position:center}
.kb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:56px;display:grid;place-items:center;color:#fff;opacity:.75}
.kb-arrow:hover{opacity:1}
.kb-arrow svg{width:24px;height:24px;fill:currentColor}
.kb-arrow.l{left:20px}.kb-arrow.r{right:20px}
.kb-dashes{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:2;display:flex;gap:10px;padding:7px 14px;border-radius:10px;background:rgba(0,0,0,.5)}
.kb-dashes button{width:30px;height:5px;border-radius:3px;background:rgba(255,255,255,.3);padding:0}
.kb-dashes button.on{background:var(--kb-gold)}
@media(max-width:768px){
  .kb-slider{aspect-ratio:907/448}
  .kb-arrow{display:none}
  .kb-dashes{position:static;transform:none;justify-content:center;background:none;padding:12px 0 0}
  .kb-slider{overflow:visible;aspect-ratio:auto}
  .kb-rail-clip{overflow:hidden;aspect-ratio:907/448}
  .kb-dashes button{flex:1;max-width:30px}
}
.kb-rail-clip{height:100%}
@media(max-width:768px){.kb-rail-clip{height:auto}}

/* Home cards */
.kb-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}
.kb-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:138px;padding:10px;border:1px solid var(--kb-line);border-radius:20px;background:rgba(24,21,22,.65);color:#fff;font:600 16px/19px Inter,sans-serif;text-align:center;transition:border-color .15s,transform .15s}
.kb-card:hover{border-color:var(--kb-gold);transform:translateY(-2px)}
.kb-card img{width:40px;height:40px}
@media(max-width:768px){.kb-cards{grid-template-columns:repeat(3,1fr)}.kb-card{height:112px;font-size:14px;gap:10px;border-radius:15px}}

/* Section heading */
.kb-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;height:60px;padding:10px;margin-top:18px}
.kb-sec-h h2{display:flex;align-items:center;gap:10px;font:700 18px/22px Inter,sans-serif;color:#fff}
.kb-sec-h h2 img{width:24px;height:24px}

/* Game cards */
.kb-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.kb-game{position:relative;display:block;width:100%;aspect-ratio:192/190;overflow:hidden;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s2);cursor:pointer}
.kb-game img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.kb-game:hover{border-color:var(--kb-gold)}
.kb-game:hover img{transform:scale(1.04)}
.kb-game .kb-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font:600 12px/15px Inter,sans-serif;text-align:left;opacity:0;transition:opacity .15s}
.kb-game .kb-cap small{display:block;font:600 10px/12px Inter,sans-serif;color:var(--kb-w50)}
.kb-game:hover .kb-cap,.kb-game:focus-visible .kb-cap{opacity:1}
.kb-badge{position:absolute;top:8px;left:8px;z-index:1;padding:4px 8px;border-radius:15px;background:var(--kb-grad);color:var(--kb-s1);font:700 11px/13px Inter,sans-serif}
.kb-skel{aspect-ratio:192/190;border-radius:15px;background:var(--kb-s2);opacity:.6}
@media(max-width:768px){
  .kb-row{display:flex;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  .kb-row::-webkit-scrollbar{display:none}
  .kb-row>*{flex:0 0 46%;scroll-snap-align:start}
}

/* Promotions */
.kb-promos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kb-promos-r{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kb-promos a{display:block}
.kb-promos img{width:100%;height:100%;object-fit:cover;border-radius:20px}
@media(max-width:768px){.kb-promos{grid-template-columns:1fr}}
.kb-page-title{font:700 25px/30px Inter,sans-serif;color:#fff;padding:24px 10px 10px}
.kb-note{padding:14px 10px 30px;color:var(--kb-w50);font:600 12px/18px Inter,sans-serif}

/* Footer */
.kb-foot{margin-top:40px;padding:15px 20px 16px;background:var(--kb-s1)}
.kb-foot-in{max-width:1200px;margin:0 auto}
.kb-foot-top{display:flex;gap:40px;padding:20px 0}
.kb-foot-brand{flex:0 0 320px}
.kb-foot-brand>img{width:216px;height:auto;margin-bottom:15px}
.kb-foot-brand p{font:600 14px/20px Inter,sans-serif;color:rgba(255,255,255,.8)}
.kb-foot-brand p b{color:#fff}
.kb-social{display:flex;gap:10px;margin-top:15px}
.kb-social a{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--kb-s2);border:1px solid var(--kb-line)}
.kb-social img{width:24px;height:24px}
.kb-foot-cols{display:flex;gap:20px;flex:1}
.kb-foot-col{flex:1}
.kb-foot-col h4{font:600 12px/15px Inter,sans-serif;color:var(--kb-w30);margin-bottom:12px}
.kb-foot-col a{display:block;margin-bottom:17px;font:600 14px/17px Inter,sans-serif;color:#fff}
.kb-foot-col a:hover{color:var(--kb-gold)}
.kb-foot-bot{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--kb-line)}
.kb-foot-bot p{flex:1;font:600 14px/17px Inter,sans-serif;color:var(--kb-w50)}
.kb-badges{display:flex;align-items:center;gap:20px;flex:none}
.kb-badges img{height:35px;width:auto}
.kb-badges img.tall{height:54px}
@media(max-width:768px){
  .kb-foot-top,.kb-foot-bot{flex-direction:column;align-items:flex-start;gap:24px}
  .kb-foot-brand{flex:none}
  .kb-foot-cols{flex-direction:column;gap:6px;width:100%}
  .kb-badges{flex-wrap:wrap}
}

/* Popups */
.kb .modal-ov{background:rgba(0,0,0,.72)}
.kb .modal-card{width:min(500px,calc(100vw - 24px));max-width:none;padding:20px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.kb-m-close{position:absolute;top:16px;right:16px;width:28px;height:28px;font-size:22px;line-height:1;color:var(--kb-w50)}
.kb-m-close:hover{color:#fff}
.kb-m-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--kb-line);text-align:center}
.kb-m-crown{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:var(--kb-s2);border:1px solid var(--kb-line)}
.kb-m-crown img{width:40px;height:auto}
.kb-m-head h2{font:700 18px/22px Inter,sans-serif;color:#fff;margin:4px 0 0}
.kb-m-head p{font:600 14px/17px Inter,sans-serif;color:rgba(255,255,255,.8)}
.kb-m-head a{color:var(--kb-gold-l);font-weight:700;margin-left:4px}
.kb-input{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;margin-bottom:12px;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s2)}
.kb-input:focus-within{border-color:var(--kb-gold)}
.kb-input svg{width:20px;height:20px;fill:#fff;flex:none}
.kb-input input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:#fff;font:600 14px/17px Inter,sans-serif}
.kb-input input::placeholder{color:var(--kb-w50)}
.kb-input input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px var(--kb-s2) inset}
.kb-eye{display:grid;place-items:center;padding:0}
.kb-eye svg{fill:var(--kb-w50)}
.kb-forgot{display:block;text-align:right;margin:2px 0 14px;font:700 12px/15px Inter,sans-serif;color:var(--kb-gold-l)}
.kb-m-submit{width:100%;height:48px}
.kb .alert.err{background:rgba(232,83,107,.14);border:1px solid rgba(232,83,107,.4);color:#f09aaa;border-radius:10px}
.kb .alert.ok{background:var(--kb-s2);border:1px solid var(--kb-gold);color:#fff;border-radius:10px}

/* Casino */
.kb-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;margin-top:20px;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s1)}
.kb-tabs a{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;font:700 14px/1 Inter,sans-serif;text-transform:uppercase;color:#fff}
.kb-tabs a.on{background:var(--kb-grad);color:var(--kb-s1);box-shadow:0 2px 0 #c5953d}
.kb-filter{margin:20px 0 28px;padding:20px;border-radius:20px;background:var(--kb-s1)}
.kb-search{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s2)}
.kb-search svg{width:20px;height:20px;fill:#fff;flex:none}
.kb-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:#fff;font:600 14px/17px Inter,sans-serif}
.kb-search input::placeholder{color:var(--kb-w50)}
.kb-filter-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:14px}
.kb-filter-q{flex:1;min-width:0}
.kb-lbl{display:block;margin-bottom:8px;font:600 12px/15px Inter,sans-serif;color:#fff}
.kb-chips{display:flex;gap:5px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--kb-w30) transparent}
.kb-chips button{flex:none;height:40px;padding:0 16px;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s2);color:#fff;font:600 14px/1 Inter,sans-serif}
.kb-chips button:hover{border-color:var(--kb-gold)}
.kb-chips button.on{background:var(--kb-grad);color:var(--kb-s1);font-weight:700}
.kb-selects{display:flex;gap:10px;flex:none;padding-bottom:6px}
.kb-sel{height:40px;min-width:180px;padding:0 34px 0 14px;border:1px solid var(--kb-line);border-radius:10px;color:#fff;font:600 14px/1 Inter,sans-serif;appearance:none;background:var(--kb-s2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 8px center/20px}
.kb-sel option{background:var(--kb-s2);color:#fff}
.kb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;grid-auto-flow:dense}
.kb-grid .kb-game:nth-child(18n+1),.kb-grid .kb-game:nth-child(18n+14){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.kb-more{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 0}
.kb-prog{width:240px;height:5px;border-radius:3px;background:var(--kb-w30);overflow:hidden}
.kb-prog i{display:block;height:100%;background:var(--kb-gold-l)}
.kb-more span{font:600 14px/17px Inter,sans-serif;color:#fff}
.kb-empty{padding:50px 14px;text-align:center;color:var(--kb-w50);font:600 14px/20px Inter,sans-serif}
@media(max-width:1000px){
  .kb-grid{grid-template-columns:repeat(4,1fr)}
  .kb-grid .kb-game:nth-child(18n+14){grid-column:span 1;grid-row:span 1;aspect-ratio:192/190}
}
@media(max-width:768px){
  .kb-grid{grid-template-columns:repeat(3,1fr)}
  .kb-filter{padding:14px;border-radius:15px}
  .kb-filter-row{flex-direction:column;align-items:stretch;gap:12px}
  .kb-selects{flex-direction:column}
  .kb-sel{width:100%}
  .kb-tabs a{font-size:12px}
}
@media(max-width:420px){.kb-grid{grid-template-columns:repeat(2,1fr)}}

/* Personal area */
.kb-pa{display:grid;grid-template-columns:325px minmax(0,1fr);gap:24px;align-items:start;max-width:1232px;margin:0 auto;padding:20px 16px 0}
.kb-pa-card{padding:20px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1)}
.kb-pa-name{font:700 18px/22px Inter,sans-serif;color:var(--kb-gold-l);overflow-wrap:anywhere}
.kb-pa-id{margin:4px 0 18px;font:600 12px/15px Inter,sans-serif;color:#fff}
.kb-pa-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font:600 14px/17px Inter,sans-serif;color:#fff}
.kb-pa-menu{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.kb-pa-menu a{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid transparent;border-radius:15px;background:var(--kb-s1);font:700 14px/17px Inter,sans-serif;color:#fff}
.kb-pa-menu a svg{width:22px;height:22px;fill:var(--kb-w50);flex:none}
.kb-pa-menu a:hover{border-color:var(--kb-line)}
.kb-pa-menu a.on{border-color:var(--kb-gold);color:var(--kb-gold-l)}
.kb-pa-menu a.on svg{fill:var(--kb-gold)}
.kb-pa-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:16px 18px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1)}
.kb-pa-foot span{font:600 12px/18px Inter,sans-serif;color:var(--kb-w50)}
.kb .pa-wrap{max-width:none;margin:0;padding:0}
.kb .pa-card{background:var(--kb-s1);border:1px solid var(--kb-line);border-radius:20px;color:#fff;box-shadow:none;margin:0}
.kb .pa-title{color:#fff;font:700 18px/22px Inter,sans-serif;background:none;border:0}
.kb .pa-box,.kb .pa-field{background:none;border-color:var(--kb-line)}
.kb .pa-field label{color:rgba(255,255,255,.8);font:600 12px/15px Inter,sans-serif}
.kb .pa-field input,.kb .pa-field select{height:44px;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s2);color:#fff;font:600 14px/17px Inter,sans-serif}
.kb .pa-field input:disabled{opacity:.55}
.kb .pa-field input:focus{outline:0;border-color:var(--kb-gold)}
.kb .pa-submit,.kb .pa-verify{background:var(--kb-grad);color:var(--kb-s1);border:1px solid rgba(250,241,219,.4);border-radius:10px;font-weight:700;box-shadow:0 2px 0 #c5953d}
.kb .pa-check{color:rgba(255,255,255,.8)}
.kb .pa-card table{color:#fff}
.kb .pa-card th{background:var(--kb-s2);color:var(--kb-gold-l);border-color:var(--kb-line)}
.kb .pa-card td{border-color:var(--kb-line)}
@media(max-width:900px){.kb-pa{grid-template-columns:1fr}}

/* Drawer */
.kb .drawer-panel{background:var(--kb-s1);color:#fff}
.kb .drawer-head{background:var(--kb-s2);border-bottom:1px solid var(--kb-line)}
.kb .drawer-head img{height:42px}
.kb .drawer-close{color:#fff}
.kb .drawer-title{background:none;color:var(--kb-w50)}
.kb .drawer-item{background:none;color:#fff;border-color:var(--kb-line)}
.kb .drawer-item svg{fill:var(--kb-gold)}
.kb .drawer-item.active,.kb .drawer-item:hover{background:var(--kb-s2);color:var(--kb-gold-l)}
.kb .drawer-lang{background:var(--kb-s2);border-top:1px solid var(--kb-line);color:#fff}
.kb .drawer-lang .gift svg{fill:var(--kb-gold)}
.kb .lang-menu{background:var(--kb-s2);border:1px solid var(--kb-line);border-radius:10px;color:#fff}
.kb .lang-menu a{color:#fff}
.kb .lang-menu a.on,.kb .lang-menu a:hover{background:var(--kb-s1);color:var(--kb-gold-l)}
.kb .user-card{background:var(--kb-s2);color:#fff;border:1px solid var(--kb-line);border-radius:15px}
.kb .uc-av{background:var(--kb-grad);color:var(--kb-s1)}
.kb .uc-role,.kb .uc-row span{color:var(--kb-w50)}
.kb .uc-row b{color:#fff}
.kb .uc-refresh{background:var(--kb-s1);color:#fff;border:1px solid var(--kb-line);border-radius:10px}
.kb .dtabs button{color:var(--kb-w50);background:none}
.kb .dtabs button.on{color:var(--kb-gold-l);border-color:var(--kb-gold)}

/* Sportsbook frame */
.kb .sb-wrap{background:#000}
body.kb.sb-page .kb-foot,body.kb.sb-page .kb-support{display:none}
.kb .kb-foot-sb{display:none}

/* ---------- Corrections after checking real screens ---------- */
/* The grid's first child is Alpine's <template>, so game 1 is nth-child(2). */
.kb-grid .kb-game:nth-child(18n+1),.kb-grid .kb-game:nth-child(18n+14){grid-column:auto;grid-row:auto;aspect-ratio:192/190}
.kb-grid .kb-game:nth-child(18n+2),.kb-grid .kb-game:nth-child(18n+15){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media(max-width:1000px){
  .kb-grid .kb-game:nth-child(18n+15){grid-column:auto;grid-row:auto;aspect-ratio:192/190}
}
@media(max-width:768px){.kb-row{scroll-padding-left:16px}}
@media(min-width:1180px) and (max-width:1439px){
  .kb-hdr .hdr-nav a{padding:0 12px;font-size:13px}
  .kb-hdr .kb-btn{padding:0 12px}
}

/* Centred popup, not the old panel sliding in from the right */
.kb .modal-ov{align-items:center;justify-content:center;padding:12px}
.kb .modal-card{height:auto;max-height:calc(100dvh - 24px);overflow-y:auto;transform:translateY(12px);font-family:Inter,sans-serif}
.kb .modal-ov.open .modal-card{transform:none}
.kb .modal-card h2{display:block}
.kb .modal-card .fc-title{color:#fff;font:700 18px/22px Inter,sans-serif;text-align:center;margin-bottom:16px}
.kb .modal-card .field label{color:rgba(255,255,255,.8);font:600 12px/15px Inter,sans-serif}
.kb .modal-card .field input{height:48px;background:var(--kb-s2);border:1px solid var(--kb-line);border-radius:10px;color:#fff;font:600 14px/17px Inter,sans-serif}
.kb .modal-card .field input:focus{border-color:var(--kb-gold)}
.kb .modal-card .field .fico{bottom:14px;fill:#fff}
.kb .modal-card .btn-login{height:48px;background:var(--kb-grad);border:1px solid rgba(250,241,219,.4);border-radius:10px;color:var(--kb-s1);font:700 14px/1 Inter,sans-serif;box-shadow:0 2px 0 #c5953d}

/* Register, forgot password, terms */
.kb input[type=date]{color-scheme:dark}
.kb .legal-card{background:var(--kb-s1);color:#fff;border:1px solid var(--kb-line);border-radius:20px}
.kb .legal-title{color:#fff;font:700 25px/30px Inter,sans-serif}
.kb .legal-mark{display:none}
.kb .legal-toc a,.kb .reg-check a{color:var(--kb-gold-l)}
.kb .legal-card h2,.kb .legal-card h3,.kb .legal-card b{color:#fff}
.kb .legal-card p,.kb .legal-card li,.kb .legal-card li::before{color:rgba(255,255,255,.8)}
.kb .reg-note,.kb .reg-field>label,.kb .reg-check{color:rgba(255,255,255,.8);font-family:Inter,sans-serif}
.kb .reg-note,.kb .reg-field>label{font-size:14px;font-weight:600}
.kb .reg-field .req,.kb .reg-check .req{color:var(--kb-gold)}
.kb .reg-input input,.kb .reg-input select{height:48px;background-color:var(--kb-s2);border:1px solid var(--kb-line);border-radius:10px;color:#fff;font:600 14px/17px Inter,sans-serif}
.kb .reg-input select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}
.kb .reg-input select option{background:var(--kb-s2);color:#fff}
.kb .reg-input input:focus,.kb .reg-input select:focus{border-color:var(--kb-gold)}
.kb .reg-input input::placeholder{color:var(--kb-w50)}
.kb .reg-input .fico{fill:#fff}
.kb .reg-input .fico.info{fill:var(--kb-w50)}
.kb .reg-input .eye svg{fill:var(--kb-w50)}
.kb .reg-sep{border-top-color:var(--kb-line)}
.kb .reg-check input{accent-color:var(--kb-gold)}
.kb .reg-submit{height:48px;padding:0;background:var(--kb-grad);border:1px solid rgba(250,241,219,.4);border-radius:10px;color:var(--kb-s1);font:700 14px/1 Inter,sans-serif;box-shadow:0 2px 0 #c5953d}

/* Instant (Spaceman) */
.kb .sp-page{background:transparent;min-height:calc(100vh - var(--kb-hdr));min-height:calc(100dvh - var(--kb-hdr))}
.kb .sp-card{width:min(320px,100%);background:var(--kb-s1);border:1px solid var(--kb-line);border-radius:20px;font-family:Inter,sans-serif}
.kb .sp-card h1{font:700 18px/22px Inter,sans-serif}
.kb .sp-btn{height:40px;padding:0 20px;background:var(--kb-grad);border:1px solid rgba(250,241,219,.4);border-radius:10px;color:var(--kb-s1);font:700 14px/1 Inter,sans-serif;box-shadow:0 2px 0 #c5953d}
.kb .sp-frame{height:calc(100vh - var(--kb-hdr));height:calc(100dvh - var(--kb-hdr))}
body.kb:has(.sp-frame) .kb-foot,body.kb:has(.sp-frame) .kb-support{display:none}
@media(max-width:1179px){.kb .sp-frame{height:calc(100dvh - var(--kb-hdr) - var(--kb-bnav) - env(safe-area-inset-bottom,0px))}}

/* Game window stays above the bottom menu */
.kb .game-ov{z-index:100}

/* Mobile menu */
.kb .drawer{z-index:110}
.kb .drawer-head{padding:8px 16px}
.kb .drawer-head img{height:44px;width:auto}
.kb .drawer-title{background:transparent;border:0;box-shadow:none;color:var(--kb-w50);font:600 12px/15px Inter,sans-serif;padding:14px 16px 6px;text-align:left}
.kb .drawer-panel nav{background:transparent;border:0;box-shadow:none;padding:0}
.kb .drawer-item{font:600 14px/17px Inter,sans-serif}
.kb .drawer-lang .gift{display:none}

/* Bottom menu icons from Figma */
.kb-bnav img{width:24px;height:24px;opacity:.55}
.kb-bnav .on img,.kb-bnav .kb-home img{opacity:1}
.kb-support img{transform:none;width:16px;height:16px}


/* Mobile menu icons */
.kb .drawer-nav .drawer-item{display:flex;align-items:center;gap:12px}
.kb .drawer-nav .drawer-item img{width:24px;height:24px;flex:none}
.kb .drawer-nav .drawer-item img.kb-inv{filter:invert(1)}

/* ---------- Remaining Figma screens ---------- */
[x-cloak]{display:none!important}
.kb-sample{display:inline-block;margin-left:8px;padding:2px 8px;border:1px dashed var(--kb-gold);border-radius:8px;color:var(--kb-gold-l);font:600 11px/15px Inter,sans-serif;vertical-align:middle}
.kb-none{padding:44px 14px;text-align:center;color:var(--kb-w50);font:600 14px/20px Inter,sans-serif}
.kb-center{text-align:center}
.kb-right{display:flex;justify-content:flex-end}
.kb-w{width:100%}
.kb-page-title{display:flex;align-items:center;gap:12px}
.kb-page-title img{width:32px;height:32px}
.kb-crumb{display:flex;align-items:center;gap:8px;padding:16px 0;color:var(--kb-w50);font:600 14px/17px Inter,sans-serif}
.kb-crumb b{color:#fff}
.kb-crumb img,.kb-crumb button img{display:block;width:24px;height:24px}

/* Loader */
.kb-loader{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#000;animation:kbL .35s ease .7s forwards}
.kb-loader img{width:100px;animation:kbP 1s ease-in-out infinite alternate}
@keyframes kbL{to{opacity:0;visibility:hidden}}
@keyframes kbP{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1)}}

/* Jackpots */
.kb-jacks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.kb-jack{display:flex;flex-direction:column;justify-content:center;height:97px;padding:10px 24px;border-radius:15px;border:3px dotted rgba(255,255,255,.75);color:#181516;box-shadow:inset 0 0 7px rgba(255,255,255,.6)}
.kb-jack b{font:900 25px/30px Inter,sans-serif}
.kb-jack small{font:600 14px/17px Inter,sans-serif;opacity:.6}
.kb-jack strong{font:800 16px/19px Inter,sans-serif}
.kb-jack em{font:600 10px/12px Inter,sans-serif;font-style:normal;opacity:.75}
.kb-jack.gold{background:linear-gradient(100deg,#e1b95c,#f2dba1 23%,#d8ad51 52%,#f0d692 65%,#f6e6be 85%,#d8ad51)}
.kb-jack.silver{background:linear-gradient(100deg,#9e9e9e,#c9c9c9 23%,#949494 52%,#c1c1c1 65%,#dadada 85%,#949494)}
.kb-jack.bronze{background:linear-gradient(100deg,#e18f5c,#f2c0a1 23%,#d88551 52%,#f0b692 65%,#f6d3be 85%,#d88551)}
@media(max-width:768px){.kb-jack{padding:10px;height:112px}.kb-jack b{font-size:20px}.kb-jack strong{font-size:12px;line-height:14px}}

/* Latest winnings */
.kb-win{display:grid;grid-template-columns:40px 1fr 1fr 1fr 24px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:7px 12px 7px 8px;border-radius:15px;background:rgba(24,21,22,.9);text-align:left;color:#fff}
.kb-win:hover{background:var(--kb-s2)}
.kb-win>img{width:36px;height:36px;border-radius:8px;object-fit:cover}
.kb-win>img.c{width:24px;height:24px;border-radius:0}
.kb-win i,.kb-bi-n i,.kb-rc-h i,.kb-leg-foot i,.kb-fame i{display:block;font:600 11px/13px Inter,sans-serif;font-style:normal;color:var(--kb-w30)}
.kb-win b{font:600 13px/16px Inter,sans-serif}
.kb-win .m{text-align:center}.kb-win .p{text-align:right}
.kb-bi{display:flex;gap:16px;margin:14px 0}
.kb-bi>img{width:100px;height:100px;border-radius:12px;object-fit:cover}
.kb-bi>div>b{font:700 18px/22px Inter,sans-serif}
.kb-bi p{margin-top:6px;font:600 12px/15px Inter,sans-serif;color:var(--kb-w50)}
.kb-bi p b{color:#fff;margin-left:6px}
.kb-bi-n{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--kb-line)}
.kb-bi-n b{display:block;margin-top:5px;padding:8px;border:1px solid var(--kb-line);border-radius:10px;text-align:center;font:600 13px/16px Inter,sans-serif;color:#fff}

/* Popups */
.kb-pop{position:fixed;inset:0;z-index:125;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.72)}
.kb-pop-c{position:relative;width:min(460px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1);color:#fff;text-align:left}
.kb-pop-c h2{font:700 18px/22px Inter,sans-serif;margin-bottom:14px}
.kb-pop-b{display:flex;gap:10px;justify-content:center}

/* Promotions */
.kb-promo{display:flex;gap:16px;margin-bottom:12px;padding:16px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1)}
.kb-promo>img{width:320px;height:186px;object-fit:cover;border-radius:15px;flex:none}
.kb-promo>div{display:flex;flex-direction:column;flex:1;min-width:0}
.kb-promo h2{font:700 18px/22px Inter,sans-serif;color:#fff}
.kb-promo p{margin-top:10px;font:600 13px/18px Inter,sans-serif;color:rgba(255,255,255,.85)}
.kb-promo-b{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:auto;padding-top:12px}
.kb-btn.kb-gold img{filter:none}
@media(max-width:768px){.kb-promo{flex-direction:column}.kb-promo>img{width:100%;height:auto}}
.kb-promo-d{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding-bottom:20px}
.kb-promo-d>img{width:100%;border-radius:20px}
.kb-promo-d h1{margin-bottom:12px;font:800 26px/32px Inter,sans-serif;color:#fff}
.kb-promo-d small{color:var(--kb-w50);font:600 12px/15px Inter,sans-serif}
.kb-promo-d p{margin:10px 0 18px;font:600 14px/20px Inter,sans-serif;color:rgba(255,255,255,.9)}
@media(max-width:768px){.kb-promo-d{grid-template-columns:1fr;gap:16px}}

/* Hall of fame */
.kb-hall{display:flex;flex-direction:column;align-items:center;padding:18px 16px 16px;margin-bottom:14px;border:1px solid var(--kb-line);border-radius:20px;background:radial-gradient(ellipse at top,rgba(234,197,102,.25),transparent 60%),var(--kb-s1)}
.kb-hall>img{width:83px;height:auto}
.kb-hall h1{margin:10px 0 16px;font:800 30px/36px Inter,sans-serif;color:#fff}
.kb-hall .kb-2tabs{width:100%}
.kb-months{display:flex;gap:8px;width:100%;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.kb-months button{flex:none;height:40px;padding:0 20px;border:1px solid var(--kb-line);border-radius:12px;background:var(--kb-s2);color:#fff;font:600 13px/1 Inter,sans-serif}
.kb-months button.on{background:var(--kb-grad);color:var(--kb-s1);font-weight:700}
.kb-fame{display:grid;grid-template-columns:44px 1fr 1.6fr 1fr;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;border:1px solid var(--kb-line);border-radius:12px;background:var(--kb-s1)}
.kb-fame .pl{display:grid;place-items:center;width:40px;height:40px}
.kb-fame .pl img{width:40px;height:40px}
.kb-fame .pl b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--kb-line);border-radius:50%;font:700 14px/1 Inter,sans-serif;color:#fff}
.kb-fame b{font:600 13px/16px Inter,sans-serif;color:#fff}
.kb-fame .g{display:flex;align-items:center;gap:8px;min-width:0}
.kb-fame .g img{width:36px;height:36px;border-radius:8px;object-fit:cover}
.kb-fame .w{text-align:right}
@media(max-width:768px){.kb-fame{grid-template-columns:40px 1fr 1fr}.kb-fame .g{display:none}}

/* Info pages */
.kb-flat h2{margin:16px 0 8px;font:700 16px/20px Inter,sans-serif;color:#fff}
.kb-flat p,.kb-flat li{margin-bottom:10px;font:600 14px/20px Inter,sans-serif;color:rgba(255,255,255,.9)}
.kb-flat ul{padding-left:18px}

/* Boxes and fields */
.kb-box{margin-bottom:12px;padding:18px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1);color:#fff}
.kb-box h2{margin-bottom:12px;font:700 16px/20px Inter,sans-serif;color:#fff}
.kb-p{margin-bottom:10px;font:600 13px/18px Inter,sans-serif;color:rgba(255,255,255,.85)}
.kb-f{display:block;margin-bottom:10px;font:600 12px/15px Inter,sans-serif;color:#fff}
.kb-f>span:first-child{display:block;margin-bottom:6px}
.kb-f input,.kb-f select{width:100%;height:40px;padding:0 12px;border:1px solid var(--kb-line);border-radius:10px;background-color:var(--kb-s2);color:#fff;font:600 13px/16px Inter,sans-serif;outline:0}
.kb-f input:focus,.kb-f select:focus{border-color:var(--kb-gold)}
.kb-f input:disabled{opacity:.7}
.kb-f input::placeholder{color:var(--kb-w50)}
.kb-c{display:flex;gap:10px;align-items:flex-start;margin:6px 0 12px;font:600 13px/18px Inter,sans-serif;color:rgba(255,255,255,.85)}
.kb-c input{width:18px;height:18px;accent-color:var(--kb-gold);flex:none}
.kb-msg{margin-bottom:10px;font:600 13px/18px Inter,sans-serif}
.kb-msg.ok{color:#6fd3a5}.kb-msg.err{color:#f09aaa}
.kb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.kb-g16{gap:12px}
.kb-notice{margin-bottom:12px;padding:12px 14px;border:1px solid rgba(234,197,102,.4);border-radius:12px;background:rgba(234,197,102,.1);color:var(--kb-gold-l);font:600 13px/18px Inter,sans-serif}
.kb-drop{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;padding:0 12px;border:1px dashed rgba(255,255,255,.25);border-radius:10px;background:var(--kb-s2);color:var(--kb-w50);overflow:hidden}
.kb-drop img{width:22px;height:22px}
.kb-drop input{position:absolute;inset:0;height:100%;opacity:0;cursor:pointer}
.kb-ids{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.kb-ids img{width:156px;max-width:47%;height:auto;border-radius:8px}
.kb-ids img.sq{width:95px}
@media(max-width:768px){.kb-grid2{grid-template-columns:1fr}}

/* Personal area */
.kb-pa{grid-template-columns:325px minmax(0,1fr);padding-top:16px}
.kb-pa-id{display:flex;align-items:center;gap:5px}
.kb-pa-id b{font-weight:700}
.kb-copy{display:grid;place-items:center;padding:0}
.kb-copy img{width:14px;height:14px}
.kb-pa-row b{font-weight:600}
.kb-pa-row em{font:600 10px/12px Inter,sans-serif;font-style:normal;color:var(--kb-w50)}
.kb-pa-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.kb-pa-menu a img{width:24px;height:24px}
.kb-pa-menu a.on{background:var(--kb-s2);border-color:var(--kb-line);color:#fff}
.kb-pa-foot .kb-btn img{width:20px;height:20px}
.kb-pa-foot i{font-style:normal}
.kb-pa-back{display:none;align-items:center;gap:8px;margin-bottom:10px;color:#fff;font:600 14px/17px Inter,sans-serif}
.kb-pa-back img{width:22px;height:22px}
.kb-pa-main{min-width:0}
.kb-welcome{display:flex;flex-direction:column;align-items:center;padding:110px 16px;text-align:center}
.kb-welcome img{width:90px;height:auto;margin-bottom:18px}
.kb-welcome h1{font:700 22px/28px Inter,sans-serif;color:rgba(255,255,255,.55)}
.kb-welcome p{margin-top:12px;font:600 14px/17px Inter,sans-serif;color:var(--kb-w30)}
.kb-head{position:relative;margin-bottom:12px;padding:18px;border:1px solid var(--kb-line);border-radius:20px;background:var(--kb-s1)}
.kb-head h1{font:700 18px/24px Inter,sans-serif;color:#fff}
.kb-head-r{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.kb-icon{position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s2)}
.kb-icon img{width:20px;height:20px}
.kb-2tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.kb-2tabs>*{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s2);color:#fff;font:700 13px/1 Inter,sans-serif}
.kb-2tabs>.on{background:var(--kb-grad);border-color:rgba(250,241,219,.4);color:var(--kb-s1);box-shadow:0 2px 0 #c5953d}
.kb-mini-tabs{display:flex;gap:6px}
.kb-mini-tabs button{height:32px;padding:0 14px;border:1px solid var(--kb-line);border-radius:9px;background:var(--kb-s2);color:#fff;font:600 12px/1 Inter,sans-serif}
.kb-mini-tabs button.on{background:var(--kb-grad);color:var(--kb-s1);font-weight:700}
.kb-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}
.kb-filters .kb-f{margin:0}
.kb-filters .kb-sel{width:100%;min-width:0}
.kb-h3{margin:14px 0 10px;font:700 15px/20px Inter,sans-serif;color:#fff}
.kb-row-card{margin-bottom:8px;border:1px solid var(--kb-line);border-radius:12px;background:var(--kb-s1);overflow:hidden}
.kb-row-card.open{background:var(--kb-s2)}
.kb-rc-h{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 18px;gap:10px;align-items:center;width:100%;padding:9px 14px;text-align:left;color:#fff}
.kb-rc-h b{display:block;margin-top:2px;font:600 13px/16px Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-chev{justify-self:end;width:8px;height:8px;border-right:2px solid var(--kb-w50);border-bottom:2px solid var(--kb-w50);transform:rotate(45deg)}
.kb-row-card.open .kb-chev{transform:rotate(-135deg)}
.st-win,.kb-rc-h b.st-win{color:#19c37d}
.kb-rc-h b.st-lose{color:#e8536b}
.kb-rc-h b.st-open{color:var(--kb-w50)}
.kb-rc-h b.st-wait{color:#f2c94c}
.kb-rc-b{padding:0 8px 8px}
.kb-leg{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:10px;align-items:center;margin-bottom:6px;padding:8px 10px;border-radius:10px;background:var(--kb-s1)}
.kb-leg b{display:block;font:600 12px/15px Inter,sans-serif;color:#fff}
.kb-leg small{display:block;font:600 11px/13px Inter,sans-serif;color:var(--kb-w50)}
.kb-leg-odd{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;background:var(--kb-s2)}
.kb-leg-end{text-align:right}
.kb-leg-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:6px 10px}
.kb-leg-foot b{display:block;margin-top:2px;font:600 12px/15px Inter,sans-serif;color:#fff;word-break:break-all}
.kb-pager{display:flex;justify-content:center;gap:5px;padding:14px 0}
.kb-pager button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--kb-line);border-radius:8px;background:var(--kb-s2);color:#fff;font:600 12px/1 Inter,sans-serif}
.kb-pager button img{width:18px;height:18px}
.kb-pager button.on{background:var(--kb-grad);color:var(--kb-s1);font-weight:700}
.kb-pager button:disabled{opacity:.45;cursor:default}
.kb-ngroup{margin-bottom:10px;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s1);overflow:hidden}
.kb-ngroup header{display:flex;justify-content:space-between;padding:10px 14px;color:#fff;font:700 13px/16px Inter,sans-serif}
.kb-ngroup header button{color:var(--kb-gold-l);font:700 12px/15px Inter,sans-serif;text-decoration:underline}
.kb-nrow{display:flex;gap:12px;padding:10px 14px;border-top:1px solid var(--kb-line)}
.kb-nic{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--kb-s2)}
.kb-nic img{width:18px;height:18px}
.kb-nic.good{background:rgba(25,195,125,.2)}
.kb-nic.bad{background:rgba(232,83,107,.2)}
.kb-nrow b{font:700 13px/16px Inter,sans-serif;color:#fff}
.kb-nrow p{margin:3px 0;font:600 12px/15px Inter,sans-serif;color:var(--kb-gold-l)}
.kb-nrow small{font:600 11px/13px Inter,sans-serif;color:var(--kb-w50)}
.kb-cb-card{min-height:141px;padding:18px;border-radius:15px;background:linear-gradient(120deg,#e1b95c,#f2dba1 30%,#d8ad51 60%,#f6e6be);color:var(--kb-s1)}
.kb-cb-card span{display:block;font:600 14px/17px Inter,sans-serif}
.kb-cb-card b{font:800 22px/28px Inter,sans-serif}
.kb-cb-card small{margin-left:6px;font:600 12px/15px Inter,sans-serif;opacity:.7}
.kb-bar{height:8px;margin-bottom:8px;border-radius:4px;background:var(--kb-s2);overflow:hidden}
.kb-bar i{display:block;height:100%;background:var(--kb-grad)}
.kb-opts{display:flex;flex-wrap:wrap;gap:8px}
.kb-opts button{min-height:64px;padding:10px 14px;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s1);color:#fff;font:600 13px/16px Inter,sans-serif;text-align:left}
.kb-opts button.on,.kb-methods button.on{background:var(--kb-grad);border-color:rgba(250,241,219,.4);color:var(--kb-s1)}
.kb-pay{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:6px}
.kb-methods{display:flex;flex-wrap:wrap;gap:8px}
.kb-methods button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:120px;min-height:120px;padding:12px;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s1);color:#fff;text-align:left}
.kb-methods img{width:36px;height:36px}
.kb-methods b{font:700 13px/16px Inter,sans-serif}
.kb-methods small{font:600 11px/13px Inter,sans-serif;opacity:.65}
.kb-quick{display:flex;gap:6px;margin-bottom:12px}
.kb-quick button{flex:1;height:34px;border:1px solid var(--kb-line);border-radius:9px;background:var(--kb-s2);color:#fff;font:600 12px/1 Inter,sans-serif}
.kb-pay-t{display:flex;justify-content:space-between;margin-bottom:12px;padding-top:12px;border-top:1px solid var(--kb-line);font:600 13px/16px Inter,sans-serif;color:rgba(255,255,255,.8)}
@media(max-width:900px){
  .kb-pa{grid-template-columns:1fr}
  .kb-pa.in-sec .kb-pa-side{display:none}
  .kb-pa.in-sec .kb-pa-back{display:flex}
  .kb-pay{grid-template-columns:1fr}
  .kb-rc-h{grid-template-columns:1fr 1fr;row-gap:6px}
  .kb-rc-h .kb-chev{grid-column:2}
  .kb-leg{grid-template-columns:1fr}
  .kb-leg-end{text-align:left}
}

/* Game page */
.kb .game-ov.kb-gpage{position:fixed;inset:var(--kb-hdr) 0 0 0;z-index:40;display:block;overflow-y:auto;padding:0 0 40px;background:#000 url(../img/kb/bg.jpg) center top/max(100%,1920px) auto no-repeat}
.kb-gframe{position:relative;aspect-ratio:16/9;max-height:calc(100dvh - 190px);width:100%;overflow:hidden;border-radius:20px 20px 0 0;background:#000}
.kb-gframe iframe{display:block;width:100%;height:100%;border:0}
.kb-gframe>img{width:100%;height:100%;object-fit:cover;filter:brightness(.35)}
.kb-gguest{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;text-align:center;color:#fff}
.kb-gguest b{font:800 22px/28px Inter,sans-serif}
.kb-gguest div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.kb-gbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:0 0 20px 20px;background:var(--kb-s1)}
.kb-gbar .kb-icon{position:static;font-size:18px;color:#fff}
.kb-gbar .kb-icon.on{color:var(--kb-gold)}
.kb-gbar>img{height:30px;margin:auto}
.kb-gbar .kb-fun{height:36px;padding:0 12px;font-size:13px}
.kb .game-ov.kb-gpage.fs{inset:0;z-index:300;padding:0;background:#000;overflow:hidden}
.kb-gpage.fs .kb-wrap{max-width:none;padding:0;height:100%}
.kb-gpage.fs .kb-gframe{height:100%;max-height:none;aspect-ratio:auto;border-radius:0}
.kb-gpage.fs .kb-crumb,.kb-gpage.fs .kb-gbar,.kb-gpage.fs .kb-gmore{display:none}
@media(max-width:1179px){.kb .game-ov.kb-gpage{bottom:calc(var(--kb-bnav) + env(safe-area-inset-bottom,0px))}}
.kb-grid.uniform .kb-game:nth-child(18n+2),.kb-grid.uniform .kb-game:nth-child(18n+15){grid-column:auto;grid-row:auto;aspect-ratio:192/190}

/* Header balance */
.kb-balw{position:relative}
.kb-bal{gap:8px;border:0;cursor:pointer}
.kb-bal img{width:20px;height:20px}
.kb-bal .car{width:7px;height:7px;margin-left:4px;border-right:2px solid var(--kb-w50);border-bottom:2px solid var(--kb-w50);transform:rotate(45deg) translateY(-2px)}
.kb-bal-d{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:280px;padding:10px;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s1)}
.kb-bal-d>div{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;font:600 13px/16px Inter,sans-serif;color:#fff}
.kb-bal-d>div:first-child{background:var(--kb-s2)}
.kb-bal-d b{margin-left:auto}
.kb-bal-d img{width:20px;height:20px}
.kb-bal-d label{display:flex;justify-content:space-between;padding:12px 10px 4px;border-top:1px solid var(--kb-line);margin-top:6px;font:600 13px/16px Inter,sans-serif;color:#fff;cursor:pointer}
.kb-bal-d input{accent-color:var(--kb-gold)}
.kb-top{width:40px;padding:0}
.kb-top img{width:22px;height:22px}
@media(max-width:560px){.kb-hdr .kb-top{display:none}.kb-bal{padding:0 8px;font-size:12px}}

/* Side menu, as in the design */
.kb-drawer{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .2s}
.kb-drawer.open{opacity:1;visibility:visible}
.kb-drawer-p{position:absolute;top:0;right:0;bottom:0;width:min(320px,88vw);overflow-y:auto;padding:0 12px 24px;background:var(--kb-s1);transform:translateX(100%);transition:transform .25s ease}
.kb-drawer.open .kb-drawer-p{transform:none}
.kb-drawer-h{display:flex;align-items:center;gap:8px;height:60px;margin:0 -12px 12px;padding:0 12px;background:var(--kb-s2)}
.kb-drawer-h>a{margin-right:auto}
.kb-drawer-h>a img{height:46px;width:auto}
.kb-dclose{width:32px;height:32px;font-size:22px;line-height:1;color:#fff}
.kb-dlang{position:relative}
.kb-dlang>button{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--kb-line);border-radius:10px;background:var(--kb-s1);color:#fff;font:600 12px/1 Inter,sans-serif}
.kb-dlang .flag{width:20px;height:20px}
.kb-dlang .lang-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;bottom:auto;z-index:5;min-width:140px}
.kb-dauth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.kb-dcard{margin-bottom:10px;padding:14px;border:1px solid var(--kb-line);border-radius:15px;background:var(--kb-s2)}
.kb-dcard a.n{display:flex;justify-content:space-between;font:700 15px/18px Inter,sans-serif;color:var(--kb-gold-l)}
.kb-dcard .i{margin:3px 0 10px;font:600 11px/13px Inter,sans-serif;color:#fff}
.kb-dcard .r{display:flex;justify-content:space-between;margin-bottom:6px;font:600 13px/16px Inter,sans-serif;color:#fff}
.kb-dpromo{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:12px;border:1px solid var(--kb-gold);border-radius:15px;background:linear-gradient(90deg,rgba(234,197,102,.28),transparent);color:#fff}
.kb-dpromo img{width:36px;height:36px}
.kb-dpromo b{display:block;font:700 13px/16px Inter,sans-serif}
.kb-dpromo small{font:600 11px/13px Inter,sans-serif;color:var(--kb-w50)}
.kb-dnav a{display:flex;align-items:center;gap:12px;height:46px;padding:0 10px;border-radius:12px;color:#fff;font:600 14px/17px Inter,sans-serif}
.kb-dnav a img{width:24px;height:24px}
.kb-dnav a img.kb-inv{filter:invert(1)}
.kb-dnav a.on,.kb-dnav a:hover{background:var(--kb-s2);color:var(--kb-gold-l)}
.kb-dsec{margin:14px 10px 6px;font:600 12px/15px Inter,sans-serif;color:var(--kb-w30)}

/* Register, as a two-panel card */
.kb .reg-wrap{max-width:980px}
.kb .reg-card.kb-reg{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;max-width:none;padding:0;overflow:hidden}
.kb-reg-side{padding:28px 20px;background:radial-gradient(ellipse at top,rgba(234,197,102,.18),transparent 60%),var(--kb-s2);text-align:center}
.kb-reg-side>img{width:150px;height:auto;margin:0 auto 10px}
.kb-reg-side p{margin-bottom:18px;font:600 11px/15px Inter,sans-serif;letter-spacing:.04em;color:rgba(255,255,255,.75);text-transform:uppercase}
.kb-reg-b{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px;border:1px solid var(--kb-line);border-radius:12px;background:var(--kb-s1);text-align:left;font:700 12px/15px Inter,sans-serif;color:#fff}
.kb-reg-b img{width:92px;border-radius:8px}
.kb-reg-main{padding:26px 24px}
.kb-reg-main .legal-title{margin-bottom:6px;font-size:20px}
.kb-reg-sub{margin-bottom:14px;font:600 13px/17px Inter,sans-serif;color:rgba(255,255,255,.8)}
.kb-reg-sub a{color:var(--kb-gold-l);font-weight:700}
@media(max-width:800px){.kb .reg-card.kb-reg{grid-template-columns:1fr}.kb-reg-side{display:none}}

/* Toasts, as in the design */
.kb .alert.ok,.kb .alert.err{padding:10px 14px;background:var(--kb-s1);color:#fff;border-radius:12px;border-width:1px;border-style:solid;border-color:var(--kb-line);box-shadow:inset 0 -3px 0 #19c37d}
.kb .alert.err{box-shadow:inset 0 -3px 0 #e8536b}

.kb-jacks{position:relative}
.kb-jack-tag{position:absolute;top:-24px;right:0;margin:0}

/* Real catalogue pictures come in many shapes: they fill the card and never size the grid row */
.kb-grid .kb-game img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}