@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Pixelify+Sans:wght@400;600;700&display=swap";:root{--ground:#14121a;--surface:#1c1928;--line:#2a2539;--line-bright:#3a3450;--ink:#e0d8f0;--muted:#8f88a0;--faint:#5a5470;--accent:#d4674a;--accent-wash:#d4674a1a;--good:#7ad17a;--danger:#d1807a;--display:"Pixelify Sans", ui-monospace, "Cascadia Code", Consolas, monospace;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;padding:env(safe-area-inset-top,0px) 16px env(safe-area-inset-bottom,0px);background:var(--ground);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.nav{justify-content:space-between;align-items:center;gap:.625rem;max-width:64rem;margin:0 auto;padding:1.25rem 0;display:flex}.wordmark{font:600 1.0625rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.625rem;text-decoration:none;display:flex}.wordmark:before{content:"";background:var(--accent);flex:none;width:.625rem;height:.625rem}.nav-link{font:400 .8125rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.5rem 0;text-decoration:none}.nav-link:hover{color:var(--accent)}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-right{align-items:center;gap:1.25rem;min-width:0;display:flex}@media (width<=26rem){.nav-link{display:none}}.account{min-width:0;position:relative}.btn.btn-nav{min-height:2.5rem;font:600 .8125rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;border-color:var(--accent);padding:.5625rem .875rem}.btn.btn-nav[aria-expanded=true]{background:var(--accent-wash)}.btn.btn-account{border-color:var(--line-bright);text-transform:none;letter-spacing:.02em;gap:.5rem;max-width:13rem;padding:.25rem .75rem .25rem .25rem}.btn-account:after{content:"";border:solid var(--muted);border-width:0 1.5px 1.5px 0;flex:none;width:.3125rem;height:.3125rem;transform:translateY(-2px)rotate(45deg)}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=26rem){.account-name{display:none}.btn.btn-account{padding-right:.625rem}}.popover{z-index:20;background:var(--surface);border:1px solid var(--line-bright);border-top:2px solid var(--accent);border-radius:.5rem;width:min(20rem,100vw - 3rem);padding:1.25rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .75rem 2rem #00000073}.popover h2{font:600 1rem/1.2 var(--display);letter-spacing:.04em;margin:0 0 .375rem}.popover .buttons{margin-top:1rem}.popover .btn-quiet-line{width:100%;margin-top:1rem}main{width:100%;max-width:64rem;margin:0 auto;padding-block:clamp(1.5rem,7vh,4.5rem) 4rem}.hero{max-width:36rem}.kicker{font:400 .8125rem/1.3 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 1.125rem}h1{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:clamp(3rem,14vw,5.5rem);font-weight:700;line-height:.92}.tagline{color:var(--ink);margin:1.375rem 0 0;font-size:clamp(1.125rem,4.4vw,1.3125rem);font-weight:500;line-height:1.45}.blurb{color:var(--muted);margin:.875rem 0 0}.cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.play-status{border-left:2px solid var(--line-bright);color:var(--muted);margin:1rem 0 0;padding-left:.75rem;font-size:.875rem}.road{background:repeating-linear-gradient(90deg, var(--faint) 0 1.5rem, transparent 1.5rem 3rem) 0 50% / 100% 2px no-repeat, #100e15;border-block:1px solid var(--line);height:1.5rem;margin:clamp(2.5rem,8vh,4rem) -16px}.section-title{font:600 .875rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 1.25rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.feature{border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--surface);border-radius:.5rem;padding:1.375rem 1.375rem 1.25rem}.feature-soon{border-left-color:var(--faint)}.feature-tag{font:400 .75rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.feature-soon .feature-tag{color:var(--muted)}.feature h3{font:600 1.25rem/1.2 var(--display);letter-spacing:.02em;margin:0 0 .375rem}.feature p:last-child{color:var(--muted);margin:0;font-size:.9375rem}.panels{margin-top:clamp(2.5rem,7vh,3.5rem)}.panels .panel>*{max-width:36rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;min-width:0;padding:clamp(1.25rem,5vw,1.75rem);scroll-margin-top:1rem}.panel h2{letter-spacing:-.01em;margin:0 0 .375rem;font-size:1.0625rem;font-weight:600}.muted{color:var(--muted);margin:0}.small{font-size:.8125rem}.mono{font-family:var(--display);letter-spacing:.04em;overflow-wrap:anywhere;font-size:.75rem}.buttons{flex-direction:column;gap:.625rem;margin-top:1.375rem;display:flex}.btn{appearance:none;border:1px solid var(--line-bright);color:var(--ink);font:500 .9375rem/1 var(--body);cursor:pointer;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;gap:.625rem;padding:.8125rem 1rem;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--accent);background:#221e30}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{border-color:var(--accent);color:var(--accent);font-family:var(--display);letter-spacing:.04em;font-weight:600}.btn-primary:hover{background:var(--accent-wash);color:var(--ink)}.btn:disabled{opacity:.45;pointer-events:none}.btn-quiet{color:var(--muted);border-color:#0000}.btn-quiet:hover{border-color:var(--line);color:var(--ink);background:0 0}.btn-quiet-line{color:var(--muted)}.btn-quiet-line:hover{color:var(--ink)}.btn-steam{border:2px solid var(--accent);font:600 1rem/1 var(--display);letter-spacing:.05em;color:var(--ink);padding:.75rem .875rem .75rem 1.125rem}.btn-steam:hover{background:var(--accent-wash)}.btn-steam[aria-disabled=true]{cursor:default}.btn-steam[aria-disabled=true]:hover{background:0 0}.btn-steam[aria-disabled=true]:active{transform:none}.btn-play{border:2px solid var(--accent);font:700 1.125rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:.875rem 2rem}.btn-play:hover{background:var(--accent-wash);color:var(--ink)}.cta:has(#btn-play:not([hidden])) .btn-steam{border-width:1px;border-color:var(--line-bright);font-size:.9375rem}.tag{border:1px solid var(--line-bright);font:400 .6875rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap;border-radius:.25rem;padding:.3125rem .4375rem .25rem}.signup-account{margin-top:1.375rem}.signup-account .btn{flex-wrap:wrap;width:100%;line-height:1.3}.signup-account .btn span{overflow-wrap:anywhere}.signup-account .or{margin-top:.875rem}.signup-form{flex-wrap:wrap;gap:.625rem;margin-top:1.375rem;display:flex}.signup-account:not([hidden])+.signup-form{margin-top:.625rem}.signup-form input[type=email]{border:1px solid var(--line-bright);background:var(--ground);min-width:0;color:var(--ink);font:400 1rem/1.2 var(--body);border-radius:.375rem;flex:13rem;padding:.75rem .875rem}.signup-form input[type=email]::placeholder{color:var(--faint)}.signup-form input[type=email]:focus{border-color:var(--accent);outline:none}.signup-form .btn{flex:1 0 auto}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.who{min-width:0}.who-name{font:600 1rem/1.3 var(--display);overflow-wrap:anywhere;margin:0 0 .25rem}.avatar{border:1px solid var(--line-bright);width:1.875rem;height:1.875rem;font:600 .875rem/1 var(--display);color:var(--accent);background:#262136 50%/cover no-repeat;border-radius:50%;flex:none;place-items:center;display:grid}.error{color:#f0bcb6;background:#d1807a1a;border:1px solid #d1807a59;border-radius:.375rem;margin:1.125rem 0 0;padding:.625rem .75rem;font-size:.875rem}.ok{color:var(--good);background:#7ad17a14;border:1px solid #7ad17a59;border-radius:.375rem;margin:1.375rem 0 0;padding:.75rem .875rem;font-size:.9375rem}.footnote{color:var(--muted);margin:1.125rem 0 0;font-size:.8125rem}#mode-banner{background:var(--accent);color:#1a0f0b;font:600 .75rem/1.4 var(--body);text-align:center;margin:0 -16px;padding:.5rem 1rem}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}