:root{--ink:#080918;--ink2:#111429;--cream:#f8f4e9;--muted:#aeb2c8;--pink:#ff315c;--cyan:#32dcf7;--yellow:#f9db45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--pink);color:white}.site-shell{overflow:hidden}.site-header{position:relative;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,88px);border-bottom:1px solid #ffffff26;background:#080918e8}.brand{display:flex;align-items:center;gap:9px;font:900 30px/.9 'Barlow Condensed',sans-serif;letter-spacing:-1px}.brand img{width:44px;height:44px;object-fit:contain}.brand span span{color:var(--pink)}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px);font-size:11px;font-weight:800;letter-spacing:1.4px}.site-nav>a:not(.nav-play):hover{color:var(--cyan)}.nav-play{padding:13px 18px;background:var(--pink);color:#fff;transition:transform .2s,background .2s}.nav-play:hover,.button:hover{transform:translateY(-3px)}.nav-play span{margin-left:14px}.menu-toggle{display:none}.hero{position:relative;min-height:740px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px clamp(20px,7vw,118px) 100px;background:radial-gradient(circle at 73% 43%,#183b69 0,#101126 34%,#090818 68%);isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070815e8 1%,#08091620 55%,#050e1a45),url('/assets/arena.webp') center/cover;opacity:.5;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ff315c1d,transparent 43%,#32dcf715);z-index:-1}.hero-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");opacity:.24;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2.2px;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.eyebrow-line{height:1px;width:24px;background:#ffffff80}.hero h1,.section h2,.play-strip h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;line-height:.78;letter-spacing:-3px}.hero h1{font-size:clamp(100px,12vw,190px);margin:30px 0 28px;text-shadow:0 10px 40px #0008}.hero h1 span,.section h2 em,.play-strip h2 em{color:var(--pink);font-style:inherit}.hero-copy>p{max-width:540px;color:#d8d9e2;line-height:1.65;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;font:900 14px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;transition:transform .2s;white-space:nowrap}.button-primary{background:var(--pink);color:#fff;box-shadow:7px 7px 0 #840d30}.button-ghost{border:1px solid #ffffff75;background:#0b0c19ad}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:42px;color:#c3c6d5;font-size:9px;font-weight:800;letter-spacing:1.2px}.hero-meta i{width:4px;height:4px;border-radius:50%;background:var(--pink)}.hero-art{position:relative;display:grid;place-items:center;height:550px}.hero-art img{position:relative;width:min(90%,530px);max-height:550px;object-fit:contain;filter:drop-shadow(-20px 0 25px #fb235d7b) drop-shadow(25px 0 25px #17cdf17b);transform:rotate(-7deg)}.art-ring{position:absolute;border:2px solid #fff2;border-radius:50%;aspect-ratio:1;transform:rotate(-25deg) scaleX(.75)}.ring-one{width:min(100%,620px);box-shadow:0 0 80px #ff315c2b,inset 0 0 80px #32dcf722}.ring-two{width:min(80%,500px);border-color:#32dcf755}.art-caption{position:absolute;right:0;bottom:20px;font:900 25px/.8 'Barlow Condensed',sans-serif;letter-spacing:1px;text-align:right;transform:rotate(-8deg);color:var(--yellow)}.hero-scroll{position:absolute;bottom:35px;left:clamp(20px,7vw,118px);font-size:9px;font-weight:900;letter-spacing:2px;color:#bec0cf}.hero-scroll span{margin-left:18px;font-size:20px}.ticker{overflow:hidden;background:var(--yellow);color:#111126;transform:rotate(-1.3deg) scale(1.02);box-shadow:0 12px 35px #0009}.ticker div{width:max-content;padding:13px 0;font:900 24px 'Barlow Condensed',sans-serif;letter-spacing:2px;animation:marquee 32s linear infinite}.ticker b{margin:0 20px;color:var(--pink)}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:120px clamp(20px,7vw,118px)}.section-heading{max-width:830px}.section h2{font-size:clamp(72px,10vw,136px);margin:20px 0 27px}.section-heading p{max-width:650px;color:#adb2c6;line-height:1.7;font-size:16px}.game-section{background:var(--ink)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px}.mode-card{position:relative;min-height:420px;padding:36px;display:flex;flex-direction:column;border:1px solid #ffffff31;overflow:hidden}.mode-card:before{content:'';position:absolute;inset:0;opacity:.65;z-index:0}.mode-card>*{position:relative}.mode-card.ranked{background:radial-gradient(circle at 20% 10%,#a8204769,transparent 50%),linear-gradient(145deg,#391023,#100d1b 75%)}.mode-card.practice{background:radial-gradient(circle at 80% 10%,#119bc468,transparent 52%),linear-gradient(145deg,#0c2b46,#0b1021 75%)}.mode-top,.mode-bottom{display:flex;align-items:center;justify-content:space-between}.mode-number{font:900 58px/.8 'Barlow Condensed',sans-serif;color:#ffffff37}.pill{padding:8px 11px;border:1px solid #ffffff70;border-radius:100px;font-size:9px;font-weight:900;letter-spacing:1.1px}.mode-card h3{font:900 clamp(64px,9vw,120px)/.8 'Barlow Condensed',sans-serif;font-style:italic;letter-spacing:-3px;margin:65px 0 20px}.mode-card p{max-width:520px;color:#d4d5df;line-height:1.65;font-size:15px}.mode-bottom{margin-top:auto;padding-top:30px;border-top:1px solid #ffffff31;font-size:10px;font-weight:900;letter-spacing:1.3px}.mode-bottom a{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff8a;font-size:26px}.mode-note{margin-top:26px;color:#9196ac;font-size:12px}.statement{padding:110px 20px;text-align:center;background:var(--pink);color:#fff;transform:skewY(-2deg)}.statement>*{display:block;transform:skewY(2deg)}.statement span{font:800 27px 'Barlow Condensed',sans-serif;letter-spacing:3px}.statement strong{font:900 clamp(80px,14vw,195px)/.9 'Barlow Condensed',sans-serif;font-style:italic;letter-spacing:-5px}.statement p{margin:18px 0 0;font-size:14px;font-weight:800}.ecosystem-section{background:#0e1023;padding-top:150px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:60px}.feature-grid article{min-height:320px;padding:25px;border:1px solid #ffffff29;background:linear-gradient(145deg,#1a1d36,#0e1020);display:flex;flex-direction:column}.feature-icon{font:900 42px 'Barlow Condensed',sans-serif;color:var(--pink)}.feature-grid h3{font:900 32px/.9 'Barlow Condensed',sans-serif;font-style:italic;margin:45px 0 12px}.feature-grid p{margin:0;color:#b8bdd0;font-size:13px;line-height:1.65}.feature-grid small{margin-top:auto;padding-top:20px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:1.3px}.play-strip{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:75px clamp(20px,7vw,118px);background:var(--yellow);color:var(--ink)}.play-strip .kicker{color:#94243d}.play-strip h2{font-size:clamp(70px,9vw,115px);margin:15px 0 0}.button-dark{background:var(--ink);color:#fff}.roadmap-section{background:#0a0b1a}.roadmap-list{margin-top:65px;border-top:1px solid #ffffff3a}.roadmap-list article{display:grid;grid-template-columns:110px 1fr;gap:35px;padding:38px 0;border-bottom:1px solid #ffffff3a}.roadmap-index{font:900 68px/.9 'Barlow Condensed',sans-serif;color:#ffffff2d}.roadmap-state{display:inline-block;padding:6px 9px;border:1px solid #ffffff60;color:#fff;font-size:9px;font-weight:900;letter-spacing:1.6px}.roadmap-state.live{color:var(--cyan);border-color:var(--cyan)}.roadmap-state.building{color:var(--yellow);border-color:var(--yellow)}.roadmap-state.planned{color:#aaaec1}.roadmap-list h3{font:900 42px 'Barlow Condensed',sans-serif;font-style:italic;letter-spacing:-.5px;margin:14px 0 6px}.roadmap-list p{max-width:800px;color:#aeb3c8;line-height:1.7;margin:0}.meme-block{position:relative;padding:100px 20px;text-align:center;background:var(--cyan);color:var(--ink)}.meme-block p{font:900 clamp(54px,8vw,110px)/.85 'Barlow Condensed',sans-serif;font-style:italic;margin:0}.meme-block p span{color:var(--pink)}.meme-block small{display:block;margin-top:26px;font-size:10px;font-weight:900;letter-spacing:2px}.meme-asterisk{position:absolute;top:20px;left:7%;font:900 100px 'Barlow Condensed',sans-serif;color:#0b102537}.faq-section{background:#0b0d1d}.faq-list{max-width:950px;margin-top:55px}.faq-list details{border-bottom:1px solid #ffffff35}.faq-list summary{list-style:none;cursor:pointer;padding:25px 44px 25px 0;position:relative;font:900 25px 'Barlow Condensed',sans-serif;letter-spacing:.2px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:8px;top:18px;color:var(--pink);font:900 35px 'Barlow Condensed',sans-serif}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:750px;color:#b5bacb;line-height:1.7;margin:0 0 25px}.faq-list p a{color:var(--cyan);text-decoration:underline}.site-footer{padding:70px clamp(20px,7vw,118px) 25px;background:#060711}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:70px}.footer-top p{font:900 28px/.9 'Barlow Condensed',sans-serif;font-style:italic}.button-outline{border:1px solid #ffffff75}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #ffffff2a;color:#8f95aa;font-size:9px;font-weight:900;letter-spacing:1px}.footer-bottom a:hover{color:var(--cyan)}@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:clamp(95px,12vw,150px)}}@media(max-width:800px){.site-header{height:68px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #ffffff4d;background:transparent}.menu-toggle span{height:2px;margin:0 8px;background:#fff}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:22px;background:#101226;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:10px}.hero{grid-template-columns:1fr;min-height:0;padding-top:85px}.hero h1{font-size:clamp(90px,19vw,150px)}.hero-art{height:390px}.hero-art img{max-height:390px;width:min(70%,390px)}.hero-scroll{display:none}.mode-cards{grid-template-columns:1fr}.mode-card{min-height:360px}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-top{flex-wrap:wrap}}@media(max-width:550px){.section{padding:80px 20px}.hero{padding:65px 20px 50px}.hero h1{font-size:clamp(90px,23vw,122px);margin:25px 0}.hero-copy>p{font-size:14px}.hero-actions{gap:15px}.hero-meta{font-size:8px;gap:8px}.hero-art{height:290px}.hero-art img{max-height:280px}.art-caption{font-size:16px;right:12px}.ticker div{font-size:17px}.section h2{font-size:clamp(66px,16vw,95px)}.mode-cards{margin-top:35px}.mode-card{min-height:330px;padding:24px}.mode-card h3{font-size:80px;margin:45px 0 15px}.mode-card p{font-size:13px}.mode-bottom{font-size:8px}.statement{padding:70px 15px}.statement span{font-size:17px}.statement strong{font-size:clamp(66px,15vw,100px);letter-spacing:-2px}.feature-grid{grid-template-columns:1fr;margin-top:35px}.feature-grid article{min-height:250px}.feature-grid h3{margin-top:25px}.play-strip{padding:55px 20px;display:block}.play-strip h2{font-size:75px}.play-strip .button{margin-top:35px}.roadmap-list{margin-top:40px}.roadmap-list article{grid-template-columns:50px 1fr;gap:12px;padding:28px 0}.roadmap-index{font-size:45px}.roadmap-list h3{font-size:30px}.roadmap-list p{font-size:13px}.meme-block{padding:70px 15px}.meme-block p{font-size:60px}.footer-top{display:block;padding-bottom:40px}.footer-top p{margin:28px 0}.footer-bottom{display:grid;gap:12px}}