html,body{margin:0;background:#0a0b1c;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
.kz{--bg:#0a0b1c;--s1:#191937;--s2:#2b2850;--s3:#453f77;--s4:#5e5595;--gold:#fdd835;--gold-h:#fde05d;--purple:#8562fe;--purple-h:#9d81fe;--pk:#b6a1fe;--t1:#fff;--t2:#ccc;--t3:#999;--t4:#666;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.12);
  background:var(--bg);color:var(--t1);font-family:Lexend,system-ui,sans-serif;font-size:14px;line-height:1.45;min-height:100%;-webkit-font-smoothing:antialiased}
.kz *{box-sizing:border-box;scrollbar-width:none}
.kz *::-webkit-scrollbar{display:none}
.kz a{color:inherit;text-decoration:none}
.kz button{font-family:inherit;color:inherit}
.kz img{display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.stack{display:flex;flex-direction:column;gap:16px}
.zh{font-family:Lexend,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
.ic{display:inline-block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.i-casino{-webkit-mask-image:url(../img/ic/Facial_icon_Casino.svg);mask-image:url(../img/ic/Facial_icon_Casino.svg)}
.i-login{-webkit-mask-image:url(../img/ic/Facial_icon_Log_in.svg);mask-image:url(../img/ic/Facial_icon_Log_in.svg)}
.i-sport{-webkit-mask-image:url(../img/ic/Facial_icon_Sport.svg);mask-image:url(../img/ic/Facial_icon_Sport.svg)}
.i-down{-webkit-mask-image:url(../img/ic/Interactive_Down.svg);mask-image:url(../img/ic/Interactive_Down.svg)}
.i-email{-webkit-mask-image:url(../img/ic/Interactive_Email.svg);mask-image:url(../img/ic/Interactive_Email.svg)}
.i-right{-webkit-mask-image:url(../img/ic/Interactive_Right.svg);mask-image:url(../img/ic/Interactive_Right.svg)}
.i-search{-webkit-mask-image:url(../img/ic/Interactive_Search.svg);mask-image:url(../img/ic/Interactive_Search.svg)}
.i-discord{-webkit-mask-image:url(../img/ic/Social_Discord.svg);mask-image:url(../img/ic/Social_Discord.svg)}
.i-telegram{-webkit-mask-image:url(../img/ic/Social_Telegram.svg);mask-image:url(../img/ic/Social_Telegram.svg)}
.i-x{-webkit-mask-image:url(../img/ic/Social_X.svg);mask-image:url(../img/ic/Social_X.svg)}
.i-lang{-webkit-mask-image:url(../img/ic/language.svg);mask-image:url(../img/ic/language.svg)}
.i-live{-webkit-mask-image:url(../img/ic/fi_Live_Now.svg);mask-image:url(../img/ic/fi_Live_Now.svg)}
.i-baseball{-webkit-mask-image:url(../img/ic/fi_Baseball.svg);mask-image:url(../img/ic/fi_Baseball.svg)}
.i-basketball{-webkit-mask-image:url(../img/ic/fi_Basketball.svg);mask-image:url(../img/ic/fi_Basketball.svg)}
.i-f1{-webkit-mask-image:url(../img/ic/fi_F1.svg);mask-image:url(../img/ic/fi_F1.svg)}
.i-soccer{-webkit-mask-image:url(../img/ic/fi_Soccer.svg);mask-image:url(../img/ic/fi_Soccer.svg)}
.i-afootball{-webkit-mask-image:url(../img/ic/fi_American_Football.svg);mask-image:url(../img/ic/fi_American_Football.svg)}
.i-tennis{-webkit-mask-image:url(../img/ic/fi_Tennis.svg);mask-image:url(../img/ic/fi_Tennis.svg)}
.i-cricket{-webkit-mask-image:url(../img/ic/fi_Cricket.svg);mask-image:url(../img/ic/fi_Cricket.svg)}
.i-mma{-webkit-mask-image:url(../img/ic/fi_MMA.svg);mask-image:url(../img/ic/fi_MMA.svg)}
.i-lol{-webkit-mask-image:url(../img/ic/fi_League_of_Legends.svg);mask-image:url(../img/ic/fi_League_of_Legends.svg)}
.i-menu{-webkit-mask-image:url(../img/ic/Interactive_MenuOpen.svg);mask-image:url(../img/ic/Interactive_MenuOpen.svg)}
.i-docs{-webkit-mask-image:url(../img/ic/learn.svg);mask-image:url(../img/ic/learn.svg)}
.i-gift{-webkit-mask-image:url(../img/ic/Facial_icon_Gift.svg);mask-image:url(../img/ic/Facial_icon_Gift.svg)}

/* ticker */
.tk{display:flex;height:58px;background:#11112a;border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.tk-lead{flex:none;display:flex;align-items:center;gap:8px;padding:0 18px 0 24px;background:#11112a;z-index:2;box-shadow:12px 0 16px -8px #11112a;border-right:1px solid var(--line)}
.tk-lead i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(253,216,53,.18);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(253,216,53,0)}}
.tk-lead b{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t1)}
.tk-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 48px),transparent)}
.tk-track{display:flex;width:max-content;height:100%;animation:tk 90s linear infinite}
.tk:hover .tk-track{animation-play-state:paused}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tk-lg{flex:none;display:flex;align-items:center;gap:8px;padding:0 14px 0 18px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--t2);border-left:1px solid var(--line2)}
.tk-lg img{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.tk-g{flex:none;width:176px;padding:7px 14px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-left:1px solid var(--line)}
.tk-when{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:var(--t3);white-space:nowrap}
.tk-when em{font-style:normal;color:var(--gold);font-weight:600}
.tk-row{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:600}
.tk-row img{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.55))}
.tk-row .ab{flex:1}
.tk-row .rec{font-size:11px;font-weight:400;color:var(--t3);font-variant-numeric:tabular-nums}

