.site-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow-x:clip;background:var(--color-background)}.page-canvas.is-auth-page{padding-bottom:0}.page-canvas{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--nav-bottom-gap) + 92px);overflow-x:clip}.page-transition{width:100%}.page-transition[data-phase=exit][data-direction=forward]{animation:page-exit-forward var(--duration-route-exit) cubic-bezier(.32,.72,.36,1) both}.page-transition[data-phase=exit][data-direction=backward]{animation:page-exit-backward var(--duration-route-exit) cubic-bezier(.32,.72,.36,1) both}.page-transition[data-phase=enter][data-direction=forward]{animation:page-enter-forward var(--duration-route-enter) var(--ease-standard) both}.page-transition[data-phase=enter][data-direction=backward]{animation:page-enter-backward var(--duration-route-enter) var(--ease-standard) both}@keyframes page-exit-forward{to{transform:translate(-10px);opacity:0}}@keyframes page-exit-backward{to{transform:translate(10px);opacity:0}}@keyframes page-enter-forward{0%{transform:translate(10px);opacity:0}}@keyframes page-enter-backward{0%{transform:translate(-10px);opacity:0}}.site-footer{position:fixed;z-index:1;right:0;bottom:calc(var(--nav-height) + var(--nav-bottom-gap) + 52px + env(safe-area-inset-bottom,0px));left:0;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--color-muted);font-size:.68rem;font-weight:600;letter-spacing:.14em;line-height:1;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.site-footer img{width:21px;height:21px;object-fit:contain}@media(prefers-reduced-motion:reduce){.page-transition[data-phase=exit][data-direction]{animation:page-exit-reduced 90ms ease-out both}.page-transition[data-phase=enter][data-direction]{animation:page-enter-reduced .12s ease-out both}}@keyframes page-exit-reduced{to{opacity:0}}@keyframes page-enter-reduced{0%{opacity:0}}.bottom-nav{position:fixed;z-index:5;bottom:calc(var(--nav-bottom-gap) + env(safe-area-inset-bottom,0px));left:50%;width:min(420px,calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));height:var(--nav-height);padding:6px;transform:translate(-50%);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#081419f5;box-shadow:var(--shadow-floating),inset 0 1px #ffffff08}.nav-items{position:relative;display:grid;width:100%;height:100%;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.nav-indicator{position:absolute;z-index:0;inset:0 auto 0 0;width:20%;border:1px solid rgb(130 220 236 / 32%);border-radius:var(--radius-pill);background:linear-gradient(135deg,#005f73,#0099b9);box-shadow:inset 0 1px #ffffff1f;pointer-events:none;transition:transform var(--duration-indicator) var(--ease-standard)}@supports (transition-timing-function: linear(0,1)){.nav-indicator{transition-timing-function:linear(0,.12 12%,.42 30%,.73 52%,.9 70%,.98 84%,1.015 94%,1)}}.nav-link{position:relative;z-index:1;display:grid;min-width:0;min-height:58px;place-items:center;border-radius:var(--radius-pill);color:#9aabb1;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--duration-standard) ease}.nav-link:hover,.nav-link:focus-visible,.nav-link[aria-current=page]{color:#f3fcfd}.nav-link:focus-visible{outline:2px solid #79d6e8;outline-offset:4px}.nav-icon{display:block;width:23px;height:23px;stroke-width:1.8;transform:scale(1);transition:color var(--duration-fast) ease,transform var(--duration-standard) var(--ease-standard)}.nav-link[aria-current=page] .nav-icon{transform:scale(1.05);animation:nav-icon-select .23s cubic-bezier(.22,1,.36,1) both}@keyframes nav-icon-select{0%{transform:scale(1)}58%{transform:scale(1.06)}to{transform:scale(1.05)}}@media(hover:hover)and (pointer:fine){.nav-link:hover .nav-icon{transform:translateY(-2px) scale(1.02)}.nav-link[aria-current=page]:hover .nav-icon{transform:translateY(-2px) scale(1.05)}}.nav-link:focus-visible .nav-icon{transform:translateY(-2px) scale(1.02)}.nav-link[aria-current=page]:focus-visible .nav-icon{transform:translateY(-2px) scale(1.05)}.nav-tooltip{position:absolute;right:auto;bottom:calc(100% + 12px);left:50%;z-index:10;padding:7px 10px;transform:translate(-50%,6px) scale(.96);border:1px solid rgb(196 223 230 / 14%);border-radius:var(--radius-md);background:#13252b;box-shadow:0 5px 16px #00000038;color:#f0f7f8;font-size:var(--font-size-caption);font-weight:550;letter-spacing:.01em;line-height:1.1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-standard) ease,transform var(--duration-standard) var(--ease-standard),visibility var(--duration-standard) ease}@media(hover:hover)and (pointer:fine){.nav-link:hover .nav-tooltip{transform:translate(-50%) scale(1);opacity:1;visibility:visible}}.nav-link:focus-visible .nav-tooltip{transform:translate(-50%) scale(1);opacity:1;visibility:visible}@media(max-width:480px){.bottom-nav{padding:5px}.nav-link{min-height:52px}.nav-icon{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.nav-link,.nav-icon,.nav-tooltip{transition:none}.nav-indicator{transition:transform .22s cubic-bezier(.25,.8,.3,1)}.nav-link[aria-current=page] .nav-icon{animation:none}}.auth-page{display:grid;min-height:100dvh;align-content:center;justify-items:center;padding:36px max(20px,env(safe-area-inset-right,0px)) 220px max(20px,env(safe-area-inset-left,0px))}.login-card{width:min(100%,390px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 14px 38px #0000002e}.login-card{display:flex;align-items:center;flex-direction:column;padding:34px 30px 28px;text-align:center}.login-logo{width:58px;height:58px;margin-bottom:18px;object-fit:contain}.login-card h1{margin:11px 0 0;color:var(--color-text);font-size:clamp(1.24rem,4vw,1.48rem);font-weight:650;letter-spacing:-.035em;line-height:1.25}.login-description{max-width:280px;margin:12px 0 24px;color:var(--color-muted);font-size:var(--font-size-body);line-height:1.65}.discord-login-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:var(--space-3);padding:0 15px;border:1px solid rgb(255 255 255 / 11%);border-radius:var(--radius-lg);background:#5865f2;box-shadow:0 5px 14px #262fab29;color:#fff;font-size:.88rem;font-weight:650;text-decoration:none;transition:background-color var(--duration-standard) ease,border-color var(--duration-standard) ease,box-shadow var(--duration-standard) ease,transform var(--duration-standard) var(--ease-standard)}.discord-login-button:hover{transform:translateY(-1px);border-color:#ffffff3d;background:#6471ff;box-shadow:0 7px 17px #262fab33}.discord-login-button:active{transform:scale(.985)}.discord-login-button:focus-visible,.login-back-link:focus-visible{outline:2px solid #79d6e8;outline-offset:4px}.discord-login-icon{width:21px;height:21px;flex:0 0 auto}.discord-login-arrow{width:16px;height:16px;margin-left:auto;opacity:.76}.login-back-link{display:inline-flex;min-height:42px;align-items:center;gap:7px;margin-top:14px;color:#9cabb0;font-size:.78rem;text-decoration:none;transition:color .16s ease}.login-back-link:hover{color:#eaf7f9}.login-back-link svg{width:15px;height:15px}.login-error{width:100%;margin:-8px 0 17px;color:#ffb4ab;font-size:.8rem;line-height:1.45}.account-control{position:fixed;z-index:7;bottom:calc(var(--nav-bottom-gap) + env(safe-area-inset-bottom,0px));left:calc(50% + 222px)}.account-control{display:flex;align-items:flex-end;flex-direction:column}.account-button{display:inline-flex;min-width:104px;height:var(--nav-height);align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#081419f5;box-shadow:var(--shadow-floating),inset 0 1px #ffffff08;color:#d7e6e9;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) ease,background-color var(--duration-standard) ease,color var(--duration-standard) ease}.account-button:hover{transform:translateY(-1px);border-color:#0099b973;background:#10242b;color:#fff}.account-button:active{transform:scale(.98)}.account-button:focus-visible,.account-menu-item:focus-visible{outline:2px solid #79d6e8;outline-offset:4px}.account-discord-icon{width:19px;height:19px;flex:0 0 auto;color:#c7e7ed}.account-login-arrow{width:15px;height:15px;color:#8aabb2}.signed-in-account-button{max-width:190px;justify-content:flex-start}.account-avatar{width:31px;height:31px;flex:0 0 auto;border:1px solid rgb(255 255 255 / 15%);border-radius:50%;object-fit:cover}.account-name{max-width:106px;overflow:hidden;color:inherit;font-size:.8rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.account-chevron{width:15px;height:15px;flex:0 0 auto;color:#91aab0;transition:transform .18s ease}.account-button[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-menu{position:absolute;right:0;bottom:calc(100% + 10px);width:228px;padding:7px;transform:translateY(6px) scale(.98);transform-origin:bottom right;border:1px solid rgb(190 221 229 / 15%);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:0 12px 30px #0000004d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-standard) ease,transform .19s var(--ease-standard),visibility 0s linear var(--duration-standard)}.account-menu[data-open=true]{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--duration-standard) ease,transform .19s var(--ease-standard),visibility 0s}.account-menu-user{display:flex;min-width:0;align-items:center;gap:11px;padding:10px 9px 12px;border-bottom:1px solid rgb(190 221 229 / 10%)}.account-menu-user img{width:36px;height:36px;flex:0 0 auto;border-radius:50%;object-fit:cover}.account-menu-user>div{display:grid;min-width:0;gap:3px}.account-menu-display-name,.account-menu-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-display-name{color:#edf7f8;font-size:.81rem;font-weight:650}.account-menu-username{color:var(--color-muted);font-size:.72rem}.account-menu-item{display:flex;width:100%;min-height:42px;align-items:center;gap:var(--space-3);padding:0 10px;border:0;border-radius:var(--radius-md);background:transparent;color:#d6e4e7;cursor:pointer;font-size:var(--font-size-small);text-align:left;text-decoration:none;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.account-menu-item:hover{background:#0099b91f;color:#fff}.account-menu-item svg{width:17px;height:17px;color:#9ec3cb}.account-logout-item:hover{color:#ffcbc4}.account-logout-item:hover svg{color:#ffaaa0}.account-menu-error{margin:5px 9px 7px;color:#ffb4ab;font-size:.72rem}@media(min-width:761px)and (max-width:959px){.account-name{display:none}.signed-in-account-button{min-width:76px;justify-content:center}}@media(min-width:560px)and (max-width:760px){.bottom-nav{width:min(420px,calc(100vw - 252px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}.account-control{bottom:calc(var(--nav-bottom-gap) + env(safe-area-inset-bottom,0px));left:calc(50% + min(210px,calc(50vw - 126px)) + 10px)}.account-name{display:none}.signed-in-account-button{min-width:76px;justify-content:center}}@media(max-width:559px){.site-footer{bottom:calc(var(--nav-height) + var(--nav-bottom-gap) + 52px + var(--nav-height) + 16px + env(safe-area-inset-bottom,0px))}.account-control{bottom:calc(var(--nav-height) + var(--nav-bottom-gap) + 10px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%)}.account-control{align-items:center}.account-button{min-width:112px}.signed-in-account-button{min-width:76px;max-width:min(220px,calc(100vw - 32px))}.account-menu{right:auto;left:50%;transform:translate(-50%,6px) scale(.98);transform-origin:bottom center}.account-menu[data-open=true]{transform:translate(-50%) scale(1)}.auth-page{padding-bottom:250px}}@media(max-width:380px){.login-card{padding:28px 20px 22px;border-radius:var(--radius-lg)}}@media(prefers-reduced-motion:reduce){.discord-login-button,.login-back-link,.account-button,.account-chevron,.account-menu,.account-menu-item{transition:none}}.startup-loader{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) calc(24px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);background:#071419}.startup-loader.is-leaving{animation:loader-exit var(--duration-overlay) ease-out both;pointer-events:none}.loader-content{display:flex;width:min(100%,240px);align-items:center;flex-direction:column}.loader-logo{display:block;width:64px;height:64px;margin-bottom:23px;object-fit:contain}.startup-loader .loader{--color-1: #fff;--color-2: rgb(255 255 255 / 20%);--color-3: rgb(255 255 255 / 50%);--color-4: rgb(255 255 255 / 70%);display:block;width:1em;height:1em;margin-bottom:20px;border-radius:50%;font-size:8px;position:relative;text-indent:-9999em;animation:mulShdSpin 1.1s infinite ease;transform:translateZ(0)}.loader-message{color:var(--color-text);font-size:.92rem;font-weight:500;line-height:1.5}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 var(--color-1),1.8em -1.8em 0 0 var(--color-2),2.5em 0 0 var(--color-2),1.75em 1.75em 0 0 var(--color-2),0 2.5em 0 0 var(--color-2),-1.8em 1.8em 0 0 var(--color-2),-2.6em 0 0 var(--color-3),-1.8em -1.8em 0 0 var(--color-4)}12.5%{box-shadow:0 -2.6em 0 0 var(--color-4),1.8em -1.8em 0 0 var(--color-1),2.5em 0 0 var(--color-2),1.75em 1.75em 0 0 var(--color-2),0 2.5em 0 0 var(--color-2),-1.8em 1.8em 0 0 var(--color-2),-2.6em 0 0 var(--color-2),-1.8em -1.8em 0 0 var(--color-3)}25%{box-shadow:0 -2.6em 0 0 var(--color-3),1.8em -1.8em 0 0 var(--color-4),2.5em 0 0 var(--color-1),1.75em 1.75em 0 0 var(--color-2),0 2.5em 0 0 var(--color-2),-1.8em 1.8em 0 0 var(--color-2),-2.6em 0 0 var(--color-2),-1.8em -1.8em 0 0 var(--color-2)}37.5%{box-shadow:0 -2.6em 0 0 var(--color-2),1.8em -1.8em 0 0 var(--color-3),2.5em 0 0 var(--color-4),1.75em 1.75em 0 0 var(--color-1),0 2.5em 0 0 var(--color-2),-1.8em 1.8em 0 0 var(--color-2),-2.6em 0 0 var(--color-2),-1.8em -1.8em 0 0 var(--color-2)}50%{box-shadow:0 -2.6em 0 0 var(--color-2),1.8em -1.8em 0 0 var(--color-2),2.5em 0 0 var(--color-3),1.75em 1.75em 0 0 var(--color-4),0 2.5em 0 0 var(--color-1),-1.8em 1.8em 0 0 var(--color-2),-2.6em 0 0 var(--color-2),-1.8em -1.8em 0 0 var(--color-2)}62.5%{box-shadow:0 -2.6em 0 0 var(--color-2),1.8em -1.8em 0 0 var(--color-2),2.5em 0 0 var(--color-2),1.75em 1.75em 0 0 var(--color-3),0 2.5em 0 0 var(--color-4),-1.8em 1.8em 0 0 var(--color-1),-2.6em 0 0 var(--color-2),-1.8em -1.8em 0 0 var(--color-2)}75%{box-shadow:0 -2.6em 0 0 var(--color-2),1.8em -1.8em 0 0 var(--color-2),2.5em 0 0 var(--color-2),1.75em 1.75em 0 0 var(--color-2),0 2.5em 0 0 var(--color-3),-1.8em 1.8em 0 0 var(--color-4),-2.6em 0 0 var(--color-1),-1.8em -1.8em 0 0 var(--color-2)}87.5%{box-shadow:0 -2.6em 0 0 var(--color-2),1.8em -1.8em 0 0 var(--color-2),2.5em 0 0 var(--color-2),1.75em 1.75em 0 0 var(--color-2),0 2.5em 0 0 var(--color-2),-1.8em 1.8em 0 0 var(--color-3),-2.6em 0 0 var(--color-4),-1.8em -1.8em 0 0 var(--color-1)}}@keyframes loader-exit{to{opacity:0}}@media(prefers-reduced-motion:reduce){.startup-loader .loader{animation:none}.startup-loader.is-leaving{animation-duration:1ms}}.home-video-hero{position:relative;isolation:isolate;width:100%;height:min(88svh,940px);min-height:560px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgb(0 95 115 / 22%),transparent 62%),linear-gradient(145deg,#0b2027,#071419 56%,#050d11)}.home-video-frame{position:absolute;top:50%;left:50%;width:100%;height:100%;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .34s cubic-bezier(.22,1,.36,1)}.home-video-hero[data-video-visible=true] .home-video-frame{opacity:1}.home-video-frame iframe{position:absolute;top:50%;left:50%;max-width:none;border:0;pointer-events:none;transform:translate(-50%,-50%)}.home-video-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgb(4 13 17 / 36%) 0%,rgb(4 13 17 / 10%) 20%,transparent 46%,rgb(7 20 25 / 18%) 74%,#071419 100%),linear-gradient(90deg,rgb(7 20 25 / 18%) 0%,transparent 28%,transparent 72%,rgb(7 20 25 / 12%) 100%);pointer-events:none}.video-playback-control{position:absolute;z-index:2;top:50%;left:max(32px,env(safe-area-inset-left,0px) + 18px);display:grid;width:48px;height:48px;place-items:center;border:1px solid rgb(208 235 240 / 25%);border-radius:var(--radius-md);color:#f2f8f9;background:#051116bd;box-shadow:0 5px 18px #0000003d;cursor:pointer;transform:translateY(-50%);transition:color var(--duration-standard) ease,background-color var(--duration-standard) ease,border-color var(--duration-standard) ease,box-shadow var(--duration-standard) ease;-webkit-tap-highlight-color:transparent}.video-playback-control svg{width:18px;height:18px;stroke-width:2}.video-playback-control:hover:not(:disabled){border-color:#0099b9ad;color:#fff;background:#005f73c7;box-shadow:0 6px 20px #00000047}.video-playback-control:focus-visible{outline:2px solid #0099b9;outline-offset:3px}.video-playback-control:active:not(:disabled){background:#005f73e5}.video-playback-control:disabled{color:#e8f0f28a;cursor:not-allowed}.video-playback-tooltip{position:absolute;top:50%;left:calc(100% + 10px);width:max-content;max-width:min(180px,calc(100vw - 100px));padding:6px 9px;border:1px solid rgb(0 153 185 / 28%);border-radius:var(--radius-sm);color:#edf5f6;background:#0a171c;box-shadow:0 5px 16px #00000038;font-size:var(--font-size-caption);font-weight:500;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-40%) scale(.97);transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease}.video-playback-control:hover .video-playback-tooltip,.video-playback-control:focus-visible .video-playback-tooltip{opacity:1;transform:translateY(-50%) scale(1)}.home-continuation{min-height:64svh;background:#071419}@media(max-width:640px){.home-video-hero{height:min(78svh,760px);min-height:min(500px,68svh)}.video-playback-control{left:max(18px,env(safe-area-inset-left,0px) + 14px);width:46px;height:46px}.home-continuation{min-height:64svh}}@media(hover:none){.video-playback-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.home-video-frame,.video-playback-control,.video-playback-tooltip{transition:none}}.store-page{padding:clamp(88px,14vh,148px) 24px 0;text-align:center}.store-page h1{margin:0;color:var(--color-text);font-size:clamp(1.7rem,4vw,2.15rem);font-weight:620;letter-spacing:-.045em;line-height:1.2}:root{color-scheme:dark;font-family:var(--font-body);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-cyan-deep: #005f73;--color-cyan: #0099b9;--color-text: #e8f0f2;--color-muted: #8b9ba1;--color-background: #071419;--color-surface: #0b1a20;--color-surface-raised: #10232a;--color-border: rgb(190 221 229 / 12%);--color-border-strong: rgb(190 221 229 / 18%);--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-small: .8rem;--font-size-body: .9rem;--font-size-caption: .72rem;--line-height-body: 1.55;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--shadow-floating: 0 12px 30px rgb(0 0 0 / 24%), 0 2px 6px rgb(0 0 0 / 14%);--duration-fast: .15s;--duration-standard: .18s;--duration-route-exit: .14s;--duration-route-enter: .18s;--duration-overlay: .22s;--duration-indicator: .36s;--ease-standard: cubic-bezier(.22, 1, .36, 1);--nav-height: 72px;--nav-bottom-gap: 18px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;line-height:var(--line-height-body)}button,a{font:inherit}a{color:inherit}::selection{color:#f4fdff;background:var(--color-cyan-deep)}@media(max-width:480px){:root{--nav-height: 64px;--nav-bottom-gap: 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
