:root{--ink:#0c1016;--dark:#07090e;--cream:#f1f2f4;--muted:#a8adb7;--red:#ad2637;--line:rgba(228,232,239,.15)}
body{background:var(--ink)}em{color:#d65763}.hero h1{color:#f1f2f4}.hero h1 em{color:#e36671}.hero-description{color:#e6e8ed}.hero-content{top:34%}.hero-topline{color:#d4d8e0}.dot{background:#d44050;box-shadow:0 0 0 4px #d4405026}.hero-image,.city-window>img,.night-banner>img,.gallery-item img{filter:grayscale(1) contrast(1.08) brightness(.92)}.gallery-item:hover img{filter:grayscale(1) contrast(1.13) brightness(1.06)}.hero-shade{background:linear-gradient(90deg,#080c16eb,#080c1680 48%,#10182438),linear-gradient(0deg,#0c1016,transparent 42%,#10162433)}.header{background:#090d1640}.nav-join{background:#0c1016a6;border-color:#d9dfe355}.nav-join:hover{background:#232a35}.button-red{background:#ad2637}.button-red:hover{background:#ca3045}.button-glass{background:#111823ad;border-color:#dbe0e655}.button-glass:hover{background:#293241}.button-cream{background:#e1e5eb;color:#0b1018}.identity-strip{background:#080b11;color:#c9d0db}.identity-strip i{color:#c73749}.section-label>span:first-child{color:#cbd1dc}.text-link{color:#d1d8e3;border-color:#a2adbd55}.world{background:#080b11}.world-heading p,.gallery-heading p,.intro-grid p{color:#a8adb7}.intro-grid .lead{color:#e5e8ef}.story-index{color:#d84355}.story-tag{color:#acb5c4}.story p{color:#a8adb7}.city-window:after{background:linear-gradient(0deg,#080c16e6,transparent 72%)}.city-caption p{color:#dce1e9}.city-caption>span{color:#c9d0dc}.city-tabs button{background:#0b1220bd;border-color:#d2dbea66}.city-tabs button[aria-pressed=true]{background:#e2e6ed;color:#0b1018}.night-banner:after{background:linear-gradient(90deg,#080c16ed,#080c1673 50%,#080c160d 85%),linear-gradient(0deg,#0c1016,transparent 35%)}.night-overlay em{color:#e36671}.night-overlay>.eyebrow{color:#cbd1dc}.gallery-item{background:#121925}.gallery-item>span{background:linear-gradient(transparent,#080c16e6)}.getting-started{background:#d9dee6;color:#111725}.getting-started em{color:#982437}.getting-started .section-label>span:first-child{color:#982437}.getting-started .section-label{color:#4c5667}.start-intro>p,.steps p{color:#3e4a5d}.steps .text-link{color:#852335}.steps li>span{color:#982437}.steps li{border-color:#26384c33}.platform-note>span,.platform-note small{color:#445268}.join{background:#111621;border-top:3px solid #ad2637}.join .eyebrow{color:#c7d0de}.join em{color:#e36671}.footer{background:#07090e}.footer p,.footer-bottom{color:#9ca8bb}.footer nav a:hover,.footer button:hover{color:#e36671}.faq summary>span{color:#d65763}.service-dialog em{color:#e36671}.hero-bottom{align-items:center;bottom:34px}.hero-film{display:block;position:relative;width:150px;background:#090d15;border:1px solid #bcc9dc66;padding:5px;box-shadow:0 8px 30px #0006;transform:rotate(3deg);transition:transform .35s,border-color .35s}.hero-film>img{height:73px;width:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}.hero-film>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;padding:9px 3px 4px;color:#cbd4e1}.hero-film b{color:#e36671}.hero-film:hover{transform:rotate(0deg) translateY(-3px);border-color:#e36671}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:12;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #a7b4c238;border-radius:3px;background:#0a101bd9;backdrop-filter:blur(10px);color:#cbd4e1;font-size:12px;letter-spacing:.5px;box-shadow:0 4px 20px #0004}.motion-toggle:hover{border-color:#e36671}.motion-indicator{width:5px;height:5px;border-radius:50%;background:#dc4b5d}.motion-toggle[aria-pressed=false] .motion-indicator{background:#8992a1}.reveal{opacity:1;transform:none}.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translate3d(0,30px,0)}.motion-enabled .reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .hero-content>*{animation:noir-arrive .9s both cubic-bezier(.2,.7,.2,1)}.motion-enabled .hero-content h1{animation-delay:.08s}.motion-enabled .hero-description{animation-delay:.23s}.motion-enabled .hero-actions{animation-delay:.38s}.motion-enabled .hero-topline{animation:noir-arrive .8s both}.motion-enabled .hero-image{animation:noir-camera 16s both ease-out;will-change:transform}.motion-enabled .hero-film{animation:noir-film 6s infinite ease-in-out}.motion-enabled .scroll-line:after{animation:noir-arrow 1.8s infinite ease-in-out}.motion-enabled .motion-indicator{animation:noir-pulse 2.8s infinite ease-in-out}.motion-enabled .city-window>img,.motion-enabled .night-banner>img{transform:translate3d(0,var(--scene-shift,0px),0) scale(1.08);will-change:transform}.motion-disabled .reveal{opacity:1;transform:none;transition:none}.motion-disabled .hero-image,.motion-disabled .city-window>img,.motion-disabled .night-banner>img{transform:none;will-change:auto}.motion-disabled *{animation:none!important}.city-window>img.scene-switch{animation:noir-scene .55s ease}.motion-disabled .scene-switch{animation:none}.motion-disabled html{scroll-behavior:auto}
@keyframes noir-arrive{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes noir-camera{from{transform:scale(1.075)}to{transform:scale(1)}}
@keyframes noir-film{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-6px)}}
@keyframes noir-arrow{0%,100%{transform:translateY(-4px) rotate(45deg);opacity:.5}50%{transform:translateY(3px) rotate(45deg);opacity:1}}
@keyframes noir-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes noir-scene{from{opacity:.3}to{opacity:1}}
@media(max-width:700px){.hero-content{top:32%}.hero-topline{font-size:9px;letter-spacing:1.2px}.hero-bottom{bottom:32px}.hero-film{width:110px;padding:4px}.hero-film>img{height:52px}.hero-film>span{font-size:7px;letter-spacing:.8px;padding:7px 2px 3px}.scroll-link{font-size:8px;max-width:175px;line-height:1.6}.night-banner:after{background:linear-gradient(90deg,#080c16da,#080c1661),linear-gradient(0deg,#0c1016,transparent 45%)}.motion-toggle{bottom:12px;right:12px;font-size:11px;padding:9px 11px}.motion-enabled .city-window>img,.motion-enabled .night-banner>img{transform:translate3d(0,var(--scene-shift,0px),0) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal:not(.is-visible){opacity:1;transform:none}.motion-enabled .hero-image,.motion-enabled .city-window>img,.motion-enabled .night-banner>img{transform:none;will-change:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html.motion-disabled{scroll-behavior:auto}
.nav-join{background:#5865f2;border:1px solid #7d87ff;border-radius:7px;padding:13px 18px;gap:11px;box-shadow:0 4px 18px #5865f22b;font-size:15px;transition:background .2s,box-shadow .2s,transform .2s}.nav-join:hover{background:#4752c4;color:#fff;box-shadow:0 6px 24px #5865f24d;transform:translateY(-2px)}.nav-join:active{transform:translateY(0)}.nav-join .discord-icon{width:24px;height:19px}.hero-description{max-width:570px;line-height:1.65}.identity-strip>span+span,.identity-strip>.platform-strip{border-left:1px solid #9ca8bb38;padding-left:30px}.night-description{max-width:420px;font-size:18px;line-height:1.6;color:#c3cbd7;margin:0 0 18px}.night-overlay>p:nth-child(2){margin-bottom:20px}
@media(max-width:1000px){.identity-strip>span+span,.identity-strip>.platform-strip{padding-left:15px}.nav-join{padding:12px 14px;font-size:14px}}
@media(max-width:700px){.nav-join{padding:10px 12px;font-size:12px;gap:8px}.nav-join .discord-icon{width:20px;height:16px}.identity-strip>span+span,.identity-strip>.platform-strip{border-left:0;padding-left:0}.night-description{font-size:17px;max-width:300px}.hero-description{max-width:340px}}
@media(max-width:360px){.nav-join{font-size:11px;padding:9px 10px}}
.identity-strip{display:grid;grid-template-columns:repeat(4,1fr);height:100px;gap:0;background:#0a0e16;padding:0 6vw}.identity-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:0 35px;border-left:1px solid #9ca8bb24;letter-spacing:0;min-height:48px}.identity-item:first-child{border-left:0;padding-left:0}.identity-item small{font-size:10px;letter-spacing:2px;font-weight:600;color:#8795aa}.identity-item strong{font-size:21px;font-weight:600;color:#e3e8f0;line-height:1.2}.identity-strip>.platform-strip{display:flex;flex-direction:row;justify-content:flex-start;gap:15px;border-color:#9ca8bb24;padding-left:35px}.identity-strip .platform-strip>img{width:39px;height:39px}.platform-strip.identity-item>div{display:flex;flex-direction:column;gap:8px}.platform-strip.identity-item strong>span{font-size:15px;color:#9eabc0;margin-left:7px}.platform-strip.identity-item:hover strong{color:#fff}.cartridge-count{display:flex;gap:6px;align-items:flex-end;height:45px;margin-bottom:32px}.cartridge-count>img{width:15px;height:45px;object-fit:contain;filter:drop-shadow(0 3px 5px #0006)}
@media(max-width:1000px){.identity-item{padding:0 20px}.identity-strip>.platform-strip{padding-left:20px;gap:10px}.identity-item strong{font-size:19px}}
@media(max-width:700px){.identity-strip{height:auto;grid-template-columns:1fr 1fr;padding:22px 24px;gap:22px 20px;text-align:left}.identity-item,.identity-item:first-child{padding:0;border:0;gap:6px;min-height:42px}.identity-item small{font-size:9px;letter-spacing:1.4px}.identity-item strong{font-size:19px}.identity-strip>.platform-strip{padding:0;border:0;gap:10px}.identity-strip .platform-strip>img{width:31px;height:31px}.platform-strip.identity-item>div{gap:6px}.cartridge-count{height:34px;top:26px;gap:4px;margin-bottom:0}.cartridge-count>img{width:11px;height:34px}}
