/* juxia mobile-first visual system */
:root{font-size:62.5%;--w23b4-primary:#00CED1;--w23b4-coral:#FF8A80;--w23b4-mint:#E8F5E8;--w23b4-bg:#141414;--w23b4-hot:#E91E63;--w23b4-text:#F5F5F5;--w23b4-panel:#1d1f22;--w23b4-soft:#263238;--w23b4-line:rgba(245,245,245,.12);--w23b4-shadow:0 1.2rem 3rem rgba(0,0,0,.38);}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 0,rgba(0,206,209,.18),transparent 30%),linear-gradient(180deg,#111,#181818 52%,#0f1516);color:var(--w23b4-text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}body{font-size:1.5rem}a{color:var(--w23b4-primary);text-decoration:none}img{max-width:100%;display:block}.w23b4-page{width:100%;max-width:43rem;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,rgba(20,20,20,.97),rgba(16,24,25,.98));box-shadow:0 0 0 1px rgba(255,255,255,.04)}.w23b4-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:43rem;z-index:1000;background:rgba(20,20,20,.92);backdrop-filter:blur(16px);border-bottom:.1rem solid var(--w23b4-line)}.w23b4-headerbar{min-height:6.2rem;display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem}.w23b4-brand{display:flex;align-items:center;gap:.7rem;min-width:0;margin-right:auto}.w23b4-logo{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 0 1.6rem rgba(0,206,209,.45)}.w23b4-name{font-size:1.8rem;font-weight:900;letter-spacing:.05rem;color:var(--w23b4-mint);text-transform:uppercase}.w23b4-actions{display:flex;align-items:center;gap:.5rem}.w23b4-btn{border:0;border-radius:999px;min-height:4.4rem;min-width:4.4rem;padding:0 1.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-weight:900;cursor:pointer;color:#101414;background:linear-gradient(135deg,var(--w23b4-primary),var(--w23b4-mint));box-shadow:0 .8rem 1.7rem rgba(0,206,209,.24);transition:transform .18s ease,filter .18s ease}.w23b4-btn:hover,.w23b4-btn:active{transform:translateY(-.1rem) scale(.98);filter:saturate(1.18)}.w23b4-btn-secondary{background:linear-gradient(135deg,var(--w23b4-hot),var(--w23b4-coral));color:#fff}.w23b4-btn-ghost{background:rgba(255,255,255,.08);color:var(--w23b4-text);border:.1rem solid var(--w23b4-line);box-shadow:none}.w23b4-menu-toggle{width:4.4rem;padding:0;font-size:2.1rem}.w23b4-menu{position:fixed;top:6.3rem;right:calc(50% - 21.5rem);width:min(31rem,92vw);max-height:calc(100vh - 7rem);overflow:auto;z-index:9999;background:#101516;border:.1rem solid rgba(0,206,209,.35);border-radius:0 0 0 2rem;box-shadow:var(--w23b4-shadow);padding:1rem;transform:translateX(115%);transition:transform .24s ease}.w23b4-menu.w23b4-menu-open{transform:translateX(0)}.w23b4-menu a,.w23b4-desktop-nav a{display:flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:1rem 1.2rem;border-radius:1.2rem;color:var(--w23b4-text);font-weight:800}.w23b4-menu a:hover,.w23b4-menu a.w23b4-active{background:rgba(0,206,209,.14);color:var(--w23b4-primary)}.w23b4-desktop-nav{display:none}.w23b4-main{padding:7.4rem 1.2rem 2rem}.w23b4-container,.w23b4-wrapper{width:100%;margin:0 auto}.w23b4-section{margin:1.4rem 0;padding:1.4rem;border:.1rem solid var(--w23b4-line);border-radius:2rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 .6rem 1.8rem rgba(0,0,0,.18)}.w23b4-section-alt{background:linear-gradient(135deg,rgba(0,206,209,.12),rgba(233,30,99,.1))}.w23b4-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--w23b4-primary);font-weight:900;text-transform:uppercase;font-size:1.1rem;letter-spacing:.12rem}.w23b4-title{margin:.8rem 0 1rem;font-size:2.7rem;line-height:1.08;color:var(--w23b4-mint);letter-spacing:-.05rem}.w23b4-subtitle{margin:.3rem 0 1rem;font-size:2rem;line-height:1.16;color:#fff}.w23b4-text{color:rgba(245,245,245,.86);margin:.7rem 0}.w23b4-boldlink{font-weight:950;color:var(--w23b4-coral);text-decoration:underline;text-decoration-thickness:.2rem;cursor:pointer}.w23b4-hero{position:relative;overflow:hidden;border-radius:2.4rem;padding:1.6rem;border:.1rem solid rgba(0,206,209,.3);background:radial-gradient(circle at 78% 12%,rgba(233,30,99,.28),transparent 27%),linear-gradient(135deg,#162324,#21191d)}.w23b4-hero:after{content:"";position:absolute;inset:auto -4rem -5rem auto;width:14rem;height:14rem;border-radius:50%;background:rgba(0,206,209,.16);filter:blur(.2rem)}.w23b4-hero > *{position:relative;z-index:1}.w23b4-hero-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}.w23b4-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0}.w23b4-stat{padding:.9rem;border-radius:1.2rem;background:rgba(0,0,0,.25);border:.1rem solid var(--w23b4-line);text-align:center}.w23b4-stat strong{display:block;color:var(--w23b4-primary);font-size:1.8rem}.w23b4-stat span{font-size:1.1rem;color:rgba(245,245,245,.74)}.w23b4-slider{position:relative;min-height:17rem;border-radius:1.8rem;overflow:hidden;background:#000}.w23b4-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;cursor:pointer}.w23b4-slide.w23b4-slide-active{opacity:1}.w23b4-slide img{width:100%;height:100%;object-fit:cover}.w23b4-slide-label{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(0,0,0,.58);border:.1rem solid rgba(255,255,255,.18);border-radius:1.2rem;padding:.8rem;font-weight:900}.w23b4-dots{display:flex;justify-content:center;gap:.7rem;margin-top:.9rem}.w23b4-dot{width:.9rem;height:.9rem;border-radius:50%;border:0;background:rgba(255,255,255,.32)}.w23b4-dot.w23b4-active{background:var(--w23b4-primary);box-shadow:0 0 1rem var(--w23b4-primary)}.w23b4-grid{display:grid;gap:1rem}.w23b4-grid-2{grid-template-columns:repeat(2,1fr)}.w23b4-grid-3{grid-template-columns:repeat(3,1fr)}.w23b4-card{border:.1rem solid var(--w23b4-line);border-radius:1.6rem;background:rgba(255,255,255,.055);padding:1.1rem;box-shadow:0 .8rem 1.6rem rgba(0,0,0,.18)}.w23b4-card strong{color:#fff}.w23b4-chiprow{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.w23b4-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:3.2rem;padding:.6rem .9rem;border-radius:999px;background:rgba(0,206,209,.12);border:.1rem solid rgba(0,206,209,.26);color:var(--w23b4-mint);font-weight:800;font-size:1.2rem}.w23b4-game-section{margin-top:1.2rem}.w23b4-game-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.6rem 0 1rem}.w23b4-game-head h2{margin:0;font-size:1.9rem;color:var(--w23b4-mint)}.w23b4-game-count{font-size:1.1rem;color:var(--w23b4-primary);font-weight:900}.w23b4-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.w23b4-game{min-width:0;text-align:center;cursor:pointer;color:#fff}.w23b4-game img{width:100%;aspect-ratio:1/1;border-radius:1.2rem;object-fit:cover;background:#222;border:.1rem solid rgba(255,255,255,.11);box-shadow:0 .6rem 1.2rem rgba(0,0,0,.22);transition:transform .2s ease}.w23b4-game span{display:block;margin-top:.45rem;font-size:1.08rem;line-height:1.18;color:rgba(245,245,245,.9);font-weight:800}.w23b4-game:hover img{transform:scale(1.05)}.w23b4-steps{counter-reset:w23b4step;display:grid;gap:.9rem}.w23b4-step{position:relative;padding:1rem 1rem 1rem 4.4rem;border-radius:1.4rem;background:rgba(0,0,0,.22);border:.1rem solid var(--w23b4-line)}.w23b4-step:before{counter-increment:w23b4step;content:counter(w23b4step);position:absolute;left:1rem;top:1rem;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--w23b4-hot);font-weight:950}.w23b4-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:1.3rem;font-size:1.3rem}.w23b4-table th,.w23b4-table td{padding:.9rem;border-bottom:.1rem solid var(--w23b4-line);text-align:left}.w23b4-table th{color:var(--w23b4-primary);background:rgba(0,0,0,.22)}.w23b4-quote{border-left:.35rem solid var(--w23b4-coral);padding:1rem;background:rgba(255,138,128,.08);border-radius:0 1.2rem 1.2rem 0}.w23b4-footer{padding:2rem 1.2rem 8.6rem;border-top:.1rem solid var(--w23b4-line);background:#101414}.w23b4-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.2rem 0}.w23b4-footer-links a{min-height:4rem;padding:.8rem;border-radius:1rem;background:rgba(255,255,255,.06);color:var(--w23b4-text);font-weight:800;text-align:center}.w23b4-partners{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.w23b4-partner{padding:.6rem .9rem;border:.1rem solid var(--w23b4-line);border-radius:.9rem;background:rgba(255,255,255,.04);font-weight:900;color:var(--w23b4-mint)}.w23b4-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:43rem;height:6.2rem;z-index:1000;display:flex;align-items:center;justify-content:space-around;background:#11191a;border-top:.1rem solid rgba(0,206,209,.28);box-shadow:0 -1rem 2rem rgba(0,0,0,.35)}.w23b4-bottom-item{position:relative;min-width:6rem;min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:rgba(245,245,245,.76);border:0;background:transparent;font-weight:900;font-size:1.05rem;cursor:pointer;transition:transform .16s ease,color .16s ease}.w23b4-bottom-item i,.w23b4-bottom-item ion-icon,.w23b4-bottom-item .material-icons{font-size:2.3rem;line-height:1}.w23b4-bottom-item:active{transform:scale(.92)}.w23b4-bottom-item.w23b4-active{color:var(--w23b4-primary)}.w23b4-bottom-item.w23b4-active:before{content:"";position:absolute;top:.4rem;width:2.6rem;height:.3rem;border-radius:999px;background:linear-gradient(90deg,var(--w23b4-primary),var(--w23b4-hot))}.w23b4-badge{position:absolute;top:.5rem;right:1.1rem;min-width:1.6rem;height:1.6rem;border-radius:999px;background:var(--w23b4-hot);color:#fff;font-size:.9rem;display:grid;place-items:center}.w23b4-faq details{border:.1rem solid var(--w23b4-line);border-radius:1.2rem;margin:.8rem 0;padding:1rem;background:rgba(255,255,255,.045)}.w23b4-faq summary{font-weight:900;color:var(--w23b4-mint);cursor:pointer;min-height:3rem}.w23b4-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.w23b4-main{padding-bottom:8rem}}@media (min-width:769px){body{background:#0d1112}.w23b4-page,.w23b4-header,.w23b4-bottom-nav{max-width:110rem}.w23b4-main{padding-left:2rem;padding-right:2rem}.w23b4-menu-toggle,.w23b4-bottom-nav{display:none}.w23b4-desktop-nav{display:flex;gap:.4rem}.w23b4-desktop-nav a{font-size:1.3rem}.w23b4-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}.w23b4-game-grid{grid-template-columns:repeat(8,1fr)}.w23b4-grid-2{grid-template-columns:repeat(2,1fr)}.w23b4-grid-3{grid-template-columns:repeat(3,1fr)}.w23b4-footer{padding-bottom:3rem}.w23b4-menu{display:none}}@media (max-width:360px){.w23b4-btn{padding:0 1rem;font-size:1.25rem}.w23b4-name{font-size:1.55rem}.w23b4-game-grid{gap:.6rem}.w23b4-game span{font-size:.98rem}.w23b4-title{font-size:2.35rem}}