html,body{margin:0;font-family:Segoe UI,system-ui,sans-serif}[hidden]{display:none!important}html:has(body.landing-active){scroll-behavior:smooth;background:#10141d;height:auto;overflow:auto}body.landing-active{touch-action:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;overscroll-behavior:auto;color:#f3f3ee;background:#10141d;height:auto;min-height:100vh;overflow:visible}body.landing-active>:not(#landing):not(script){display:none!important}#landing{--landing-accent:#e8ed89;--landing-muted:#a8aab5;flex-direction:column;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex}#landing>main{flex:1 0 auto;width:100%}#landing *,#landing :before,#landing :after{box-sizing:border-box}#landing button,#landing a{-webkit-tap-highlight-color:transparent}#landing button{font:inherit;cursor:pointer}:where(#landing) a{color:inherit;text-decoration:none}#landing button:focus-visible,#landing a:focus-visible{outline:3px solid var(--landing-accent);outline-offset:5px}.landing-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing-skip{background:var(--landing-accent);z-index:20;border-radius:8px;padding:12px 20px;position:fixed;top:-80px;left:20px;color:#10141d!important}.landing-skip:focus{top:12px}.landing-brand{letter-spacing:-.045em;flex-shrink:0;align-items:center;gap:9px;font-size:25px;font-weight:900;display:inline-flex}.landing-brand-mark{background:var(--landing-accent);color:#121822;border-radius:7px;place-items:center;width:30px;height:32px;font-size:26px;display:grid;transform:rotate(-8deg)}.landing-prototype{color:#888c99;letter-spacing:.12em;align-self:end;margin:0 0 5px 2px;font-size:10px;font-weight:700}.landing-hero{--landing-play-height:88px;isolation:isolate;background:radial-gradient(at 70% 45%,#35496b,#1c2939 55%,#111921);border:1px solid #3c465b;border-radius:70px 70px 110px 110px/30px 30px 65px 65px;height:clamp(360px,37vw,560px);margin:0 16px;position:relative;overflow:hidden}#landing-scene{object-fit:cover;z-index:-2;opacity:0;width:100%;height:100%;position:absolute;inset:0}.landing-video-ready #landing-scene{opacity:1}.landing-hero-shade{z-index:-1;background:linear-gradient(90deg,#070d1844,#070d1866 45%,#070d1844),linear-gradient(#080c1844,#0000 65%,#080c18ce);position:absolute;inset:0}.landing-hero-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:absolute;inset:0}.landing-eyebrow{color:var(--landing-accent);letter-spacing:.2em;margin:0 0 14px;font-size:12px;font-weight:800;line-height:1.6}.landing-play{height:var(--landing-play-height);min-height:var(--landing-play-height);background:var(--landing-accent);color:#171d24;letter-spacing:-.045em;white-space:nowrap;border:1px solid #f5f8b1;border-radius:14px;justify-content:center;align-items:center;gap:clamp(10px,1vw,18px);padding:20px clamp(8px,1.2vw,20px);transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 5px #8d963f,0 16px 60px #090e1990;font-size:clamp(22px,2.5vw,38px)!important;font-weight:900!important}.landing-play:hover{background:#f4f8a4;transform:translateY(-3px)}.landing-play:active{transform:translateY(3px);box-shadow:0 2px #8d963f}.landing-play:disabled{opacity:.85;cursor:progress!important}.landing-play-symbol{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid;width:0;height:0}.landing-play-note{top:calc(50% + var(--landing-play-height) / 2 + 16px);color:#ececf1;text-shadow:0 2px 8px #000;margin:0;font-size:14px;font-weight:500;position:absolute}.landing-status{color:#fff;max-width:520px;margin:0;font-size:14px;line-height:1.5;position:absolute;top:72%}.landing-hero-bottom{color:#d3d7df;letter-spacing:.14em;justify-content:flex-end;align-items:center;gap:20px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:26px;left:5%;right:5%}#landing-motion{color:#e3e5ea;letter-spacing:0;background:#10172455;border:1px solid #ffffff35;border-radius:6px;align-items:center;gap:8px;padding:8px 11px;display:flex;font-size:12px!important}.landing-modes{max-width:1310px;margin:auto;padding:55px 5% 65px;scroll-margin-top:24px}.landing-section-head{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.landing-section-head .landing-eyebrow{margin-bottom:5px}.landing-section-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,2.7vw,36px);font-weight:800}.landing-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.landing-mode-image{aspect-ratio:1.5;background:#202b3d;border:1px solid #3a4050;border-radius:14px;width:100%;display:block;position:relative;overflow:hidden}.landing-mode-image img{object-fit:cover;width:100%;height:100%;display:block}.landing-mode-badge{z-index:1;background:var(--mode-color);color:#10141d;letter-spacing:.065em;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:800;position:absolute;bottom:14px;left:14px}.landing-mode-card h3{letter-spacing:-.04em;margin:20px 0 9px;font-size:22px}.landing-mode-card p{color:#a8afbd;min-height:78px;margin:0 0 14px;font-size:15px;line-height:1.7}.landing-mode-detail{color:var(--mode-color);font-size:12px;font-weight:600;line-height:1.5}.landing-footer{background:#0d1119;border-top:1px solid #2b303d;justify-content:space-between;align-items:center;gap:24px;min-height:108px;padding:28px max(5%,50vw - 590px);display:flex}.landing-footer .landing-brand{color:#aeb2bf;font-size:22px}.landing-footer p{color:#777e8e;font-size:12px;line-height:1.6}.landing-footer nav{gap:24px;display:flex}.landing-footer button{color:#d2d4db;background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:600;transition:color .15s}.landing-footer button:hover{color:var(--landing-accent)}#landing-dialog{color:#f3f3ee;background:#1a202d;border:1px solid #424b60;border-radius:18px;width:min(570px,100% - 32px);max-height:calc(100dvh - 40px);padding:36px;overflow:auto;box-shadow:0 24px 100px #0008}#landing-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060910bb}#landing-dialog h2{letter-spacing:-.03em;margin:0 0 20px;font-size:28px}#landing-dialog h3{margin:23px 0 8px;font-size:18px}#landing-dialog p,#landing-dialog li{color:#bcc3d0;font-size:16px;line-height:1.65}#landing-dialog ul{padding-left:20px}#landing-dialog kbd{color:#fff;border:1px solid #50586a;border-radius:4px;padding:2px 6px;font:13px inherit;display:inline-block}.landing-dialog-close{color:#ddd;background:#ffffff0c;border:0;border-radius:6px;width:36px;height:36px;position:absolute;top:12px;right:15px;font-size:26px!important}.landing-dialog-action{background:var(--landing-accent);color:#151a24;border:0;border-radius:8px;margin-top:10px;padding:13px 19px;display:inline-block;font-size:15px!important;font-weight:750!important}.landing-leaderboard h3{margin:18px 0 4px}.landing-leaderboard-tabs{background:#ffffff0d;border-radius:10px;flex-wrap:wrap;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 0 8px;padding:4px;display:flex}.landing-leaderboard-tabs button{color:#bcc3d0;background:0 0;border:0;border-radius:7px;padding:8px 13px;font-weight:650;font-size:14px!important}.landing-leaderboard-tabs.small button{padding:6px 11px;font-size:13px!important}.landing-leaderboard-tabs button:hover{color:#fff}.landing-leaderboard-tabs button[aria-pressed=true]{background:var(--landing-accent);color:#151a24}#landing-dialog .landing-leaderboard-hint{margin:0;font-size:14px}.landing-leaderboard-list{margin:12px 0 8px;overflow-x:auto}.landing-leaderboard-list table{border-collapse:collapse;width:100%;font-size:15px}.landing-leaderboard-list caption{color:var(--landing-accent);text-align:left;margin-bottom:8px;font-weight:750}.landing-leaderboard-list th,.landing-leaderboard-list td{text-align:left;border-bottom:1px solid #ffffff1c;padding:10px 8px}.landing-leaderboard-list th{color:var(--landing-muted);font-size:13px;font-weight:650}.landing-leaderboard-list td:nth-child(2){overflow-wrap:anywhere}.landing-leaderboard-list th:nth-child(n+3),.landing-leaderboard-list td:nth-child(n+3){text-align:right;white-space:nowrap}.landing-leaderboard-list .leaderboard-empty{color:var(--landing-muted);padding:26px 8px;text-align:center!important}.landing-leaderboard-list .weekly-table td:first-child{white-space:nowrap}.landing-leaderboard-list .weekly-badge{vertical-align:-3px;width:18px;height:18px;margin-left:7px;display:inline-block}.landing-leaderboard-list .weekly-badge svg{width:100%;height:100%;display:block}.landing-leaderboard-list tr.place-1 td:nth-child(2){color:#fbbf24;font-weight:700}.landing-leaderboard-list tr.place-2 td:nth-child(2){color:#e2e8f0;font-weight:700}.landing-leaderboard-list tr.place-3 td:nth-child(2){color:#e0a26b;font-weight:700}#landing-dialog .landing-leaderboard-note{color:var(--landing-muted);margin:18px 0}.landing-leaderboard-retry{color:#f3f3ee;background:0 0;border:1px solid #50586a;border-radius:8px;margin:0 0 8px;padding:9px 14px;font-size:14px!important}.landing-noscript{text-align:center;padding:20px}@media (min-width:1600px){.landing-hero{max-width:1568px;margin-inline:auto}}@media (max-width:1200px){.landing-header{min-height:230px;padding:24px 5% 140px}.landing-prototype{display:none}.landing-nav{gap:20px}.landing-mode-grid{gap:18px}.landing-mode-card h3{font-size:20px}.landing-mode-card p{min-height:102px;font-size:15px}}@media (max-width:800px){.landing-header{flex-wrap:wrap;gap:18px;min-height:275px;padding:24px 24px 155px}.landing-nav{justify-content:space-between;gap:14px;width:100%}.landing-nav button{font-size:12px}.landing-nav .landing-account{padding:9px 11px}.landing-hero{border-radius:30px 30px 65px 65px/20px 20px 35px 35px;height:390px;margin:0 10px}.landing-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.landing-mode-card p{min-height:76px}.landing-footer{flex-wrap:wrap;gap:8px 22px}.landing-footer p{order:3;width:100%;margin-bottom:0}}@media (max-width:480px){.landing-header{padding-inline:18px}.landing-brand{font-size:23px}.landing-nav{flex-wrap:wrap;gap:6px 15px}.landing-nav .landing-account{margin-left:auto}.landing-hero{height:350px}.landing-play{gap:13px;min-height:75px;padding:20px 24px}.landing-hero-bottom{letter-spacing:.09em;font-size:9px;bottom:22px}#landing-motion span:last-child{display:none}#landing-motion{justify-content:center;min-width:40px}.landing-modes{padding:38px 22px 45px}.landing-mode-grid{grid-template-columns:1fr;gap:30px}.landing-mode-card p{min-height:0}.landing-mode-card h3{margin-top:15px;font-size:23px}.landing-mode-badge{font-size:11px}.landing-footer{padding:24px 22px}.landing-footer nav{gap:15px}#landing-dialog{padding:32px 24px 24px}}@media (max-width:800px){#landing .landing-nav a{font-size:12px}}@media (prefers-reduced-motion:reduce){html:has(body.landing-active){scroll-behavior:auto}#landing button{transition:none}.landing-play:hover{transform:none}}.landing-showcase{padding:32px 0 35px}.landing-showcase .landing-hero{z-index:1;aspect-ratio:20/9;width:min(100% - 96px,1180px);height:auto;margin:0 auto;position:relative}.landing-hero-content,.landing-hero-bottom{z-index:5}@media (max-width:800px){.landing-showcase{padding-top:24px}.landing-showcase .landing-hero{--landing-play-height:clamp(42px, 6vw, 72px);width:calc(100% - 36px);height:auto}.landing-play{min-height:var(--landing-play-height);border-radius:9px;gap:clamp(5px,1vw,10px);padding:8px clamp(6px,1.2vw,12px);font-size:clamp(10px,2.1vw,22px)!important}.landing-play-symbol{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.landing-play-note{top:calc(50% + var(--landing-play-height) / 2 + 10px);font-size:12px}}@media (max-width:480px){.landing-showcase{padding-bottom:0}}
