:root{
  --bg:#f2f4ef;
  --surf:#ffffff;
  --soft:#e8f1ea;
  --e1:#062f22;
  --e2:#073b2a;
  --e3:#0e5c40;
  --e4:#13895c;
  --e5:#4cc38a;
  --e6:#d4efdf;
  --gold:#f2b632;
  --gold2:#ffd36b;
  --ink:#16231c;
  --mut:#5f6f66;
  --line:#e1e7e2;
  --r:24px;
  --sh:0 1px 2px rgba(6,47,34,.04),0 8px 24px rgba(6,47,34,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16.5px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--e4)}
h1{font-size:clamp(28px,3.6vw,44px);line-height:1.12;font-weight:800;color:var(--e1);letter-spacing:-.6px;margin-bottom:14px}
h2{font-size:clamp(21px,2.3vw,28px);line-height:1.2;font-weight:800;color:var(--e1);letter-spacing:-.3px;margin-bottom:12px}
h3{font-size:17px;font-weight:800;color:var(--e2);margin:14px 0 4px}
p{margin-bottom:12px}
.tile p a,.lg5 a,.qa5 a{color:var(--e3);font-weight:800;text-decoration:none;border-bottom:2px solid var(--gold)}
.tile p a:hover,.lg5 a:hover,.qa5 a:hover{background:var(--gold2)}

