@font-face{font-family:barlow;src:url(../media/barlow_regular-s.p.1q0hndkpg4lpn.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_semibold-s.p.1g3pxayh5j6ff.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:barlow Fallback;src:local(Arial);ascent-override:103.13%;descent-override:20.63%;line-gap-override:0.0%;size-adjust:96.96%}.Gym1mq_className{font-family:barlow,barlow Fallback}.Gym1mq_variable{--font-body:"barlow", "barlow Fallback"}
@font-face{font-family:condensed;src:url(../media/barlow_condensed_extrabold_italic-s.p.210rk70qniz3d.ttf)format("truetype");font-display:swap;font-weight:800;font-style:italic}@font-face{font-family:condensed Fallback;src:local(Arial);ascent-override:121.73%;descent-override:24.35%;line-gap-override:0.0%;size-adjust:82.15%}.ugXPnq_className{font-family:condensed,condensed Fallback;font-style:italic;font-weight:800}.ugXPnq_variable{--font-heading:"condensed", "condensed Fallback"}
:root{--bg:#0c1119;--text:#eef3f7;--muted:#91a0b2;--accent:#65c7ff;--line:#233041;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:28px}body{background:var(--bg);min-height:100svh;color:var(--text);font:400 15px/1.7 var(--font-body), sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}main{flex:1}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-decoration:none;transition:color .18s,background .18s,border-color .18s}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:#fff;background:#1d70bd}p{color:var(--muted)}.container{width:min(1160px,100% - 104px);margin-inline:auto}.accent{color:var(--accent)}.skip-link{z-index:10;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;top:12px;left:20px;overflow:hidden}.skip-link:focus{clip-path:none;color:#fff;background:#1d70bd;width:auto;height:auto;padding:8px 16px}.text-link{align-items:center;gap:12px;font-size:13px;font-weight:600;display:inline-flex}.text-link>span{color:var(--accent);transition:transform .18s}.text-link:hover>span{transform:translate(3px)}.site-header{border-bottom:1px solid #26364a75;justify-content:space-between;align-items:center;gap:24px;height:96px;display:flex}.brand{color:var(--text);align-items:center;gap:13px;display:inline-flex}.brand:hover{color:#fff}.brand-mark{width:43px;height:39px;color:var(--accent)}.brand-lockup{flex-direction:column;gap:5px;display:flex}.brand-prefix{letter-spacing:3.5px;font-size:8px;font-weight:600;line-height:1}.brand-wordmark{transform-origin:0;width:106px;height:19px;transform:skew(-8deg)}.site-header nav{color:#b9c5d2;align-items:center;gap:30px;font-size:12px;font-weight:600;display:flex}.nav-start{color:var(--text);border:1px solid #3d4e60;border-radius:3px;align-items:center;gap:23px;padding:10px 15px;display:inline-flex}.nav-start>span{color:var(--accent)}.nav-start:hover{border-color:var(--accent);background:#65c7ff06}.site-footer{justify-content:space-between;align-items:center;gap:24px;padding-block:29px;font-size:10px;display:flex}.footer-signature{align-items:center;gap:17px;display:flex}.footer-signature>svg{color:#687c90;flex-shrink:0;width:25px;height:23px}.site-footer p{color:#718196}.site-footer a{white-space:nowrap;color:#91a0b2;align-items:center;gap:12px;display:inline-flex}.site-footer a:hover{color:var(--accent)}.hero{grid-template-columns:1fr 1.12fr;align-items:center;gap:5px;min-height:615px;padding-block:65px 75px;display:grid;position:relative}.hero-copy{z-index:1;position:relative}.status{color:#a2c2da;letter-spacing:1.4px;text-transform:uppercase;border:1px solid #38546d;border-radius:3px;align-items:center;gap:9px;padding:4px 9px;font-size:9px;font-weight:600;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.hero h1{font:italic 800 clamp(88px, 8.5vw, 120px)/.91 var(--font-heading), sans-serif;letter-spacing:-1.8px;margin-block:25px}.hero h1 .accent{margin-top:5px;display:inline-block}.hero-copy>p{max-width:330px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:30px;margin-top:30px;display:flex}.button{clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);background:var(--accent);color:#071a2a;justify-content:center;align-items:center;gap:27px;padding:14px 20px;font-size:12px;font-weight:600;display:inline-flex}.button>span{font-size:18px;line-height:1}.button:hover{color:#071a2a;background:#9bddff}.arena-scene{min-width:0;margin:0 -55px 0 -35px;position:relative}.arena-scene:before{content:"";z-index:-1;background:radial-gradient(#087ad508,#0000 70%);position:absolute;inset:6% 5% 8% 12%}.arena-art{width:100%;height:auto;display:block}.art-credit{text-align:right;letter-spacing:.4px;color:#718ba3;margin:-25px 35px 0 0;font-size:8px}.art-credit a:hover{color:var(--accent)}.modes{padding-block:0 76px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px;display:flex}.modes h2,.progress h2,.about h2{letter-spacing:-1px;font-size:31px;font-weight:600;line-height:1.18}.section-note{max-width:275px;font-size:12px}.mode-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mode-card{border-radius:7px;grid-template-columns:1fr 115px;align-items:center;gap:15px;min-height:206px;padding:32px;display:grid;position:relative;overflow:hidden}.mode-card:after{content:"";opacity:.6;background:currentColor;width:24px;height:3px;position:absolute;top:0;left:32px;transform:skew(-28deg)}.mode-friends{color:#152d43;background:#e0edf5;border:1px solid #e0edf5}.mode-friends p{color:#536b7e}.mode-ranked{color:#91d7ff;background:#142b42;border:1px solid #2a4d6b}.mode-ranked p{color:#a1b6c9}.mode-card h3{letter-spacing:-.6px;font-size:23px;font-weight:600;line-height:1.2}.mode-card p{max-width:310px;margin-top:13px;font-size:13px;line-height:1.8}.mode-art{width:115px;height:105px;display:block}.progress{grid-template-columns:.72fr 1.7fr;gap:55px;padding-block:0 76px;display:grid}.progress h2{max-width:180px;padding-top:21px}.progress-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:5px 24px;padding-block:20px;display:grid}.progress-row dt{grid-area:1/1;font-size:16px;font-weight:600}.progress-row dd{color:var(--muted);grid-area:2/1;font-size:12px}.progress-row .progress-status{color:#97a9bb;letter-spacing:.7px;text-transform:uppercase;grid-area:1/2;align-items:center;gap:7px;font-size:9px;display:inline-flex}.progress-status:before{content:"";background:#72859b;border-radius:50%;width:4px;height:4px}.progress-current .progress-status{color:var(--accent)}.progress-current .progress-status:before{background:var(--accent);box-shadow:0 0 0 3px #65c7ff0b}.about{isolation:isolate;background:#101e2d;border:1px solid #294057;border-radius:7px;grid-template-columns:1fr 1.15fr;gap:70px;padding:42px;display:grid;position:relative;overflow:hidden}.about h2{align-self:center;max-width:270px}.about-mark{color:#355779;opacity:.09;z-index:-1;width:240px;height:210px;position:absolute;bottom:-75px;left:20px}.about-copy>p{color:#9bb0c4;font-size:13px;line-height:1.9}.about-links{flex-wrap:wrap;gap:14px 28px;margin-top:18px;display:flex}.about-links .text-link{font-size:11px}.article{max-width:700px;padding-block:82px 110px}.article h1{letter-spacing:-1.8px;margin-bottom:28px;font-size:51px;font-weight:600;line-height:1.12}.article p{max-width:600px;margin-top:22px}.article .intro{color:#c8d5e3;font-size:19px;line-height:1.6}.article p a{color:var(--text);text-underline-offset:4px;-webkit-text-decoration:underline #506a85;text-decoration:underline #506a85}.article p a:hover{color:var(--accent)}.article .article-status{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:13px}.article>.text-link{margin-top:28px}.resource-list{margin:32px 0 0;padding:0;list-style:none}.resource-list li{border-top:1px solid var(--line)}.resource-list a{justify-content:space-between;align-items:center;padding-block:18px;font-size:14px;display:flex}.resource-list span{color:var(--accent)}@media (min-width:1500px){.hero{min-height:660px}.arena-scene{margin-right:-90px}}@media (max-width:1000px){.container{width:calc(100% - 72px)}.hero{min-height:550px;padding-block:54px 65px}.hero h1{font-size:94px}.arena-scene{margin-left:-25px;margin-right:-26px}.mode-card{grid-template-columns:1fr 75px;gap:12px;padding:26px}.mode-art{width:80px;height:90px}.mode-card h3{font-size:22px}.mode-card p{font-size:12px}.progress{grid-template-columns:.7fr 1.7fr;gap:30px}.about{gap:35px;padding:32px}.about h2{font-size:28px}}@media (max-width:760px){.container{width:calc(100% - 48px)}.site-header{height:86px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding-block:48px 24px}.hero h1{font-size:104px}.hero-copy>p{max-width:330px}.arena-scene{width:calc(100% + 24px);max-width:620px;margin:-50px -12px 0}.modes{padding-block:14px 55px}.modes h2,.progress h2{font-size:28px}.section-note{max-width:235px;font-size:11px}.mode-grid{gap:14px}.mode-card{flex-direction:column-reverse;justify-content:flex-end;align-items:flex-start;gap:18px;padding:25px;display:flex}.mode-card h3{font-size:22px}.mode-card p{font-size:12px}.mode-art{width:74px;height:66px}.progress{grid-template-columns:1fr;gap:23px;padding-bottom:55px}.progress h2{max-width:none;padding:0}.about{grid-template-columns:1fr 1.1fr;gap:30px;padding:29px}.about h2{font-size:27px}.about-copy>p{font-size:12px}.about-links{gap:10px 20px}.about-links .text-link{font-size:10px}.footer-signature{gap:12px}.site-footer{font-size:9px}}@media (max-width:500px){.container{width:calc(100% - 40px)}.site-header{gap:12px;height:78px}.brand{gap:9px}.brand-mark{width:32px;height:30px}.brand-wordmark{width:82px;height:15px}.brand-prefix{letter-spacing:2.8px;font-size:7px}.brand-lockup{gap:4px}.site-header nav{gap:17px;font-size:11px}.nav-start{gap:13px;padding:9px 10px}.hero{padding-block:36px 15px}.hero h1{letter-spacing:-1.4px;margin-block:22px;font-size:clamp(68px,21vw,101px)}.hero-copy>p{max-width:300px;font-size:14px}.status{letter-spacing:1.1px;font-size:8px}.hero-actions{gap:25px;margin-top:25px}.button{gap:25px;padding:13px 16px;font-size:11px}.text-link{font-size:12px}.arena-scene{width:calc(100% + 40px);margin:-2px -20px 0}.modes{padding-block:10px 42px}.section-heading{margin-bottom:22px;display:block}.modes h2,.progress h2,.about h2{font-size:27px}.section-note{max-width:280px;margin-top:10px;font-size:12px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{grid-template-columns:1fr 83px;gap:15px;min-height:185px;padding:26px;display:grid}.mode-art{width:86px;height:92px}.mode-card h3{font-size:23px}.mode-card p{margin-top:10px;font-size:12px}.progress{gap:22px;padding-bottom:42px}.progress-row{gap:6px 12px;padding-block:18px}.progress-row dt{font-size:15px}.progress-row dd{grid-column:1/-1;font-size:12px}.progress-row .progress-status{letter-spacing:.4px;grid-column:2;gap:5px;font-size:8px}.about{grid-template-columns:1fr;gap:18px;padding:27px}.about h2{max-width:230px}.about-copy>p{font-size:12px}.about-mark{width:220px;bottom:-40px;left:auto;right:-50px}.about-links{gap:12px 22px}.about-links .text-link{font-size:11px}.site-footer{align-items:flex-start;gap:16px;padding-block:24px}.footer-signature{align-items:flex-start;gap:12px}.footer-signature>svg{width:22px;height:21px}.site-footer p{max-width:185px;font-size:9px}.site-footer a{gap:6px;font-size:9px}.article{padding-block:48px 70px}.article h1{margin-bottom:24px;font-size:40px}.article .intro{font-size:18px}.article p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@media (max-width:360px){.brand-mark{width:28px}.brand-wordmark{width:70px}.brand{gap:7px}.site-header nav{gap:12px;font-size:10px}.nav-start{gap:9px;padding:9px}.mode-card{grid-template-columns:1fr 70px;padding:22px}.mode-art{width:72px}.art-credit{margin-right:28px;font-size:7px}}