html:has(body.count-site){margin:0;scroll-padding-top:76px}
body.count-site{margin:0!important;padding:0!important;min-width:0;background:#0b1120;color:#fff;font-family:CountBody,'Trebuchet MS',sans-serif}
.count-site>.site-container{width:100%;max-width:none!important;margin:0!important;padding:0!important}
.count-page-main{display:block;width:100%;max-width:none;margin:0;padding:0}
.count-page-main>.mt-8{margin-top:0}
.count-header{box-sizing:border-box;position:sticky;top:0;width:100%;height:76px;padding:10px clamp(16px,3vw,44px);background:#0d1729f5;border-bottom:1px solid #24354e;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:1040;font-family:CountBody,'Trebuchet MS',sans-serif;box-shadow:0 5px 24px #0002}
.count-brand{display:flex;flex-direction:column;font:400 25px/.87 CountDisplay,'Trebuchet MS',sans-serif;letter-spacing:.02em;color:#fff;text-decoration:none;paint-order:stroke fill;-webkit-text-stroke:4px #216fad;text-shadow:0 3px #124e82;padding-top:5px}
.count-header-actions{display:flex;gap:13px;align-items:center}
.count-header a,.count-header button{cursor:pointer;text-decoration:none}
.count-header-login{color:#d4e6ff;font-size:15px;font-weight:800;padding:10px}
.count-header-join{background:linear-gradient(#ffdf58,#ffb719);color:#613800;border:2px solid #ffce49;border-radius:24px;padding:9px 20px;font-size:15px;font-weight:900;box-shadow:0 4px #aa6206}
.count-header-wallet{font:900 16px CountBody,sans-serif;display:flex;align-items:center;gap:15px;background:#182840;color:#fff;border:1px solid #345071;border-radius:24px;padding:5px 5px 5px 16px;cursor:pointer}
.count-header-wallet b{display:grid;place-items:center;background:#ffd038;color:#533209;border-radius:50%;width:32px;height:32px;font-size:25px}
.count-menu-toggle{font-size:22px;background:#1b2d48;color:#fff;border:1px solid #355274;border-radius:12px;width:43px;height:43px}
.count-header :focus-visible,.count-navigation :focus-visible{outline:3px solid #80dbff;outline-offset:4px}
.count-navigation{box-sizing:border-box;margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(360px,92vw);max-width:none;padding:28px;background:#102039;color:#fff;border:0;border-left:1px solid #365272;font:16px CountBody,sans-serif;overflow:auto}
.count-navigation::backdrop{background:#020713b8}
.count-navigation h2{font-weight:900;font-size:24px;margin:0 36px 5px 0}.count-navigation>p{color:#a5bbd8;margin:0 0 22px}
.count-navigation nav{display:grid;gap:6px}.count-navigation nav a,.count-navigation nav button{display:block;text-align:left;background:#182c48;border:1px solid #294365;color:#edf6ff;padding:11px 15px;border-radius:10px;font:700 15px CountBody,sans-serif;text-decoration:none;cursor:pointer}
.count-navigation nav a:hover,.count-navigation nav button:hover{background:#244368}.count-navigation nav .count-menu-logout{color:#ff9caa;margin-top:10px}
.count-menu-close{position:absolute;right:20px;top:20px;width:34px;height:34px;color:#fff;background:#203958;border:1px solid #426488;border-radius:50%;font-size:23px;cursor:pointer}
.count-tips{padding:25px 24px 65px}.count-tips-inner{max-width:1000px;margin:auto;text-align:center}.count-tips h2{font-size:29px}.count-tips-intro{color:#a8b9d6;margin:18px 0 26px}.count-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.count-tips article{padding:25px;border-radius:19px;background:linear-gradient(145deg,#172841,#101c31);border:1px solid #263d59}.count-tips img{object-fit:contain;margin:0 auto 15px}.count-tips h3{font:900 19px CountBody,sans-serif;margin:0 0 8px}.count-tips article p{color:#a8b9d6;font-size:14px;line-height:1.6;margin:0}
@media(max-width:640px){.count-header{height:68px;padding-inline:14px}.count-brand{font-size:20px}.count-header-actions{gap:6px}.count-header-login{font-size:14px;padding:8px}.count-header-join{font-size:13px;padding:8px 12px}.count-header-wallet{font-size:14px;gap:8px}.count-tips-grid{grid-template-columns:1fr}.count-tips h2{font-size:25px}.count-tips{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.count-site .kj-loader-logo{animation:none}}
.count-header-left{display:flex;align-items:center;gap:16px;min-width:0}
#count-navigation{margin:0 auto 0 0;border-left:0;border-right:1px solid #365272}
.count-account-menu{height:auto;max-height:calc(100dvh - 100px);width:min(340px,calc(100vw - 28px));margin:86px 16px 0 auto;border:1px solid #365272;border-radius:20px;box-shadow:0 20px 70px #0006}
.count-avatar-toggle{border-radius:50%;font:900 19px CountBody,sans-serif;background:linear-gradient(145deg,#479fe3,#1a5e9e)}
@media(max-width:640px){.count-header-left{gap:9px}.count-account-menu{margin-top:78px}.count-header-wallet{padding-left:10px}.count-menu-toggle{width:38px;height:38px}.count-header-left .count-brand{font-size:18px}}
@media(max-width:360px){.count-header{padding-inline:9px;gap:8px}.count-header-left{gap:7px}.count-header-wallet{font-size:12px;gap:5px}.count-header-wallet b{width:25px;height:25px}}

/* Compact, grouped navigation on either side of the header. */
.count-navigation *,.count-header *,.count-bottom-nav *{box-sizing:border-box}
.count-navigation{width:min(280px,calc(100vw - 32px));padding:22px 16px;background:#101b2c;border-color:#293a53;font-size:14px}
.count-navigation h2{font-size:19px;line-height:1.3;margin-right:36px}
.count-navigation>p{font-size:12px;margin:5px 0 22px;color:#93a6c3;overflow-wrap:anywhere}
.count-navigation>p:empty{display:none}
.count-navigation nav{gap:3px}
.count-navigation nav a,.count-navigation nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:11px 12px;font-size:14px;line-height:1.25;border-radius:9px;min-height:42px}
.count-navigation nav a:hover,.count-navigation nav button:hover{background:#20354f;color:#82dcff}
.count-navigation svg{width:20px;height:20px;flex-shrink:0;color:#829fc1}
.count-menu-section{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#7188a8;border-top:1px solid #26354a;padding:18px 12px 7px;margin-top:10px}
.count-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}
.count-navigation .count-menu-grid a{flex-direction:column;justify-content:center;gap:9px;border:1px solid #2b4059;background:#18293f;padding:14px}
.count-navigation .count-menu-grid .count-menu-play{background:#113f59;border-color:#236883;color:#7fdfff}
.count-menu-play svg{color:inherit}
.count-menu-close{right:14px;top:16px;width:30px;height:30px;background:#1b2c43;border:1px solid #30435d;font-size:22px}
.count-account-menu{inset:86px 16px auto auto;height:fit-content;width:min(270px,calc(100vw - 28px));max-height:calc(100dvh - 96px);margin:0;border-radius:16px}
.count-navigation nav .count-menu-logout{border-top:1px solid #2b354a;border-radius:0;margin-top:12px;padding-top:18px;color:#ff8f9b}
.count-menu-logout svg{color:inherit}
.count-bottom-nav{display:none}
@media(max-width:991px){
 body:has(.count-bottom-nav){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
 .count-bottom-nav{box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;z-index:1040;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;min-height:72px;padding:0 8px env(safe-area-inset-bottom,0px);background:#0c101eef;border-top:1px solid #293246;box-shadow:0 -8px 25px #0003;font-family:CountBody,sans-serif}
 .count-bottom-nav>a,.count-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;height:70px;padding:8px 0;background:none;border:0;color:#8e95a9;text-decoration:none;font:800 10px CountBody,sans-serif;cursor:pointer}
 .count-bottom-nav svg{width:21px;height:21px;flex-shrink:0}
 .count-bottom-nav>a:hover,.count-bottom-nav>button:hover{color:#8cdefd}
 .count-bottom-nav .count-bottom-play{color:#25d1f2;position:relative;padding-top:32px}
 .count-bottom-play i{position:absolute;bottom:34px;display:grid;place-items:center;width:53px;height:53px;background:linear-gradient(150deg,#10374a,#091623);border:2px solid #1ca7c3;border-radius:50%;box-shadow:0 0 0 7px #0e1925,0 0 25px #00c7ef50}
 .count-bottom-play svg{width:24px;height:24px}
 .count-bottom-nav :focus-visible{outline:2px solid #79deff;outline-offset:-3px;border-radius:8px}
}
@media(max-width:640px){.count-account-menu{top:78px;margin-top:0}}