/* buttons */
.bt5{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:14px;background:var(--e3);color:#fff;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s,box-shadow .2s}
.bt5:hover{background:var(--e4);transform:translateY(-1px)}
.bt5--gold{background:var(--gold);color:#1e1905;box-shadow:0 6px 16px rgba(242,182,50,.35)}
.bt5--gold:hover{background:var(--gold2)}
.bt5--ghost{background:transparent;color:var(--e3);box-shadow:inset 0 0 0 2px var(--e6)}
.bt5--ghost:hover{background:var(--e6)}
.bt5--xl{padding:14px 26px;font-size:16px}
.bt5--sm{padding:7px 13px;font-size:13px}

/* app shell */
.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:26px 18px;background:linear-gradient(180deg,var(--e2),var(--e1));color:#cfe6d9;overflow-y:auto}
.side__logo img{height:30px;width:auto}
.side__nav{display:grid;gap:6px}
.side__nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;color:#cfe6d9;text-decoration:none;font-weight:700;transition:background .2s,color .2s}
.side__nav a i{width:30px;height:30px;border-radius:10px;display:grid;place-content:center;background:rgba(255,255,255,.08);font-style:normal;color:var(--gold2)}
.side__nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.side__nav a[aria-current="page"]{background:var(--e3);color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.side__card{margin-top:auto;padding:18px;border-radius:20px;background:linear-gradient(150deg,var(--e4),var(--e3));color:#fff;position:relative;overflow:hidden}
.side__card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(242,182,50,.25)}
.side__card span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--e6);font-weight:700}
.side__card b{display:block;font-size:34px;font-weight:800;line-height:1.1}
.side__card small{display:block;margin-bottom:12px;color:var(--e6)}
.side__card .bt5{width:100%}
.side__legal{display:grid;gap:4px;font-size:13px}
.side__legal a{color:#9fc4b1;text-decoration:none}
.side__legal a:hover{color:#fff}
.main5{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:14px 28px;background:rgba(242,244,239,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar__logo{display:none}
.topbar__logo img{height:24px;width:auto}
.topbar__hi{margin:0;font-weight:800;color:var(--e2)}
.topbar__hi::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--e5);margin-right:8px;box-shadow:0 0 0 4px rgba(76,195,138,.25);animation:live 1.6s infinite}
@keyframes live{50%{box-shadow:0 0 0 8px rgba(76,195,138,0)}}
.topbar__btns{margin-left:auto;display:flex;gap:10px}
.tabbar{display:none}
.content{padding:24px 28px 30px;display:grid;gap:22px;max-width:1240px;width:100%}

/* tiles */
.tile{background:var(--surf);border-radius:var(--r);padding:28px;box-shadow:var(--sh);min-width:0;scroll-margin-top:80px}
.tile--soft{background:var(--soft)}
.tile--dark{background:linear-gradient(150deg,var(--e2),var(--e1));color:#d6ebdf}
.tile--dark h2{color:#fff}
.tile--dark p{color:#bcd9c9}
.tile--hero{background:radial-gradient(600px 300px at 100% 0,rgba(76,195,138,.2),transparent 60%),var(--surf)}
.tile__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.crumb{font-size:13px;font-weight:800;color:var(--e4);text-transform:uppercase;letter-spacing:1.2px}
.lead5{font-size:18px;color:var(--mut);max-width:720px}
.duo5{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hx5{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center}
.hx5__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}

/* wallet */
.wallet{padding:24px;border-radius:22px;background:linear-gradient(150deg,var(--e3),var(--e1));color:#fff;box-shadow:0 20px 40px rgba(6,47,34,.25);position:relative;overflow:hidden}
.wallet::before{content:"";position:absolute;left:-40px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(76,195,138,.2)}
.wallet__top{display:flex;justify-content:space-between;font-size:13px;color:var(--e6)}
.wallet__top i{font-style:normal;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.12)}
.wallet__sum{display:block;font-size:56px;font-weight:800;line-height:1.1;margin:8px 0 12px;color:var(--gold2)}
.wallet__bar{display:flex;height:10px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.12);margin-bottom:16px}
.wallet__bar i{width:var(--w);animation:wfill 1.4s cubic-bezier(.3,1,.4,1) both}
.wallet__bar i:nth-child(1){background:var(--e5)}.wallet__bar i:nth-child(2){background:#7fd8a9;animation-delay:.15s}.wallet__bar i:nth-child(3){background:var(--gold2);animation-delay:.3s}.wallet__bar i:nth-child(4){background:var(--gold);animation-delay:.45s}
@keyframes wfill{from{width:0}}
.wallet__rows{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:14px;position:relative}
.wallet__rows span{color:#bcd9c9}

/* kpis */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{padding:18px 20px;border-radius:20px;background:var(--surf);box-shadow:var(--sh);transition:transform .2s}
.kpi:hover{transform:translateY(-3px)}
.kpi span{font-size:13px;color:var(--mut);font-weight:700}
.kpi b{display:block;font-size:28px;font-weight:800;color:var(--e2);line-height:1.2}
.kpi small{color:var(--e4);font-weight:700}
.kpis--in{margin-top:18px}
.kpis--in .kpi{background:var(--soft);box-shadow:none}

/* offers list */
.offers{display:grid;gap:8px;margin:16px 0}
.of{border-radius:16px;background:var(--bg);transition:background .2s}
.of[open]{background:var(--soft)}
.of summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:12px 16px}
.of summary::-webkit-details-marker{display:none}
.of summary i{flex:0 0 36px;height:36px;border-radius:12px;display:grid;place-content:center;font-style:normal;font-weight:800;background:var(--e2);color:var(--gold2)}
.of__n{flex:1;font-weight:700}
.of summary b{color:var(--e3);font-weight:800;white-space:nowrap}
.of summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--e4);border-bottom:2px solid var(--e4);transform:rotate(45deg);transition:transform .2s;margin-left:6px}
.of[open] summary::after{transform:rotate(-135deg)}
.of__d{padding:0 16px 12px 66px;animation:fu5 .3s}
.of__d p{margin:0}
@keyframes fu5{from{opacity:0;transform:translateY(-4px)}}

/* lists */
.li5{list-style:none;margin:8px 0 12px}
.li5 li{position:relative;padding:5px 0 5px 26px}
.li5 li::before{content:"";position:absolute;left:4px;top:13px;width:10px;height:10px;border-radius:3px;background:var(--e5);transform:rotate(45deg)}
.tile--dark .li5 li::before{background:var(--gold)}
.steps5{list-style:none;counter-reset:s5;margin:10px 0 14px}
.steps5 li{counter-increment:s5;position:relative;padding:7px 0 7px 44px}
.steps5 li::before{content:counter(s5);position:absolute;left:0;top:4px;width:30px;height:30px;border-radius:10px;background:var(--e3);color:#fff;font-weight:800;display:grid;place-content:center;font-size:14px}

/* lobby */
.lob{overflow:hidden;margin:16px -28px -10px;padding:0 0 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lob__run{display:flex;gap:14px;width:max-content;animation:lob 70s linear infinite!important}
@keyframes lob{to{transform:translateX(calc(-50% - 7px))}}
.lob__g{flex:0 0 190px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.06);text-decoration:none;transition:transform .25s,background .25s}
.lob__g img{width:100%;height:114px;object-fit:cover}
.lob__g span{display:block;padding:8px 10px;font-size:12px;font-weight:700;color:#d6ebdf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lob__g:hover{transform:translateY(-4px);background:rgba(242,182,50,.18)}

/* field */
.field{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:14px 0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2px var(--e6)}
.field__l{font-size:12px;font-weight:800;color:var(--mut);text-transform:uppercase}
.field__v{flex:1;color:#9aaba1;font-family:Consolas,monospace;position:relative}
.field__v::after{content:"|";color:var(--e4);animation:caret 1s steps(1) infinite;margin-left:2px}
@keyframes caret{50%{opacity:0}}
.field__ok{padding:4px 10px;border-radius:999px;background:var(--e6);color:var(--e3);font-weight:800;font-size:13px}

/* app */
.app5{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.os5{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.qr{justify-self:center;text-align:center;padding:18px;border-radius:22px;background:var(--soft)}
.qr__code{width:170px;height:170px;border-radius:12px;background:
  linear-gradient(var(--e1),var(--e1)) 8px 8px/42px 42px no-repeat,
  linear-gradient(#fff,#fff) 14px 14px/30px 30px no-repeat,
  linear-gradient(var(--e1),var(--e1)) 20px 20px/18px 18px no-repeat,
  linear-gradient(var(--e1),var(--e1)) calc(100% - 8px) 8px/42px 42px no-repeat,
  linear-gradient(#fff,#fff) calc(100% - 14px) 14px/30px 30px no-repeat,
  linear-gradient(var(--e1),var(--e1)) calc(100% - 20px) 20px/18px 18px no-repeat,
  linear-gradient(var(--e1),var(--e1)) 8px calc(100% - 8px)/42px 42px no-repeat,
  linear-gradient(#fff,#fff) 14px calc(100% - 14px)/30px 30px no-repeat,
  linear-gradient(var(--e1),var(--e1)) 20px calc(100% - 20px)/18px 18px no-repeat,
  repeating-conic-gradient(var(--e1) 0 25%,#fff 0 50%) 0 0/14px 14px;
  background-color:#fff;border:10px solid #fff;box-shadow:0 0 0 2px var(--e6);transition:transform .3s}
.qr:hover .qr__code{transform:scale(1.04) rotate(-2deg)}
.qr span{display:block;margin-top:10px;font-weight:800;color:var(--e3)}

/* tables */
.tb5{overflow-x:auto;margin:14px 0;border-radius:16px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:#fff}
th{background:var(--e2);color:#fff;font-size:13px;text-align:left;padding:11px 14px;font-weight:700}
td{padding:11px 14px;border-top:1px solid var(--line)}
tbody tr:hover{background:var(--soft)}

/* badges */
.badges5{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.badges5 span{padding:7px 12px;border-radius:999px;background:var(--soft);color:var(--e2);font-weight:700;font-size:14px}

/* faq tabs */
.ftabs{position:relative}
.ftabs > input{position:absolute;opacity:0;pointer-events:none}
.ftabs__nav{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--bg);margin-bottom:10px}
.ftabs__nav label{padding:8px 16px;border-radius:10px;font-weight:800;cursor:pointer;color:var(--mut);transition:all .2s}
#ft1:checked ~ .ftabs__nav label[for=ft1],#ft2:checked ~ .ftabs__nav label[for=ft2],#ft3:checked ~ .ftabs__nav label[for=ft3]{background:#fff;color:var(--e2);box-shadow:var(--sh)}
.ftp{display:none;animation:fu5 .3s}
#ft1:checked ~ .ftp1,#ft2:checked ~ .ftp2,#ft3:checked ~ .ftp3{display:block}
.qa5{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qa5 > div{padding:16px;border-radius:16px;background:var(--bg)}
.qa5 h3{margin-top:0}
.qa5 p{margin:0;color:var(--mut)}

/* footer */
.ft5{margin:10px 28px 90px;padding:24px 0 0;border-top:1px solid var(--line);font-size:14px;color:var(--mut);max-width:1184px}
.ft5__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px}
.ft5__grid img{height:24px;width:auto;margin-bottom:10px}
.ft5 nav{display:grid;gap:5px}
.ft5 nav a{color:var(--e3);font-weight:700;text-decoration:none}
.ft5__rg{display:flex;gap:10px;align-items:flex-start}
.ft5__rg b{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-content:center;background:var(--e2);color:var(--gold2)}
.ft5__c{margin-top:14px}
.top5{position:fixed;right:20px;bottom:20px;z-index:60;width:44px;height:44px;border-radius:14px;background:var(--e2);color:#fff;display:grid;place-content:center;text-decoration:none;font-weight:800;box-shadow:var(--sh)}

/* bottom sheet popup */
.sh-x{position:fixed;opacity:0;pointer-events:none}
.sheet{position:fixed;inset:0;z-index:100;visibility:hidden;animation:shVis 0s linear 6s forwards}
@keyframes shVis{to{visibility:visible}}
.sh-x:checked + .sheet{display:none}
.sheet__bg{position:absolute;inset:0;background:rgba(6,47,34,.5);opacity:0;animation:shBg .4s ease-out 6s forwards;cursor:pointer}
@keyframes shBg{to{opacity:1}}
.sheet__panel{position:absolute;left:50%;bottom:0;width:100%;max-width:520px;padding:16px 24px 26px;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 50px rgba(6,47,34,.3);transform:translate(-50%,105%);animation:shUp .55s cubic-bezier(.3,1.25,.5,1) 6s forwards;text-align:center}
@keyframes shUp{to{transform:translate(-50%,0)}}
.sheet__grip{display:block;width:46px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 14px}
.sheet__x{position:absolute;top:14px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg);display:grid;place-content:center;font-size:18px;cursor:pointer;color:var(--mut)}
.sheet__x:hover{background:var(--e6);color:var(--e2)}
.sheet__t{font-size:22px;font-weight:800;color:var(--e1);margin-bottom:14px}
.sheet__rows{display:grid;gap:8px;margin-bottom:16px;text-align:left}
.sheet__rows div{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg)}
.sheet__rows i{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-content:center;background:var(--e2);color:var(--gold2);font-style:normal;font-weight:800}
.sheet__rows span{flex:1;font-weight:700}
.sheet__rows b{color:var(--e3)}
.sheet__cta{width:100%}
.sheet__no{display:inline-block;margin-top:10px;color:var(--mut);cursor:pointer;font-weight:700}

/* bingo */
.bingo{text-align:center;position:relative}
.bingo > input{position:absolute;opacity:0;pointer-events:none}
.bingo__head b{display:block;font-size:22px;font-weight:800;color:var(--e1)}
.bingo__head span{font-size:14px;color:var(--mut)}
.bingo__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.bcard{display:block;padding:12px;border-radius:18px;background:var(--soft);cursor:pointer;transition:transform .2s,box-shadow .2s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 0 0 3px var(--gold)}
.bcard__t{display:block;font-weight:800;color:var(--e2);margin-bottom:8px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bc{display:grid;place-content:center;height:52px;border-radius:12px;background:#fff;font-weight:800;font-size:18px;color:var(--e2);transition:all .3s}
.bingo__balls{display:flex;justify-content:center;gap:8px;min-height:44px;margin-bottom:10px}
.bb{width:40px;height:40px;border-radius:50%;display:grid;place-content:center;font-weight:800;color:#fff;background:radial-gradient(circle at 35% 30%,var(--e5),var(--e3));opacity:0;transform:translateY(-20px) scale(.5);transition:all .45s cubic-bezier(.3,1.6,.5,1)}
.bdb{display:none;padding:12px;border-radius:14px;background:var(--e3);color:#fff;font-weight:800;cursor:pointer;margin-bottom:10px}
.bdb:hover{background:var(--e4)}
.bres{display:none;padding:14px;border-radius:16px;margin-bottom:10px;animation:fu5 .4s}
.bres b{display:block;font-size:22px;font-weight:800}
.bres span{display:block;margin:4px 0 10px}
.bres--win{background:linear-gradient(150deg,var(--e3),var(--e1));color:#fff}
.bres--lose{background:var(--bg)}

/* darts */
.darts{text-align:center;position:relative}
.darts > input{position:absolute;opacity:0;pointer-events:none}
.darts__head b{display:block;font-size:22px;font-weight:800;color:var(--e1)}
.darts__head span{font-size:14px;color:var(--mut)}
.board{position:relative;width:220px;height:220px;margin:14px auto;border-radius:50%;background:repeating-conic-gradient(var(--e2) 0 18deg,#f5f1e1 18deg 36deg);box-shadow:0 0 0 10px var(--e1),0 12px 30px rgba(6,47,34,.3)}
.board__r{position:absolute;border-radius:50%;border:8px solid transparent}
.board__r.r1{inset:6px;border-color:rgba(242,182,50,.85)}
.board__r.r2{inset:52px;border-color:rgba(242,182,50,.85)}
.board__r.r3{inset:84px;background:var(--e4);border:0}
.board__bull{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--gold)}
.dart{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;border-radius:50%;background:#e6463a;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.4);opacity:0;transform:translate(-50%,-50%) scale(3);transition:opacity .2s,transform .3s}
@keyframes hit{0%{transform:translate(-50%,-50%) scale(3);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}
.dscore{display:grid;min-height:70px}
.dsc{display:none;grid-area:1/1;animation:fu5 .3s}
.dsc0{display:block}
.dsc b{display:block;font-size:19px;font-weight:800;color:var(--e1)}
.dsc span{display:block;color:var(--mut);margin-bottom:8px}
.dsc--w b{color:var(--e4)}
.dtb{display:none;margin-top:10px;padding:12px;border-radius:14px;background:var(--gold);color:#1e1905;font-weight:800;cursor:pointer}
.dtb0{display:block}
.dtb:hover{background:var(--gold2)}

/* promo page */
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 14px}
.spec div{padding:14px 16px;border-radius:16px;background:var(--bg)}
.spec dt{font-size:12px;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.8px}
.spec dd{font-weight:800;color:var(--e2)}
.pst{position:relative;margin:14px 0}
.pst > input{position:absolute;opacity:0;pointer-events:none}
.pst__nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.pst__nav label{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;font-weight:700;font-size:14px;color:var(--mut)}
.pst__nav b{width:42px;height:42px;border-radius:50%;display:grid;place-content:center;background:#fff;color:var(--e2);font-weight:800;box-shadow:inset 0 0 0 2px var(--e6);transition:all .25s}
.pst__nav label:hover b{box-shadow:inset 0 0 0 2px var(--e4)}
.pst__bar{height:6px;border-radius:6px;background:#fff;margin:14px 0;overflow:hidden}
.pst__bar i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--e4),var(--gold));transition:width .4s cubic-bezier(.3,1.2,.5,1)}
.pst__panels{padding:16px 18px;border-radius:16px;background:#fff}
.psp{display:none;animation:fu5 .3s}
.psp h3{margin-top:0}
.psp p{margin:0}
.wcalc{position:relative;margin:14px 0}
.wcalc > input{position:absolute;opacity:0;pointer-events:none}
.wcalc__opts{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--bg)}
.wcalc__opts label{padding:8px 18px;border-radius:10px;font-weight:800;cursor:pointer;color:var(--mut);transition:all .2s}
.wcalc__out{margin-top:12px}
.wo{display:none;grid-template-columns:repeat(3,1fr);gap:10px;animation:fu5 .3s}
.wo div{padding:16px;border-radius:16px;background:linear-gradient(150deg,var(--e3),var(--e1));color:#bcd9c9}
.wo span{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.wo b{font-size:26px;font-weight:800;color:var(--gold2)}
.cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cloud span{padding:8px 14px;border-radius:999px;background:#fff;font-weight:700;font-size:14px;color:var(--e2);transition:all .2s;cursor:default}
.cloud span:nth-child(3n){font-size:16px}
.cloud span:nth-child(4n){background:var(--e2);color:#fff}
.cloud span:hover{background:var(--gold);color:#1e1905;transform:translateY(-3px) rotate(-2deg)}

/* bonus page */
.plan{position:relative;margin:14px 0}
.plan > input{position:absolute;opacity:0;pointer-events:none}
.plan__nav{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:#fff}
.plan__nav label{padding:9px 16px;border-radius:10px;font-weight:800;cursor:pointer;color:var(--mut);transition:all .2s}
.plan__out{margin-top:12px}
.plp{display:none;grid-template-columns:repeat(4,1fr);gap:10px;animation:fu5 .3s}
.plp div{padding:14px;border-radius:16px;background:#fff}
.plp span{display:block;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.6px}
.plp b{color:var(--e2);font-weight:800}
.plp p{grid-column:1/-1;margin:4px 0 0;padding:12px 14px;border-radius:14px;background:var(--e2);color:#d6ebdf}
#pl0:checked ~ .plan__nav label[for=pl0],#pl1:checked ~ .plan__nav label[for=pl1],#pl2:checked ~ .plan__nav label[for=pl2]{background:var(--e2);color:#fff}
#pl0:checked ~ .plan__out .plp0,#pl1:checked ~ .plan__out .plp1,#pl2:checked ~ .plan__out .plp2{display:grid}
.rl5{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
.clock{text-align:center}
.clock__face{position:relative;width:150px;height:150px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle,#fff 60%,var(--soft) 61%);box-shadow:inset 0 0 0 8px var(--e2)}
.clock__face i{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;border-radius:4px}
.clock__h{width:6px;height:40px;margin-left:-3px;background:var(--e2);animation:spin5 60s linear infinite}
.clock__m{width:4px;height:58px;margin-left:-2px;background:var(--gold);animation:spin5 6s linear infinite}
@keyframes spin5{to{transform:rotate(360deg)}}
.clock b{display:block;font-size:26px;font-weight:800;color:var(--e2)}
.clock span{font-size:13px;color:var(--mut);font-weight:700}
.lvl5{display:flex;gap:6px;margin:14px 0}
.lvl5 span{flex:1;padding:10px 0;text-align:center;border-radius:10px;background:rgba(255,255,255,.08);font-weight:800;color:#bcd9c9;transition:all .2s}
.lvl5 span:hover,.lvl5 span:hover ~ span{background:var(--e4);color:#fff}
.lvl5__top{background:var(--gold)!important;color:#1e1905!important}
.cb5{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 14px}
.cb5 li{padding:12px 8px;border-radius:14px;background:rgba(255,255,255,.07);text-align:center;font-size:13px;font-weight:700;transition:transform .2s}
.cb5 li:hover{transform:translateY(-3px);background:rgba(242,182,50,.18)}
.cb5 b{display:block;font-size:22px;color:var(--gold2)}
.lot5{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center}
.ticket5{position:relative;padding:22px;border-radius:20px;text-align:center;background:linear-gradient(150deg,var(--gold2),var(--gold));color:#1e1905;-webkit-mask:radial-gradient(circle 14px at 0 50%,transparent 13px,#000 14px) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,transparent 13px,#000 14px) right/51% 100% no-repeat;mask:radial-gradient(circle 14px at 0 50%,transparent 13px,#000 14px) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,transparent 13px,#000 14px) right/51% 100% no-repeat;transform:rotate(-3deg);transition:transform .3s}
.ticket5:hover{transform:rotate(0) scale(1.03)}
.ticket5 span{font-size:12px;font-weight:800;letter-spacing:2px}
.ticket5 b{display:block;font-size:40px;font-weight:800}
.ticket5 small{display:block;font-weight:700}
.ticket5 i{display:inline-block;margin-top:8px;padding:3px 12px;border-radius:999px;background:rgba(0,0,0,.12);font-style:normal;font-weight:800}
.dd{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dd__c{padding:18px;border-radius:18px;background:#fff}
.dd__c h3{margin-top:0}
.dd__c--do{box-shadow:inset 4px 0 0 var(--e4)}
.dd__c--no{box-shadow:inset 4px 0 0 #d9534f}
.dd__c--no .li5 li::before{background:#d9534f;border-radius:50%;transform:none}

/* legal */
.lg5 h2{margin-top:24px}
.lg5 > *{max-width:860px}
.note5{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:var(--soft)}
.note5 b{flex:0 0 54px;height:54px;border-radius:16px;display:grid;place-content:center;background:var(--e2);color:var(--gold2);font-size:18px}
.note5 p{margin:0}

/* responsive */
@media (max-width:1100px){
  .app{grid-template-columns:1fr}
  .side{display:none}
  .topbar{padding:12px 20px}
  .topbar__logo{display:block}
  .topbar__hi{display:none}
  .content{padding:18px 20px}
  .ft5{margin:10px 20px 100px}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;justify-content:space-around;align-items:flex-end;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 20px rgba(6,47,34,.12)}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;text-decoration:none;color:var(--mut);font-size:11px;font-weight:700}
  .tabbar a i{font-style:normal;font-size:18px;color:var(--e3)}
  .tabbar a[aria-current="page"]{color:var(--e2)}
  .tabbar a[aria-current="page"] i{color:var(--gold)}
  .tabbar__mid i{width:52px;height:52px;margin-top:-26px;border-radius:50%;display:grid;place-content:center;background:var(--gold);box-shadow:0 6px 16px rgba(242,182,50,.45);font-size:22px!important}
  .top5{bottom:84px;right:14px}
  .sheet__panel{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
}
@media (max-width:900px){
  .hx5,.duo5,.app5,.lot5{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .spec{grid-template-columns:1fr 1fr}
  .plp{grid-template-columns:1fr 1fr}
  .cb5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
  body{font-size:16px}
  .topbar__btns .bt5{padding:8px 12px;font-size:13px}
  .topbar__logo img{height:20px}
  .content{padding:14px 12px;gap:14px}
  .tile{padding:20px 16px;border-radius:20px}
  .lob{margin:14px -16px -6px}
  .lob__g{flex-basis:150px}.lob__g img{height:90px}
  .bt5--xl{width:100%}
  .qa5,.dd{grid-template-columns:1fr}
  .wo{grid-template-columns:1fr}
  .pst__nav label span{font-size:11px}
  .pst__nav b{width:34px;height:34px}
  .rl5{grid-template-columns:1fr}
  .of__d{padding-left:16px}
  .wallet__sum{font-size:44px}
  .ft5__grid{grid-template-columns:1fr}
  .ft5{margin:10px 12px 100px}
  .bc{height:44px;font-size:16px}
  .cb5{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .topbar__hi::before,.field__v::after,.clock__h,.clock__m{animation:none}
}
.app{background:linear-gradient(90deg,var(--e1) 260px,transparent 260px)}
@media (max-width:1100px){.app{background:none}}
.prof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.prof__c{padding:18px;border-radius:18px;background:var(--bg);transition:transform .2s}
.prof__c:hover{transform:translateY(-4px)}
.prof__c span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--e4)}
.prof__c h3{margin:4px 0 6px;font-size:19px}
.prof__c p{margin:0;color:var(--mut)}
.prof__c--g{background:linear-gradient(150deg,var(--e3),var(--e1))}
.prof__c--g span{color:var(--gold2)}.prof__c--g h3{color:#fff}.prof__c--g p{color:#cfe6d9}
.tl5{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;position:relative}
.tl5::before{content:"";position:absolute;left:5%;right:5%;top:22px;height:3px;background:repeating-linear-gradient(90deg,var(--e5) 0 8px,transparent 8px 14px)}
.tl5 div{position:relative;text-align:center;padding:0 6px}
.tl5 b{display:grid;place-content:center;width:44px;height:44px;margin:0 auto 8px;border-radius:50%;background:var(--e2);color:var(--gold2);font-weight:800;transition:transform .2s}
.tl5 div:hover b{transform:scale(1.12);background:var(--gold);color:#1e1905}
.tl5 span{display:block;font-weight:800;color:var(--e2)}
.tl5 small{color:var(--e4);font-weight:700}
@media (max-width:900px){.prof{grid-template-columns:1fr}.tl5{grid-template-columns:1fr 1fr;row-gap:16px}.tl5::before{display:none}}

/* banner slots */
.bnr{display:block;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);background:var(--soft);transition:transform .25s,box-shadow .25s}
.bnr:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(6,47,34,.15)}
.bnr img{width:100%;height:auto;aspect-ratio:1500/500;object-fit:cover}
.bnr--tall{max-width:860px;width:100%;justify-self:center}
.bnr--tall img,.bnr--app img{aspect-ratio:1448/944}
.bnr--app{border-radius:20px}
.app5{grid-template-columns:1.2fr 1fr}
.bingo:has(.bcc:checked) .bcard{display:none}
.bingo:has(#bcA:checked) .bcard--A,.bingo:has(#bcB:checked) .bcard--B{display:block;pointer-events:none}
.bingo:has(.bcc:checked) .bingo__cards{grid-template-columns:1fr;max-width:260px;margin:0 auto}
.bingo:has(.bcc:checked) .bdb0{display:block}
.bingo:has(.bdw:checked) .bdb0{display:none}
.bingo:has(#bd1:checked) .bdb1{display:block}
.bingo:has(#bd1:checked) .bb1{opacity:1;transform:none}
.bingo:has(#bd1:checked) .c12{background:var(--gold);color:#1e1905;transform:scale(1.04)}
.bingo:has(#bd2:checked) .bdb2{display:block}
.bingo:has(#bd2:checked) .bb1,.bingo:has(#bd2:checked) .bb2{opacity:1;transform:none}
.bingo:has(#bd2:checked) .c12,.bingo:has(#bd2:checked) .c7{background:var(--gold);color:#1e1905;transform:scale(1.04)}
.bingo:has(#bd3:checked) .bdb3{display:block}
.bingo:has(#bd3:checked) .bb1,.bingo:has(#bd3:checked) .bb2,.bingo:has(#bd3:checked) .bb3{opacity:1;transform:none}
.bingo:has(#bd3:checked) .c12,.bingo:has(#bd3:checked) .c7,.bingo:has(#bd3:checked) .c25{background:var(--gold);color:#1e1905;transform:scale(1.04)}
.bingo:has(#bd4:checked) .bdb4{display:block}
.bingo:has(#bd4:checked) .bb1,.bingo:has(#bd4:checked) .bb2,.bingo:has(#bd4:checked) .bb3,.bingo:has(#bd4:checked) .bb4{opacity:1;transform:none}
.bingo:has(#bd4:checked) .c12,.bingo:has(#bd4:checked) .c7,.bingo:has(#bd4:checked) .c25,.bingo:has(#bd4:checked) .c3{background:var(--gold);color:#1e1905;transform:scale(1.04)}
.bingo:has(#bd5:checked) .bdb5{display:block}
.bingo:has(#bd5:checked) .bb1,.bingo:has(#bd5:checked) .bb2,.bingo:has(#bd5:checked) .bb3,.bingo:has(#bd5:checked) .bb4,.bingo:has(#bd5:checked) .bb5{opacity:1;transform:none}
.bingo:has(#bd5:checked) .c12,.bingo:has(#bd5:checked) .c7,.bingo:has(#bd5:checked) .c25,.bingo:has(#bd5:checked) .c3,.bingo:has(#bd5:checked) .c18{background:var(--gold);color:#1e1905;transform:scale(1.04)}
.bingo:has(#bcA:checked):has(#bd4:checked) .bres--win,.bingo:has(#bcA:checked):has(#bd5:checked) .bres--win{display:block}
.bingo:has(#bcA:checked):has(#bd4:checked) .bdb4,.bingo:has(#bcA:checked):has(#bd5:checked) .bdb5{display:none}
.bingo:has(#bcB:checked):has(#bd5:checked) .bres--lose{display:block}
.darts:has(.dti:checked) .dsc0,.darts:has(.dti:checked) .dtb0{display:none}
#dt1:checked ~ .board .dart1{opacity:1;transform:translate(-50%,-50%) scale(1)}
#dt1:checked ~ .board .dart1{animation:hit .45s cubic-bezier(.3,1.6,.5,1)}
#dt1:checked ~ .dscore .dsc1{display:block}
#dt1:checked ~ .dtb1{display:block}
#dt2:checked ~ .board .dart1,#dt2:checked ~ .board .dart2{opacity:1;transform:translate(-50%,-50%) scale(1)}
#dt2:checked ~ .board .dart2{animation:hit .45s cubic-bezier(.3,1.6,.5,1)}
#dt2:checked ~ .dscore .dsc2{display:block}
#dt2:checked ~ .dtb2{display:block}
#dt3:checked ~ .board .dart1,#dt3:checked ~ .board .dart2,#dt3:checked ~ .board .dart3{opacity:1;transform:translate(-50%,-50%) scale(1)}
#dt3:checked ~ .board .dart3{animation:hit .45s cubic-bezier(.3,1.6,.5,1)}
#dt3:checked ~ .dscore .dsc3{display:block}
#dt3:checked ~ .dtb3{display:block}
#dt4:checked ~ .board .dart4{opacity:1;transform:translate(-50%,-50%) scale(1)}
#dt4:checked ~ .board .dart4{animation:hit .45s cubic-bezier(.3,1.6,.5,1)}
#dt4:checked ~ .dscore .dsc4{display:block}
#dt4:checked ~ .dtb4{display:block}
#dt5:checked ~ .board .dart4,#dt5:checked ~ .board .dart5{opacity:1;transform:translate(-50%,-50%) scale(1)}
#dt5:checked ~ .board .dart5{animation:hit .45s cubic-bezier(.3,1.6,.5,1)}
#dt5:checked ~ .dscore .dsc5{display:block}
#dt5:checked ~ .dtb5{display:block}
#dt6:checked ~ .board .dart4,#dt6:checked ~ .board .dart5,#dt6:checked ~ .board .dart6{opacity:1;transform:translate(-50%,-50%) scale(1)}
#dt6:checked ~ .board .dart6{animation:hit .45s cubic-bezier(.3,1.6,.5,1)}
#dt6:checked ~ .dscore .dsc6{display:block}
#dt6:checked ~ .dtb6{display:block}
#ps0:checked ~ .pst__nav label[for=ps0] b{background:var(--e3);color:#fff;box-shadow:none}
#ps0:checked ~ .pst__bar i{width:20%}
#ps0:checked ~ .pst__panels .psp0{display:block}
#ps1:checked ~ .pst__nav label[for=ps1] b{background:var(--e3);color:#fff;box-shadow:none}
#ps1:checked ~ .pst__bar i{width:40%}
#ps1:checked ~ .pst__panels .psp1{display:block}
#ps2:checked ~ .pst__nav label[for=ps2] b{background:var(--e3);color:#fff;box-shadow:none}
#ps2:checked ~ .pst__bar i{width:60%}
#ps2:checked ~ .pst__panels .psp2{display:block}
#ps3:checked ~ .pst__nav label[for=ps3] b{background:var(--e3);color:#fff;box-shadow:none}
#ps3:checked ~ .pst__bar i{width:80%}
#ps3:checked ~ .pst__panels .psp3{display:block}
#ps4:checked ~ .pst__nav label[for=ps4] b{background:var(--e3);color:#fff;box-shadow:none}
#ps4:checked ~ .pst__bar i{width:100%}
#ps4:checked ~ .pst__panels .psp4{display:block}
#wv0:checked ~ .wcalc__opts label[for=wv0]{background:#fff;color:var(--e2);box-shadow:var(--sh)}
#wv0:checked ~ .wcalc__out .wo0{display:grid}
#wv1:checked ~ .wcalc__opts label[for=wv1]{background:#fff;color:var(--e2);box-shadow:var(--sh)}
#wv1:checked ~ .wcalc__out .wo1{display:grid}
#wv2:checked ~ .wcalc__opts label[for=wv2]{background:#fff;color:var(--e2);box-shadow:var(--sh)}
#wv2:checked ~ .wcalc__out .wo2{display:grid}
#wv3:checked ~ .wcalc__opts label[for=wv3]{background:#fff;color:var(--e2);box-shadow:var(--sh)}
#wv3:checked ~ .wcalc__out .wo3{display:grid}