@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(/assets/fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(/assets/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(/assets/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}
:root{--ink:#070B16;--panel:#0E1526;--panel2:#141E36;--line:#23304F;--text:#E8EDF7;--muted:#9FADC6;--red:#D81F2A;--blue:#1F5FE0;--gold:#F5B82E;--r:14px;--hd:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--bd:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.7 var(--bd);padding-bottom:76px}body.lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#111;padding:8px 14px;z-index:200}.skip:focus{left:8px}
.wrap{width:min(1180px,100% - 32px);margin:auto}
h1,h2,h3{font-family:var(--hd);font-weight:800;line-height:1.05;margin:0;letter-spacing:.01em}
h1{font-size:clamp(2.5rem,9vw,4.6rem);text-transform:uppercase}
.h2,.prose h2{font-size:clamp(1.7rem,5vw,2.4rem);text-transform:uppercase;margin:2rem 0 .6rem}
h3{font-size:1.35rem}
.lead{font-size:1.15rem;color:#C9D3E6;max-width:60ch;margin:1rem 0 0}
.sub{color:var(--muted);margin:.4rem 0 1.4rem}.center{text-align:center;margin-top:2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:var(--gold);color:#1A1200;font:700 1.05rem var(--bd);border-radius:10px;box-shadow:0 6px 0 #B98512;transition:transform .12s,box-shadow .12s}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #B98512}.btn-sm{min-height:40px;padding:0 18px;font-size:.95rem;box-shadow:0 4px 0 #B98512}
.btn-ghost{background:rgba(255,255,255,.07);color:var(--text);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.more{color:var(--gold);font-weight:600;border-bottom:1px solid rgba(245,184,46,.4)}
/* header */
.hdr{position:sticky;top:0;z-index:100;background:#070B16;border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font:800 1.5rem var(--hd);text-transform:uppercase}.brand img{width:44px;height:44px}
.menu{background:none;border:0;width:48px;height:48px;display:grid;place-content:center;gap:6px;cursor:pointer}.menu i{display:block;width:26px;height:3px;background:var(--text);border-radius:2px}
.nav{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:99;background:var(--ink);display:none;flex-direction:column;padding:20px 16px;gap:4px;overflow:auto}.nav.open{display:flex}
.nav a:not(.btn){padding:14px 6px;border-bottom:1px solid var(--line);font-size:1.2rem;font-weight:600}.nav .btn{margin-top:16px}
/* hero */
.hero{padding:36px 0 44px;background:radial-gradient(90% 60% at 100% 0,rgba(31,95,224,.28),transparent 60%),radial-gradient(80% 60% at 0 100%,rgba(216,31,42,.25),transparent 60%)}
.hero-in{display:grid;gap:36px;align-items:center}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-weight:600}.trust li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:8px}
.stage{position:relative;justify-self:center;width:min(340px,100%);padding:28px 0;background:linear-gradient(115deg,var(--red) 0 50%,var(--blue) 50% 100%);border-radius:24px;overflow:hidden}
.stage .phone{width:74%;margin:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.55))}
.side{position:absolute;top:12px;font:800 1.1rem var(--hd);text-transform:uppercase;letter-spacing:.08em}.side.l{left:16px}.side.r{right:16px}
/* sections */
.sec{padding:52px 0}.alt{background:var(--panel);border-block:1px solid var(--line)}
.page-hero{padding:36px 0 30px;background:linear-gradient(100deg,rgba(216,31,42,.2),transparent 45%,rgba(31,95,224,.2));border-bottom:1px solid var(--line)}
.crumb{color:var(--muted);font-size:.95rem;margin-bottom:12px}.crumb a{color:var(--gold)}
.prose{max-width:820px}.prose p,.prose li{max-width:70ch}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.35rem 0}
.prose a:not(.btn):not(.more){color:var(--gold);text-decoration:underline;text-underline-offset:3px}.prose .btn{margin-top:1.2rem}
.note{background:var(--panel2);border-left:4px solid var(--gold);padding:14px 18px;border-radius:8px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tiles a{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:2px}.tiles strong{font:800 1.4rem var(--hd);text-transform:uppercase}.tiles span{color:var(--muted);font-size:.95rem}
.tiles a:hover{border-color:var(--gold)}
.steps{list-style:none;padding:0;margin:1.4rem 0;display:grid;gap:14px}
.step{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px}.alt .step{background:var(--ink)}
.step img{border-radius:10px}.step h3{margin-bottom:6px}.step p{margin:0;color:#C9D3E6;font-size:.98rem;line-height:1.55}
.shot{margin:1.4rem 0}.shot img{max-width:260px;border-radius:12px}.shot.wide img{max-width:100%;width:588px}.shot figcaption{color:var(--muted);font-size:.92rem;margin-top:8px}
.split{display:grid;gap:36px}.games{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}.games h3{margin-bottom:14px}
.faq{display:grid;gap:10px;margin-top:1rem}details{background:var(--panel2);border:1px solid var(--line);border-radius:12px}summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold);font-size:1.4rem;line-height:1}details[open] summary:after{content:"\2212"}details p{margin:0;padding:0 18px 16px;color:#C9D3E6}
.related{display:grid;gap:12px;margin-top:1rem}.related a{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:4px}.related a:hover{border-color:var(--gold)}.related span{color:var(--muted);font-size:.93rem;line-height:1.5}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:460px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--gold)}
.gloss dt{font:800 1.4rem var(--hd);text-transform:uppercase;margin-top:1.2rem;color:var(--gold)}.gloss dd{margin:0}
.notice{background:linear-gradient(100deg,rgba(216,31,42,.15),rgba(31,95,224,.15));border:1px solid var(--line);border-radius:var(--r);padding:26px}.notice h2{font-size:1.9rem;text-transform:uppercase;margin-bottom:8px}
.plain{padding-left:1.3rem}
/* footer */
.ftr{background:#04070F;border-top:1px solid var(--line);padding:44px 0 24px;font-size:.98rem}.ftr-top{display:grid;gap:28px}.ftr h3{text-transform:uppercase;margin-bottom:8px;color:var(--gold)}.ftr a{display:block;padding:5px 0;color:#C9D3E6}.ftr-brand img{width:72px;height:72px;margin-bottom:10px}.ftr-brand p{color:var(--muted);max-width:44ch;margin:0}
.age{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.age a{color:var(--gold);display:inline}.copy{color:var(--muted);font-size:.9rem}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 16px calc(8px + env(safe-area-inset-bottom));background:rgba(7,11,22,.95);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px}.dock .btn{width:100%}
.dock-links{display:flex;align-items:center;gap:8px}
.dock-alt{font-size:.85rem;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.dock-sep{color:var(--muted);opacity:.8;font-size:.85rem;margin:0 7px;display:inline-block}
.redir-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px}
.redir-actions .btn{width:auto;flex:1 1 150px;max-width:220px}
.tg-btn{background:linear-gradient(180deg,#34AEE8,#1E96CE);color:#fff;box-shadow:0 6px 0 #146B93}.tg-btn.btn-sm{box-shadow:0 4px 0 #146B93}.tg-btn:active{box-shadow:0 2px 0 #146B93}
.tgicon{display:inline-block;vertical-align:-2px;margin-right:7px}
.tg-btn:hover{filter:brightness(1.06)}
.hero-links{margin:14px 0 0;font-size:.95rem;color:var(--muted)}.hero-links .more{font-size:.95rem}
@media(min-width:960px){
  .install-btn{display:none}
  .reg-btn{background:var(--gold);color:#1A1200;box-shadow:0 6px 0 #B98512;border:0}
  .reg-btn.btn-sm{box-shadow:0 4px 0 #B98512}
}
@media(min-width:640px){.tiles{grid-template-columns:repeat(4,1fr)}.related{grid-template-columns:repeat(2,1fr)}.ftr-top{grid-template-columns:1fr 1fr}}
@media(min-width:960px){body{padding-bottom:0}.dock{display:none}.menu{display:none}
.nav{position:static;display:flex;flex-direction:row;align-items:center;padding:0;gap:22px;overflow:visible}.nav a:not(.btn){border:0;padding:8px 0;font-size:1rem;color:#C9D3E6}.nav a:not(.btn):hover{color:var(--gold)}.nav .btn{margin:0}
.hero{padding:64px 0 72px}.hero-in{grid-template-columns:1.15fr .85fr}.sec{padding:76px 0}.split{grid-template-columns:1fr 1fr;align-items:center}
.steps{grid-template-columns:repeat(3,1fr)}.step{grid-template-columns:1fr;text-align:left;align-content:start}.step img{width:70%;margin:auto}
.related{grid-template-columns:repeat(4,1fr)}.ftr-top{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.redir{margin:1.6rem 0;border-radius:18px;padding:22px 16px 18px;text-align:center;background:linear-gradient(90deg,#14307A,#3a1240 50%,#8A0E16);border:1px solid var(--line)}
.redir-row{display:flex;align-items:center;justify-content:center;gap:clamp(8px,4vw,32px)}
.redir-row img{width:clamp(76px,24vw,130px);height:auto}.redir-row .arr{width:clamp(34px,10vw,56px)}
.redir p{margin:14px auto 0;max-width:52ch;color:#E4E9F5;font-size:1rem;line-height:1.55}.redir strong{color:var(--gold)}
.hero+.sec .redir{margin:0}

.dock .btn{position:relative;overflow:hidden}
.dock .btn:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-20deg);animation:shim 2.4s ease-in-out infinite}
@keyframes shim{0%{left:-70%}55%,100%{left:140%}}
@media(prefers-reduced-motion:reduce){.dock .btn:after{animation:none;display:none}}
.live{display:grid;gap:26px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.live-img img{width:min(220px,60%);margin:auto;border-radius:14px}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,204,113,.14);color:#6FE3A0;border:1px solid rgba(46,204,113,.4);padding:4px 12px;border-radius:99px;font-weight:600;font-size:.9rem}.badge i{width:8px;height:8px;border-radius:50%;background:#2ECC71}
.live .h2{margin-top:.8rem}.step.cta{background:linear-gradient(135deg,rgba(216,31,42,.2),rgba(31,95,224,.2));grid-template-columns:1fr}
.toc{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:1.6rem}.toc ol{margin:.5rem 0 0;padding-left:1.2rem}.toc a{color:var(--gold)}.toc li{margin:.2rem 0}
.upd{color:var(--muted);font-size:.9rem;margin:14px 0 0}
@media(min-width:760px){.live{grid-template-columns:240px 1fr;padding:32px}}

.infog{margin:1.6rem auto;max-width:560px}.infog svg{display:block;width:100%;height:auto}.infog text{font-family:var(--bd)}.infog .h{font-family:var(--hd);font-weight:800}.infog figcaption{color:var(--muted);font-size:.9rem;text-align:center;margin-top:8px}
.toast{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:80;max-width:360px;background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:12px 46px 12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:none}
.toast p{margin:0;font-size:.95rem;line-height:1.45}.toast a{display:inline-block;margin-top:4px;color:var(--gold);font-weight:600;font-size:.95rem}.toast button{position:absolute;top:2px;right:2px;width:40px;height:40px;background:none;border:0;color:var(--muted);font-size:1.5rem;cursor:pointer}
@media(min-width:960px){.toast{left:20px;right:auto;bottom:20px}}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}