/* header */
.hd{position:sticky;top:0;z-index:30;background:rgba(10,11,28,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:20px;height:64px}
.mnu{display:none;width:32px;height:32px;flex:none;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--s1);cursor:pointer}
.mnu .ic{width:20px;height:20px}
.mnu-x{font-size:22px;line-height:1}
.hd-logo{display:flex;align-items:center;flex:none}
.hd-logo img{width:56px;height:32px}
.lgs{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.lg{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--t2);transition:background .15s,color .15s}
.lg:hover{background:var(--s1);color:var(--t1)}
.lg img{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.lg.on{color:var(--gold);background:var(--s1)}
.lg.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-12px;height:3px;border-radius:3px 3px 0 0;background:var(--gold)}
.lg-t{display:grid}
.lg-t>span{grid-area:1/1;white-space:nowrap;transition:opacity .35s ease,transform .35s ease}
.lg-t .nt{opacity:0;transform:translateY(8px)}
.alt .lg-t .en{opacity:0;transform:translateY(-8px)}
.alt .lg-t .nt{opacity:1;transform:none}
.hr{position:relative;display:flex;align-items:center;gap:8px;flex:none}
/* product pill (app.kizzy.io Casino / Sports switch, active state) */
.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#6045bf 0%,#9070ff 100%);color:#fff;font-size:14px;font-weight:600;line-height:18px;white-space:nowrap;overflow:hidden;transition:filter .15s}
.pill:hover{filter:brightness(1.12)}
.pill-em{position:absolute;left:0;top:4px;width:24px;height:24px;color:#fff;opacity:.2;pointer-events:none}
.pill-t{position:relative}
.hp .pill::after{content:"";position:absolute;top:-60%;left:-70%;width:36%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(20deg);animation:shine 4.2s ease-in-out infinite;pointer-events:none}
.hp .pill+.pill::after{animation-delay:.35s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:0;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .12s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn .ic{width:18px;height:18px}
.kz .btn-gold{background:var(--gold);color:#0a0b1c}
.kz .btn-gold:hover{background:var(--gold-h)}
.sbtn{width:32px;height:32px;border-radius:8px;border:0;background:var(--s1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}
.sbtn .ic{width:18px;height:18px}
.sbtn:hover{background:var(--s2)}
.srch{position:absolute;right:0;top:50%;transform:translateY(-50%);height:32px;width:32px;display:flex;align-items:center;gap:8px;padding:0 0 0 10px;border-radius:8px;background:var(--s1);border:1px solid transparent;overflow:hidden;opacity:0;pointer-events:none;transition:width .28s cubic-bezier(.2,.8,.2,1),opacity .15s,border-color .2s}
.s-open .srch{width:100%;opacity:1;pointer-events:auto;border-color:var(--purple)}
.srch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:400 14px Lexend,sans-serif}
.srch input::placeholder{color:var(--t3)}
.srch .x{flex:none;width:32px;height:30px;border:0;background:transparent;color:var(--t2);cursor:pointer;font-size:18px;line-height:1}
.srch-res{position:absolute;right:0;top:46px;width:max(100%,360px);background:var(--s1);border:1px solid var(--line2);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.5);padding:6px;z-index:31}
.srch-res a{display:block;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--t1)}
.srch-res a:hover{background:var(--s2)}
.srch-res small{display:block;color:var(--t3);font-size:11px;margin-top:2px}
.srch-res p{margin:0;padding:12px;color:var(--t3);font-size:13px}

/* phone drawer */
.dw-scrim{position:absolute;left:0;right:0;top:100%;height:100vh;border:0;padding:0;background:rgba(5,6,16,.62);cursor:pointer;z-index:28}
.dw{position:absolute;left:0;top:100%;z-index:29;width:min(320px,86%);max-height:calc(100vh - 110px);overflow-y:auto;padding:8px 8px 16px;background:#11112a;border-right:1px solid var(--line2);box-shadow:20px 0 40px rgba(0,0,0,.45)}
.dw-h{margin:14px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.dw-row{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:none;text-align:left;font-size:14px;font-weight:600;color:var(--t1);cursor:pointer}
.dw-row:hover{background:var(--s1)}
.dw-row .ic{width:18px;height:18px}
.dw-row small{margin-left:auto;font-size:11px;font-weight:400;color:var(--t3)}
.dw-lg{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}

/* event banner (rotates on click) */
.bnw{position:relative;margin-top:20px}
.bn{position:relative;display:block;width:100%;height:224px;padding:0;border:0;text-align:left;cursor:pointer;border-radius:14px;overflow:hidden;background:#0c0a1d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.35);color:#fff;font-family:inherit}
.bn>span{display:block}
.bn-bg{position:absolute;inset:0;background:
  radial-gradient(60% 120% at 62% 120%,var(--c1a),transparent 60%),
  radial-gradient(55% 120% at 100% 0%,var(--c2a),transparent 62%),
  radial-gradient(40% 80% at 0% 100%,rgba(133,98,254,.35),transparent 70%),
  linear-gradient(115deg,#0b0a1c 0%,#14102e 48%,#0b0a1c 100%);transition:background .4s}
.bn-lights{position:absolute;inset:0 0 auto 0;height:70px;opacity:.7;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1.4px,transparent 2.2px);background-size:22px 12px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.bn-beam{position:absolute;top:-40%;width:3px;height:180%;border-radius:3px;filter:blur(1px);transform-origin:top}
.bn-beam.b1{left:40%;background:linear-gradient(180deg,transparent,var(--c1),transparent);transform:rotate(28deg);opacity:.85}
.bn-beam.b2{left:46%;width:1.5px;background:linear-gradient(180deg,transparent,#fff,transparent);transform:rotate(28deg);opacity:.6}
.bn-beam.b3{left:92%;background:linear-gradient(180deg,transparent,var(--c2),transparent);transform:rotate(-24deg);opacity:.85}
.bn-beam.b4{left:86%;width:1.5px;background:linear-gradient(180deg,transparent,#fff,transparent);transform:rotate(-24deg);opacity:.5}
.bn-smoke{position:absolute;left:30%;right:-10%;bottom:-60px;height:140px;background:radial-gradient(50% 60% at 50% 60%,rgba(255,255,255,.12),transparent 70%);filter:blur(18px)}
.bn .bn-in{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:0 84px 0 40px}
.bn .bn-txt{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.bn .bn-tag{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px;border-radius:999px;background:rgba(253,216,53,.14);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(253,216,53,.35)}
.bn-tag i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.bn .bn-h{margin:0;font-size:44px;line-height:1.02;font-weight:800;letter-spacing:-.01em;transform:skewX(-8deg);transform-origin:left;background:linear-gradient(180deg,#fff 0%,#f1f0fa 42%,#a7a5c4 56%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(0,0,0,.65));white-space:nowrap}
.bn .bn-sub{font-size:15px;font-weight:600;color:var(--t2);transform:skewX(-8deg);transform-origin:left}
.bn .bn-when{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bn-date{font-size:20px;font-weight:800;transform:skewX(-8deg);color:var(--gold);text-shadow:0 0 18px rgba(253,216,53,.35)}
.bn-meta{font-size:12px;color:var(--t2)}
.bn .bn-series{font-size:12px;color:var(--t3)}
.bn .bn-vs{display:flex;align-items:center;gap:22px}
.bn .bn-team{display:flex;flex-direction:column;align-items:center;gap:8px;width:150px}
.bn-team img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 26px var(--glow)) drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.bn-team b{font-size:13px;font-weight:700;letter-spacing:.02em}
.bn-team span{font-size:11px;color:var(--t3)}
.bn .bn-x{font-size:40px;font-weight:800;transform:skewX(-8deg);background:linear-gradient(180deg,#fff,#9b98b8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}
.bn .bn-cd{position:absolute;right:16px;top:14px;z-index:2;font-size:11px;color:var(--t2);background:rgba(10,11,28,.6);padding:4px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bn .bn-next{position:absolute;right:18px;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background .15s}
.bn:hover .bn-next{background:rgba(255,255,255,.18)}
.bn-next .ic{width:16px;height:16px}
.bn-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.bn-dots button{pointer-events:auto;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .2s,background .2s}
.bn-dots button.on{width:22px;background:var(--gold)}


/* "Ready to play?" strip: every exit to the app (header pills, sportsbook list, promo) */
.rtp{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;background:linear-gradient(180deg,#fff0a0 0%,#fdd835 45%,#caad2a 100%);color:#0a0b1c;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;line-height:1}
.rtp::after{content:"";position:absolute;top:-60%;left:-60%;width:30%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);transform:rotate(20deg);animation:shine 2.8s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%{left:-60%}55%,100%{left:140%}}
.rtp .lg-t>span{text-align:center}
.rtp-top{height:30px;font-size:11px;border-radius:12px 12px 0 0;box-shadow:0 6px 14px -6px rgba(253,216,53,.45)}
.hp{position:relative;display:flex;gap:8px}
.sb{overflow:hidden;padding-top:0}
.sb .rtp-top{margin-bottom:8px}
.rtp-dw{margin:14px 4px 6px;border-radius:8px 8px 0 0}
.mr{color:var(--gold);font-weight:600}



/* ---- theme glue ---- */
:root{--rail-w:284px}
body.kz{font-size:14px;line-height:1.45}
.kz a{color:inherit;text-decoration:none}
.kz a:hover{text-decoration:none}
.kz .doc a{color:var(--brand-soft)}
.kz .doc a:hover{text-decoration:underline}
.kz .doc .kg-btn,.kz .doc .kg-bookmark-container{text-decoration:none}
.hr{margin-left:auto}
.bn-team.ta{--glow:var(--ga)}
.bn-team.th{--glow:var(--gh)}
.tk-live{display:inline-block;padding:1px 5px;border-radius:4px;background:#e60012;color:#fff;font-weight:700;font-size:9px;letter-spacing:.06em}
.tk-row .sc{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.mh-t .mh-en{font:inherit;color:inherit}
.hd .results{position:absolute;right:0;top:46px;width:min(440px,calc(100vw - 32px));max-height:70vh;overflow:auto;z-index:45;background:var(--s1);border:1px solid var(--line2);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.5);padding:6px}
.srch-ic{width:16px;height:16px;color:#999}
.kz .chip{border:0}
.list{padding-top:24px;padding-bottom:20px;display:flex;flex-direction:column;gap:16px}
.showmore{display:flex}
.showmore .more{display:flex;text-decoration:none}
.ar-page{margin:28px auto 0;max-width:820px}
.ar-err{margin-top:20px}
.p2-txt .p2-tx{padding:18px}
.da .ic{width:14px;height:14px}
.ar-body.doc{max-width:none;padding:0}
.ar-body.doc h1{font-size:26px}
.ar-body.doc img{border-radius:10px}
body.menu-open{overflow:hidden}
.dw[hidden],.dw-scrim[hidden],.tk[hidden],.bnw[hidden],.ca[hidden],.mh-sub[hidden],.mh-logo[hidden]{display:none!important}

/* ---- docs: GitBook layout kept, restyled ---- */
.dk{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) 230px;align-items:start;min-height:calc(100vh - 64px)}
.dk .rail{position:sticky;top:64px;height:calc(100vh - 64px);width:auto;z-index:20;background:#0d0d22;border-right:1px solid var(--line);padding:18px 14px 0;display:flex;flex-direction:column;gap:12px;transform:none}
.dk .doccol{padding:36px 48px 80px;max-width:820px;width:100%;justify-self:center}
.dk .onpage{position:sticky;top:64px;padding:36px 20px}
.seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0a0b1c;box-shadow:inset 0 0 0 1px var(--line2)}
.seg .pill{flex:1;min-width:0}
.seg-off{flex:1;display:flex;align-items:center;justify-content:center;height:32px;border-radius:8px;color:#cec0ff;font-size:14px;font-weight:600}
.seg-off:hover{color:#fff}
.dk .rail__filter{height:36px;border-radius:8px;background:var(--s1);border:1px solid var(--line);color:#fff;font:400 13px Lexend,sans-serif;padding:0 12px;width:100%}
.dk .doc__title{font-family:Lexend,sans-serif;font-weight:700;letter-spacing:-.01em}
.dk .doc img,.dk .kg-image{border-radius:12px}
.dk .navlink[aria-current="page"]{color:var(--gold)}
#railtoggle{display:none}
@media (max-width:1080px){.dk{grid-template-columns:var(--rail-w) minmax(0,1fr)}.dk .onpage{display:none}}
@media (max-width:860px){
  .dk{display:block}
  .dk .rail{position:fixed;top:0;bottom:0;left:0;height:auto;z-index:60;width:min(88vw,320px);transform:translateX(-100%);transition:transform .22s ease;box-shadow:12px 0 40px rgba(0,0,0,.45)}
  body.rail-open .dk .rail{transform:none}
  .railscrim{inset:0;z-index:55}
  #railtoggle{display:flex}
  .dk .doccol{padding:24px 18px 60px}
}

/* columns */
.cols{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:20px;margin-top:20px;align-items:start}
.col{display:flex;flex-direction:column;gap:16px;min-width:0}
.kcard{background:var(--s1);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.25)}
.card-h{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;font-size:14px;font-weight:600}
.card-h small{margin-left:auto;font-size:11px;font-weight:400;color:var(--t3)}

/* log in card */
.rg{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:20px 16px 16px;border-radius:12px;background:radial-gradient(90% 80% at 100% 0%,rgba(133,98,254,.45),transparent 65%),radial-gradient(80% 70% at 0% 100%,rgba(80,2,125,.55),transparent 70%),linear-gradient(180deg,#1d1a44,#121230);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.25);text-align:center}
.rg-sl{position:absolute;top:22px;height:2px;width:46px;background:linear-gradient(90deg,transparent,var(--purple-h))}
.rg-sl.l{left:8px}
.rg-sl.r{right:8px;transform:scaleX(-1)}
.rg-h{position:relative;margin:0;font-size:22px;line-height:1.05;font-weight:800;text-transform:uppercase;transform:skewX(-8deg)}
.rg-h span{display:block;color:var(--gold)}
.rg p{margin:10px 0 14px;font-size:12px;color:var(--t2)}
.rg .btn{width:100%;height:44px;font-size:15px;margin-top:auto}

/* sportsbook nav (desktop left column) */
.sb{padding:8px 0}
.sb-row{display:flex;align-items:center;gap:10px;margin:0 8px;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--t1);transition:background .15s}
.sb-row:hover{background:var(--s3)}
.sb-row .ic{width:18px;height:18px;color:var(--t1)}
.sb-row:hover .ic{color:var(--gold)}
.sb-row small{margin-left:auto;font-size:11px;font-weight:400;color:var(--t3);white-space:nowrap}
.sb-sep{height:1px;margin:6px 16px;background:var(--line)}

/* docs ad */
.da{position:relative;display:block;overflow:hidden;height:300px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.3)}
.da>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.da-in{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:20px 18px}
.da-mark{width:40px;height:44px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.da-k{margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--pk);text-transform:uppercase}
.da-h{display:block;margin:6px 0 0;font-size:34px;line-height:.95;font-weight:800;text-transform:uppercase;transform:skewX(-8deg);transform-origin:left;background:linear-gradient(180deg,#fff 0%,#eeeaff 45%,#b7aee6 56%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6))}
.da-h span{display:block;background:linear-gradient(180deg,#fff3a6 0%,#fdd835 50%,#caad2a 58%,#fde05d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.da-p{display:block;margin:10px 0 14px;font-size:12px;line-height:1.4;color:var(--t2)}
.da .btn{height:34px;padding:0 14px;font-size:13px}

/* middle: flat section header */
.mh{padding:2px 2px 12px;border-bottom:1px solid var(--line2);position:relative}
.mh::after{content:"";position:absolute;left:2px;bottom:-1px;width:56px;height:2px;border-radius:2px;background:var(--gold)}
.mh-row{display:flex;align-items:center;gap:12px;min-width:0}
.mh-logo{width:30px;height:30px;object-fit:contain;background:#fff;border-radius:8px;padding:3px;flex:none}
.mh-t{margin:0;display:flex;align-items:baseline;gap:10px;font-size:26px;line-height:1.15;font-weight:700;white-space:nowrap}
.mh-t .mh-nt{font-size:16px;font-weight:500;color:var(--t3)}
.mh-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);white-space:nowrap}
.mh-st i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.mh-teams{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.mh-teams img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.4))}
.mh-sub{margin:6px 0 0;font-size:12px;color:var(--t3)}
.sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:6px 2px -4px}
.sec h3{margin:0;font-size:16px;font-weight:700}
.sec span{font-size:12px;color:var(--t3)}
.p1{display:block;overflow:hidden;border-radius:12px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line),0 10px 28px rgba(0,0,0,.3);transition:transform .2s}
.p1:hover{transform:translateY(-2px)}
.p1-img{position:relative;display:block;aspect-ratio:1200/630;background:var(--s2);overflow:hidden}
.p1-img img{width:100%;height:100%;object-fit:cover}
.p1-tx{display:block;padding:16px 18px 18px}
.p1-tx .h4{display:block;font-size:24px;line-height:1.3;font-weight:700}
.p1-tx .ex{display:-webkit-box;margin-top:8px;font-size:14px;color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--t3)}
.meta i{width:3px;height:3px;border-radius:50%;background:var(--t4)}
.chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--s2);color:var(--t2);font-size:11px;font-style:normal;white-space:nowrap}
.p23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.p2{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s}
.p2:hover{transform:translateY(-2px)}
.p2-tx{display:block;padding:12px 14px 14px}
.p2-tx .h4{display:-webkit-box;font-size:16px;line-height:1.35;font-weight:700;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.al{overflow:hidden}
.al-row{display:grid;grid-template-columns:136px minmax(0,1fr);gap:14px;padding:12px 14px;border-top:1px solid var(--line);transition:background .15s}
.al-row:first-of-type{border-top:0}
.al-row:hover{background:rgba(255,255,255,.03)}
.al-row img{width:136px;height:72px;object-fit:cover;border-radius:8px;background:var(--s2)}
.al-tx{display:block;min-width:0}
.al-row .h4{display:-webkit-box;font-size:15px;line-height:1.35;font-weight:600;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al-row .meta{margin-top:6px}
.more{display:flex;align-items:center;justify-content:center;width:calc(100% - 28px);height:42px;margin:4px 14px 14px;border:0;border-radius:8px;background:var(--s2);font-size:14px;font-weight:600;cursor:pointer}
.more:hover{background:var(--s3)}
.empty{padding:28px 20px;text-align:center;color:var(--t3);font-size:13px}
.empty b{display:block;color:var(--t1);font-size:15px;margin-bottom:4px}
.kz img.fb{object-fit:contain;padding:6%;background:var(--s2)}
.al-row img.fb{padding:14px 40px}

/* promo card with the Live promo tab */
.prw{position:relative;display:flex;flex-direction:column}
.pr{position:relative;display:flex;flex-direction:column;flex:1;overflow:hidden;border-radius:12px;background:#04140b;box-shadow:inset 0 0 0 1px rgba(23,255,173,.18),0 10px 28px rgba(0,0,0,.35)}
.pr-art{position:relative;display:block;height:190px;overflow:hidden}
.pr-art img{width:100%;height:100%;object-fit:cover;object-position:60% 20%}
.pr-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,11,.15) 0,transparent 30%,transparent 45%,#04140b 100%)}
.pr-tx{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-34px;padding:0 16px 16px;text-align:center}
.pr-h{display:block;font-size:38px;line-height:.95;font-weight:800;text-transform:uppercase;transform:skewX(-8deg);background:linear-gradient(180deg,#fff 0%,#eef 45%,#a9b3ad 56%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.7))}
.pr-l{display:flex;justify-content:center;gap:6px;margin-top:10px;font-size:15px;font-weight:700;transform:skewX(-8deg)}
.pr-l2{margin-top:4px}
.pr-l b{background:linear-gradient(180deg,#d9ffe9,#17ffad 60%,#0e9968);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.pr-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;height:36px;padding:0 20px;border-radius:999px;background:#fff;color:#04140b;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pr-fine{display:block;margin-top:10px;font-size:10px;color:rgba(255,255,255,.6)}

.hl ol{list-style:none;margin:0;padding:0 8px 8px}
.hl li a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:10px 8px;border-top:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--t1);border-radius:6px}
.hl li:first-child a{border-top:0}
.hl li a:hover{background:rgba(255,255,255,.04)}
.hl li a .n{font-size:12px;font-weight:700;color:var(--t4);font-variant-numeric:tabular-nums;padding-top:1px}
.hl li:nth-child(-n+3) a .n{color:var(--gold)}
.ca{background:transparent;box-shadow:inset 0 0 0 1px var(--line2);cursor:default}
.ca .card-h{color:var(--t2)}
.ca .card-h svg{color:var(--t3)}
.ca ul{list-style:none;margin:0;padding:0 14px 12px}
.ca li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-top:1px dashed var(--line2)}
.ca li:first-child{border-top:0}
.ca-d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:44px;border-radius:8px;background:rgba(255,255,255,.04);line-height:1}
.ca-d small{font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--t3);text-transform:uppercase}
.ca-d b{font-size:17px;font-weight:700;color:var(--t2);margin-top:3px}
.ca-t{min-width:0}
.ca-t b{display:block;font-size:13px;font-weight:600;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-t span{display:block;font-size:11px;color:var(--t3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-t em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--t4);margin-right:6px}

/* article page */
.ar-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:24px;align-items:start}
.ar{min-width:0;max-width:820px}
.crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t3)}
.crumb button{border:0;background:none;padding:0;font-size:12px;color:var(--t2);cursor:pointer}
.crumb button:hover{color:var(--gold)}
.crumb .cur{color:var(--gold)}
.ar-h{margin:12px 0 0;font-size:36px;line-height:1.25;font-weight:700;text-wrap:balance}
.ar-dek{margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--t2)}
.ar-meta{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ar-av{width:34px;height:36px}
.ar-by{display:flex;flex-direction:column}
.ar-by b{font-size:13px}
.ar-by small{font-size:12px;color:var(--t3)}
.ar-src{margin-left:auto}
.ar-fig{margin:20px 0 0}
.ar-fig img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.3)}
.ar-body{margin-top:24px;font-size:17px;line-height:1.85;color:#e6e6ee}
.ar-body p{margin:0 0 18px}
.ar-body h2{margin:30px 0 12px;font-size:22px;line-height:1.35;font-weight:700;color:#fff}
.ar-body strong{color:#fff;font-weight:700}
.ar-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.ar-body .src{font-size:14px;color:var(--t3)}
.ar-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ar-tags .chip{height:28px;padding:0 12px;font-size:12px}
.ar-more{margin-top:36px;display:flex;flex-direction:column;gap:16px}
.ar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ar-side{position:sticky;top:84px}

/* footer (matches app.kizzy.io) */
.ft{margin-top:46px;padding:30px 0;background:#191937}
.ft-in{max-width:1280px;margin:0 auto;padding:0 16px}
.ft-top{display:flex;justify-content:space-between;gap:64px;margin-bottom:32px}
.ft-l{display:flex;flex-direction:column;gap:40px;max-width:448px}
.ft-brand{display:flex;flex-direction:column;gap:24px}
.ft-brand img{width:56px;height:32px}
.ft-brand p{margin:0;font-size:14px;line-height:18px;color:#999}
.ft-c{display:flex;flex-direction:column;gap:20px}
.ft-mail{display:flex;align-items:center;gap:8px;font-size:14px;line-height:18px;color:#fff}
.ft-mail:hover{color:#999}
.ft-mail .ic{width:16px;height:16px}
.ft-soc{display:flex;align-items:center;gap:12px}
.ft-soc a{width:30px;height:30px;border-radius:50%;background:#2b2850;display:flex;align-items:center;justify-content:center;transition:background .15s}
.ft-soc a:hover{background:#453f77}
.ft-soc .ic{width:16px;height:16px;color:#fff}
.ft-r{display:flex;gap:100px}
.ft-r div{display:flex;flex-direction:column;gap:20px}
.ft-r p{margin:0;font-size:14px;line-height:18px;color:#fff}
.ft-r nav{display:flex;flex-direction:column;gap:12px}
.ft-r a{font-size:14px;line-height:20px;color:#666;transition:color .15s}
.ft-r a:hover{color:#fff}
.ft-seal{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:24px;border-top:1px solid rgba(51,51,51,.5)}
.ft-seal div,.ft-seal a{width:80px;height:48px;border-radius:12px;background:#2b2850;display:flex;align-items:center;justify-content:center;padding:0 16px}
.ft-seal img.s{height:28px;width:auto}
.ft-seal img.a{width:28px;height:28px}

/* tablet */
@media (max-width:1180px){
  .cols{grid-template-columns:220px minmax(0,1fr) 280px;gap:16px}
  .lg{padding:0 9px}
  .bn .bn-h{font-size:36px}
  .bn .bn-team{width:120px}
  .bn-team img{width:96px;height:96px}
}
/* phone */
@media (max-width:760px){
  .wrap{padding:0 16px}
  .tk{height:54px}
  .tk-lead{padding:0 10px 0 16px}
  .tk-lead b{display:none}
  .tk-g{width:150px;padding:6px 10px}
  .hd-in{flex-wrap:wrap;height:auto;gap:0;padding-top:10px}
  .mnu{display:flex;margin-right:10px}
  .hd-logo{margin-right:auto;height:36px}
  .hd-logo img{width:50px;height:29px}
  .hr{gap:6px}
  .hp{gap:6px}
  .lgs{order:3;flex:0 0 calc(100% + 32px);margin:8px -16px 0;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none;gap:2px}
  .lgs::-webkit-scrollbar{display:none}
  .lg{flex:none;height:36px;font-size:13px}
  .lg.on::after{bottom:-8px}
  .srch-res{width:calc(100vw - 32px)}
  .bnw{margin-top:16px}
  .bn{height:auto}
  .bn .bn-in{grid-template-columns:1fr;gap:12px;padding:20px 18px 34px}
  .bn .bn-h{font-size:30px;white-space:normal}
  .bn .bn-sub{font-size:13px}
  .bn .bn-vs{order:-1;justify-content:center;gap:14px}
  .bn .bn-team{width:104px}
  .bn-team img{width:76px;height:76px}
  .bn .bn-x{font-size:26px}
  .bn .bn-cd{top:10px;right:10px}
  .bn .bn-next{top:auto;bottom:10px;right:12px;margin:0;width:30px;height:30px}
  .bn-dots{bottom:20px}
  .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
  .col{display:contents}
  .cols>.col>*{grid-column:1/-1}
  .cols>.col>.rg,.cols>.col>.prw{grid-column:auto}
  .sb{display:none}
  .o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}.o8{order:8}
  .mh-row{flex-wrap:wrap;gap:8px}
  .mh-t{font-size:22px}
  .mh-t .mh-nt{font-size:14px}
  .mh-teams{margin-left:0;width:100%;justify-content:flex-start}
  .mh-teams img{width:22px;height:22px}
  .p1-tx .h4{font-size:19px}
  .p23{grid-template-columns:1fr;gap:12px}
  .al-row{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px}
  .al-row img{width:112px;height:63px}
  .al-row .h4{font-size:14px}
  .rg{padding:16px 10px 12px;justify-content:flex-start}
  .rg-sl{display:none}
  .rg-h{font-size:17px}
  .rg p{margin:8px 0 12px;font-size:11px;line-height:1.35}
  .rg .btn{height:38px;font-size:14px}
  .pr .rtp-top{height:24px;font-size:8.5px;letter-spacing:.08em}
  .pr-art{height:96px}
  .pr-tx{margin-top:-20px;padding:0 8px 12px}
  .pr-h{font-size:21px}
  .pr-l{margin-top:6px;font-size:11px;gap:4px}
  .pr-l2{margin-top:2px}
  .pr-cta{margin-top:10px;height:30px;padding:0 12px;font-size:10px}
  .pr-fine{display:none}
  .da{height:220px}
  .ar-cols{grid-template-columns:1fr;gap:28px;margin-top:20px}
  .ar-h{font-size:25px}
  .ar-dek{font-size:15px}
  .ar-meta{flex-wrap:wrap}
  .ar-src{margin-left:0}
  .ar-body{font-size:16px;line-height:1.8}
  .ar-body h2{font-size:19px}
  .ar-grid{grid-template-columns:1fr;gap:12px}
  .ar-side{position:static}
  .ft-top{flex-direction:column;gap:32px}
  .ft-l{display:contents}
  .ft-brand{order:1}
  .ft-r{order:2;gap:64px}
  .ft-c{order:3}
}
@media (prefers-reduced-motion:reduce){
  .tk-track,.rtp::after,.hp .pill::after,.tk-lead i{animation:none}
  .lg-t>span,.srch,.p1,.p2{transition:none}
}

/* ---- tablet: feed + right rail, left column moves under them ---- */
.mh-row{flex-wrap:wrap}
@media (min-width:761px) and (max-width:1180px){
  .cols{grid-template-columns:minmax(0,1fr) 280px}
  .cols>.col:first-child{order:3;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
  .cols>.col:first-child .da{height:100%;min-height:260px}
}