.home-body{inset:0 0 0 var(--rail);--pad:clamp(16px, 3vw, 48px);height:100dvh;padding:clamp(14px, 3.4vh, 38px) 0 clamp(12px, 2.6vh, 28px) var(--pad);flex-direction:column;gap:clamp(10px,2.6vh,30px);display:flex;position:absolute;overflow:hidden}.home-body>:not(.home-games){margin-right:var(--pad)}.home-head{flex-direction:column;align-items:flex-start;gap:clamp(4px,1vh,10px);display:flex}.home-head .title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,min(4.2vw,7vh),4rem);font-weight:800;line-height:.95}.home-head .tag{color:var(--sun);text-wrap:balance;margin:0;font-size:clamp(.95rem,min(1.7vw,2.8vh),1.5rem);font-weight:800}.home-hero{flex:0 300px;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,32px);min-height:0;display:grid}.hero-tile{isolation:isolate;min-height:0;transition:transform var(--dur-fast) var(--ease-out);border-radius:clamp(18px,2vw,26px);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:clamp(6px,1.2vh,12px);padding:clamp(14px,min(2.6vw,3.6vh),36px);text-decoration:none;display:flex;position:relative;overflow:hidden}.hero-tile:before{content:"";z-index:-1;opacity:.12;background:var(--adire) 0 0 / 110px;position:absolute;inset:0}.hero-tile.host{color:var(--paper);box-shadow:inset 0 0 0 1.5px #f8f9ff24, var(--shadow-lg);background:linear-gradient(160deg,#2a3b73,#0b1026 80%)}.hero-tile.join{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}.hero-tile.join:before{background:var(--adire-dark) 0 0 / 110px;opacity:.07}.hero-tile.join .kicker{color:var(--sun-deep)}.hero-tile .big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.25rem,min(3vw,5.4vh),3rem);font-weight:900;line-height:1}.hero-tile .sub{opacity:.85;max-width:38ch;margin-bottom:auto;font-size:clamp(.85rem,min(1.2vw,2.2vh),1.05rem);font-weight:600}.hero-tile .tbtn.big{white-space:normal;text-align:center;margin-top:clamp(4px,1vh,10px);font-size:clamp(.9rem,min(1.5vw,2.6vh),1.4rem)}.hero-tile .tbtn{pointer-events:none}.hero-tile.soon{filter:grayscale();opacity:.45;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.hero-tile:not(.soon):hover{transform:translateY(-4px)}}.home-how{flex-direction:column;gap:clamp(8px,1.6vh,16px);display:flex}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);display:grid}.step{align-items:flex-start;gap:clamp(10px,1.2vw,16px);padding:clamp(10px,1.8vh,18px) clamp(12px,1.4vw,20px);display:flex}.step .no{font-family:var(--font-display);color:var(--sun);letter-spacing:-.03em;flex:none;font-size:clamp(1.1rem,min(2vw,3.4vh),1.8rem);font-weight:900;line-height:1}.step b{font-family:var(--font-display);text-transform:uppercase;margin-bottom:4px;font-size:clamp(.9rem,min(1.2vw,2.2vh),1.1rem);font-weight:800;display:block}.step div span{color:#f8f9ffcc;font-size:clamp(.8rem,min(1.05vw,2vh),1rem);font-weight:600;line-height:1.4}.home-links{flex-wrap:wrap;gap:6px 20px;font-size:.85rem;font-weight:800;display:flex}.home-links a{color:var(--paper);opacity:.75;text-underline-offset:3px}.home-links a:hover{opacity:1}.home-games{flex-direction:column;gap:clamp(6px,1.2vh,12px);min-width:0;display:flex}.home-games .lbl{margin-right:var(--pad)}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 90px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 90px),#0000)}.mtrack{width:max-content;animation:marquee calc(var(--secs,60) * 1s) linear infinite;display:flex}.marquee:hover .mtrack{animation-play-state:paused}@keyframes marquee{to{translate:-50%}}.mcard{background:#23305cd9;border-radius:16px;flex:none;align-items:center;gap:12px;margin-right:clamp(10px,1.2vw,16px);padding:clamp(8px,1.4vh,14px) clamp(14px,1.4vw,20px) clamp(8px,1.4vh,14px) clamp(14px,1.2vw,18px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #f8f9ff1f}.mcard:after{content:"";background:var(--gc,var(--sun));width:5px;position:absolute;top:0;bottom:0;left:0}.mcard .no{background:var(--ink);width:clamp(32px,5vh,44px);height:clamp(32px,5vh,44px);color:var(--sun);font-family:var(--font-display);border-radius:11px;flex:none;place-items:center;font-size:clamp(.85rem,2vh,1.1rem);font-weight:900;display:grid}.mcard .txt{flex-direction:column;gap:2px;display:flex}.mcard .nm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;font-size:clamp(.85rem,min(1.3vw,2.3vh),1.15rem);font-weight:800}.mcard .tg{color:var(--sun);white-space:nowrap;font-size:clamp(.7rem,min(1vw,1.8vh),.9rem);font-weight:800}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.mtrack{animation:none}.mcard[aria-hidden=true]{display:none}}@media (width<=820px){.step div span{display:none}.step{align-items:center}.step b{margin:0}}@media (width<=600px){.home-hero{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.hero-tile .sub{display:none}.hero-tile .kicker{letter-spacing:.12em;font-size:.75rem}.hero-tile .tbtn.big{white-space:normal;text-align:center;text-wrap-style:balance;padding:.85em 1.4em;font-size:1.05rem;line-height:1.2}.home-head .tag{text-wrap-style:balance}.home-links{gap:4px 14px;font-size:.8125rem}.home-links a{padding:8px 0;display:inline-block}.step{flex-direction:column;align-items:flex-start;gap:4px}}@media (height<=560px){.home-body{gap:8px}.home .rail .side,.hero-tile .sub,.step div span{display:none}.hero-tile .kicker{font-size:.65rem}.step{align-items:center}.step b{margin:0}}.home .home-head,.home .hero-tile,.home .step,.home .home-games{animation:enter var(--dur-enter) var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}.home .hero-tile.host{--i:1}.home .hero-tile.join{--i:2}.home .step:first-child{--i:3}.home .step:nth-child(2){--i:4}.home .step:nth-child(3){--i:5}.home .home-games{--i:6}@media (height<=420px){.hero-tile .kicker{display:none}.hero-tile .tbtn.big{white-space:nowrap;margin-top:2px}}.practice-link{color:var(--sky);text-underline-offset:4px;align-self:flex-start;padding:6px 0;font-size:.95rem;font-weight:800;text-decoration-thickness:2px;display:inline-block}.step div span{text-wrap:pretty}.home-links{margin-top:auto}.hero-tile.join .tbtn.big{--face:#3867f5;color:#f8f9ff;border-color:#0b1026}.home-sub{flex-wrap:wrap;gap:4px 24px;margin:0;display:flex}@keyframes tile-bob{0%,to{translate:0}50%{translate:0 -12px}}@keyframes btn-pulse{0%,to{scale:1}50%{scale:1.09}}@keyframes btn-shine{0%,55%{transform:translate(-130%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}.hero-tile .tbtn.big{animation:btn-pulse 2.4s var(--ease-in-out,ease-in-out) infinite;position:relative;overflow:hidden}.hero-tile .tbtn.big:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;animation:3.2s ease-in-out infinite btn-shine;position:absolute;inset:0 auto 0 0}.hero-tile.join .tbtn.big,.hero-tile.join .tbtn.big:after{animation-delay:.9s}@media (prefers-reduced-motion:no-preference){.home .hero-tile.host{animation:enter var(--dur-enter) var(--ease-out) both, tile-bob 5s ease-in-out 1s infinite}.home .hero-tile.join{animation:enter var(--dur-enter) var(--ease-out) both, tile-bob 5s ease-in-out 3.5s infinite}}@media (prefers-reduced-motion:reduce){.hero-tile .tbtn.big,.hero-tile .tbtn.big:after{animation:none}}@media (width>=601px) and (orientation:portrait) and (height>=800px){.home-hero{flex:auto;max-height:44vh}.hero-tile .sub,.step div span{display:block}.home-body{gap:clamp(18px,3vh,36px)}}.tour-open{color:var(--sky);font:800 clamp(.85rem, 1.6vh, 1rem) var(--font-ui);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:6px 0;text-decoration:underline}.tour{background:var(--ink-soft);width:min(880px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--paper);overscroll-behavior:contain;border:0;border-radius:24px;padding:clamp(16px,3vh,28px) clamp(16px,3vw,32px);overflow:auto;box-shadow:inset 0 0 0 2px #f8f9ff24,0 30px 80px #00000080}.tour[open]{flex-direction:column;gap:clamp(12px,2.4vh,22px);animation:.32s cubic-bezier(.22,1,.36,1) both tour-in;display:flex}.tour::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a1cc7}@keyframes tour-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.tour-top,.tour-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-nav{justify-content:flex-end}.tour-nav [hidden]{display:none}.tour-dots{gap:6px;display:flex}.tour-dots i{background:#f8f9ff38;border-radius:3px;width:22px;height:6px;transition:background .2s,width .2s}.tour-dots i.on{background:var(--sun);width:40px}.tour-skip{color:var(--paper-dim);font:800 .9rem var(--font-ui);cursor:pointer;background:0 0;border:0;padding:8px 4px}.tour-slide h2{font:900 clamp(1.3rem, 3.6vh, 2.1rem) var(--font-display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px}.tour-slide p{max-width:56ch;font:600 clamp(.95rem, 2vh, 1.1rem) / 1.5 var(--font-ui);color:var(--paper-dim);text-wrap:pretty;margin:0}.tour-slide:not([hidden]){animation:.28s cubic-bezier(.22,1,.36,1) both tour-in}.tour-art{grid-template-columns:repeat(3,40px);justify-content:center;gap:12px clamp(28px,6vw,56px);margin-bottom:clamp(10px,2vh,18px);display:grid}.tour-art .tv{aspect-ratio:16/9;background:var(--indigo) var(--adire) center / 90px;width:clamp(180px,30vh,280px);box-shadow:inset 0 0 0 5px var(--ink), 0 10px 0 -4px var(--ink);border-radius:14px;grid-column:1/-1;justify-self:center;place-items:center;display:grid}.tour-art .tv span{font:900 clamp(1.2rem, 4vh, 2rem) var(--font-display);color:var(--ink);background:var(--sun);border-radius:10px;padding:4px 12px}.tour-art .ph{width:40px;height:70px;box-shadow:inset 0 0 0 4px var(--ink);border-radius:10px;animation:2.4s ease-in-out infinite tour-bob}.tour-art .ph.a{background:var(--royal)}.tour-art .ph.b{background:var(--sun);animation-delay:-.8s}.tour-art .ph.c{background:var(--pink);animation-delay:-1.6s}@keyframes tour-bob{50%{translate:0 -8px}}.tour-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tour-steps li{background:#f8f9ff12;border-radius:16px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.tour-steps b{background:var(--sun);width:34px;height:34px;color:var(--ink);font:900 1rem var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.tour-steps strong{font:800 1.02rem var(--font-ui);display:block}.tour-steps span{font:600 .92rem / 1.45 var(--font-ui);color:var(--paper-dim)}.tour-games{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.tg-card{box-shadow:inset 4px 0 0 var(--gc);background:#f8f9ff12;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.tg-card b{font:900 .85rem var(--font-display);text-transform:uppercase}.tg-card span{font:600 .8rem / 1.35 var(--font-ui);color:var(--paper-dim)}.tg-card small{font:800 .72rem var(--font-ui);color:var(--gold)}.tour-slide.demo:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:clamp(14px,3vw,32px);display:grid}.tour-pick{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tour-pick .chip{color:var(--paper);font:800 .9rem var(--font-ui);cursor:pointer;background:#f8f9ff12;border:2px solid #f8f9ff40;border-radius:999px;padding:8px 14px}.tour-pick .chip.on{background:var(--sun);color:var(--ink);border-color:var(--ink)}.tour .phone-mock{aspect-ratio:9/17;background:var(--ink);border-radius:28px;max-height:52dvh;padding:7px;box-shadow:inset 0 0 0 2px #f8f9ff2e}.tour .phone-mock iframe{pointer-events:none;background:var(--indigo);border:0;border-radius:22px;width:100%;height:100%;display:block}@media (width<=640px){.tour-slide.demo:not([hidden]){grid-template-columns:minmax(0,1fr)}.tour .phone-mock{max-height:40dvh;margin:0 auto}}@media (prefers-reduced-motion:reduce){.tour[open],.tour-slide:not([hidden]),.tour-art .ph{animation:none}}