html{scrollbar-color:#ad2637 #080c13;scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#080c13}::-webkit-scrollbar-thumb{background:#ad2637;border:2px solid #080c13;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#d13c51}
.getting-started{position:relative;isolation:isolate;overflow:hidden;background:#080c13;color:#eef1f5;border-top:1px solid #a42b3b66;border-bottom:1px solid #a42b3b55}.start-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8;transform:translate3d(0,var(--scene-shift,0px),0) scale(1.08)}.getting-started:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c13eb,#080c13bb 50%,#080c13d9),linear-gradient(0deg,#080c13cc,transparent 50%,#080c1370)}.getting-started .section-label{color:#a5afbd}.getting-started .section-label>span:first-child{color:#d45666}.getting-started em{color:#e36671}.start-intro>p,.steps p{color:#c0c8d5}.steps h3{color:#e8ecf2}.steps li{border-color:#a9b7c92e}.steps li>span{color:#e36671}.steps .text-link{color:#e0e5ef;border-color:#a9b7c940}.platform-note>span,.platform-note small{color:#a8b6ca}.platform-link{color:#e9edf4}.getting-started .button-red{background:#5865f2;border-color:#7782ff;border-radius:5px;box-shadow:0 4px 20px #5865f226}.getting-started .button-red:hover{background:#4752c4}.cartridge-count{gap:7px;height:50px}.cartridge-count>img{width:17px;height:50px;filter:drop-shadow(0 2px 5px #0009);transition:transform .4s ease,filter .4s ease}.story:hover .cartridge-count>img{transform:translateY(-3px);filter:drop-shadow(0 2px 7px #d6ae4633)}.cartridge-count>img:nth-child(2){transition-delay:60ms}.cartridge-count>img:nth-child(3){transition-delay:120ms}.motion-enabled .reveal:not(.is-visible){transform:translate3d(0,18px,0)}.motion-enabled .reveal{transition-duration:1s;transition-timing-function:cubic-bezier(.18,.65,.24,1)}.motion-enabled .start-scene{animation:noir-start-drift 24s ease-in-out infinite alternate}.motion-enabled .hero-image{animation-duration:22s}.motion-enabled .hero-film{animation-duration:9s}.motion-enabled .header .brand{animation:noir-arrive 1s both ease-out}.motion-enabled .header .nav-join{animation:noir-arrive 1.1s .15s both ease-out}.gallery-item img{transition:transform 1.1s cubic-bezier(.2,.65,.3,1),filter .9s ease}.gallery-item:hover img{transform:scale(1.04)}.button,.nav-join{transition:background .35s,box-shadow .35s,transform .35s}.button>span,.text-link>span{transition:transform .4s ease}.button:hover>span,.text-link:hover>span{transform:translate(2px,-2px)}.story{transition:border-color .65s}.story:hover{border-color:#ad263799}.hero-film:hover{border-color:#ad2637}.faq-items details[open]>p{animation:noir-faq-open .45s ease both}.lightbox[open],.service-dialog[open]{animation:noir-dialog-in .3s ease both}.night-banner>img{filter:contrast(1.08) brightness(.88) saturate(.7)}.motion-disabled .start-scene{animation:none;transform:none}
@keyframes noir-start-drift{from{transform:translate3d(0,var(--scene-shift,0px),0) scale(1.08)}to{transform:translate3d(-.6%,var(--scene-shift,0px),0) scale(1.105)}}
@keyframes noir-faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes noir-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:700px){.start-scene{object-position:65% center;opacity:.6}.getting-started:before{background:linear-gradient(0deg,#080c13e6,#080c13b8),linear-gradient(90deg,#080c13aa,transparent)}.cartridge-count{height:38px;gap:4px}.cartridge-count>img{width:13px;height:38px}.motion-enabled .start-scene{animation:none;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.start-scene,.motion-enabled .start-scene{transform:none;animation:none}.story:hover .cartridge-count>img{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.start-scene{opacity:1}.getting-started:before{background:linear-gradient(90deg,#080c13b8,#080c1366 45%,#080c13a6),linear-gradient(0deg,#080c13b8,transparent 40%,#080c1370)}
@media(max-width:700px){.start-scene{opacity:1}.getting-started:before{background:linear-gradient(0deg,#080c13de,#080c13a6),linear-gradient(90deg,#080c1366,transparent)}}
.hero-image,.city-window>img,.night-banner>img,.gallery-item img,.gallery-item:hover img,.hero-film>img,.start-scene{filter:none}
.hero-shade{background:linear-gradient(90deg,#080808d9,#08080866 48%,#08080814),linear-gradient(0deg,#0c1016,transparent 42%,#08080840)}.city-window:after{background:linear-gradient(0deg,#080808cc,transparent 62%)}.night-banner:after{background:linear-gradient(90deg,#080808db,#08080855 50%,transparent 85%),linear-gradient(0deg,#0c1016,transparent 35%)}.hero-film>img{filter:none}.getting-started:before{background:linear-gradient(90deg,#080808cc,#08080899 45%,#080808bf),linear-gradient(0deg,#08080899,transparent 40%,#08080866)}
@media(max-width:700px){.night-banner:after{background:linear-gradient(90deg,#080808c9,#08080855),linear-gradient(0deg,#0c1016,transparent 45%)}.getting-started:before{background:linear-gradient(0deg,#080808dd,#080808b3)}}
.hero-era{margin:0 0 20px;color:#c9a86a;font-size:12px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase}.quick-start{background:#14100e;color:#efe7da;border-top:1px solid #8f263766;border-bottom:1px solid #8f26374d;padding-top:0;padding-bottom:100px;overflow:hidden}.dossier-head{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:330px;padding:96px 0 66px;overflow:hidden}.dossier-panorama{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 62%}.dossier-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14100ef2,#14100ea6 55%,#14100e80),linear-gradient(0deg,#14100e,transparent 46%,#14100e80)}.quick-start .section-label{color:#b6ab97;margin-bottom:30px}.quick-start .section-label>span:first-child{color:#d9bd8c}.quick-start-heading{display:grid;grid-template-columns:1.08fr 1fr;align-items:end;gap:48px;margin:0 0 26px}.quick-start-heading h2{margin:0;color:#efe7da;font-size:clamp(46px,5.4vw,74px);line-height:.98}.quick-start-heading h2 em{color:#c9a86a}.quick-start-heading>p{max-width:520px;margin:0 0 4px;color:#cfc6b6;font-size:17px;line-height:1.65}.dossier-caption{display:flex;align-items:center;gap:12px;margin:0;color:#c9a86a;font-size:11px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase}.dossier-caption:before{content:'';width:36px;height:1px;background:#c9a86a66}.quick-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}.quick-start-card{display:flex;flex-direction:column;padding:0;background:#181310;border:1px solid #8f263766}.card-thumb{position:relative;aspect-ratio:21/9;max-height:150px;overflow:hidden;border-bottom:1px solid #c9a86a40}.card-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.thumb-shade{position:absolute;inset:0;background:linear-gradient(0deg,#181310e6,transparent 46%,#18131040)}.file-tab{position:absolute;top:0;left:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px 9px;background:#8f2637;color:#f3e3c0;border:1px solid #c9a86a66;border-top:0;border-radius:0 0 4px 4px;font-size:12px;font-weight:600;letter-spacing:1.6px}.file-tab svg{display:block;flex-shrink:0}.card-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}.card-content{display:flex;flex-direction:column;flex:1;gap:14px}.quick-start-card h3{margin:0;color:#efe7da;font-size:23px;line-height:1.22}.quick-start-card p{margin:0;color:#c9bfae;font-size:15px;line-height:1.65}.card-content>.text-link{margin-top:auto;padding-top:6px;color:#d9bd8c;border-color:#c9a86a55}.card-content>.text-link:hover{color:#fff}.quick-start-card .text-link small{font-size:11px;color:#b6ab97}.quick-start-card .discord-icon{width:19px;height:15px}.quick-connect{background:linear-gradient(180deg,#8f26371a,#181310)}.quick-connect h3{font-size:21px}.server-state{display:flex;align-items:center;gap:9px;margin:0;color:#c9a86a;font-size:10px;font-weight:700;letter-spacing:1.4px}.server-state i{width:7px;height:7px;border-radius:50%;background:#c9a86a;box-shadow:0 0 0 4px #c9a86a1f}.quick-connect .text-link[hidden]{display:none}.connect-actions{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}.package-meta{border-top:1px solid #c9a86a33;padding-top:12px}.package-meta summary{padding:4px 0;font-size:13px;color:#b6ab97;letter-spacing:.4px}.package-meta summary>span{font-size:16px;color:#c9a86a}.package-meta>div{margin-top:10px;padding:12px 14px;background:#10110d;border:1px solid #c9a86a33;font-size:13px;line-height:1.55;color:#c9bfae}.package-meta ul{margin:0 0 8px;padding-left:16px}.package-meta li{margin-bottom:4px}.package-meta code{display:block;margin-top:6px;padding:6px 8px;background:#191713;border:1px solid #c9a86a26;color:#e2d9c6;font-family:Consolas,monospace;font-size:11px;word-break:break-all}
@media(max-width:900px){.quick-start{padding-bottom:78px}.dossier-head{min-height:280px;padding:80px 0 56px}.quick-start-heading{grid-template-columns:1fr;gap:26px;margin-bottom:20px}.quick-start-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.quick-start-card h3{font-size:22px}}
@media(max-width:700px){.quick-start{padding-bottom:60px}.dossier-head{min-height:240px;padding:64px 0 44px}.quick-start-heading h2{font-size:clamp(44px,12vw,64px)}.quick-start-heading>p{font-size:16px}.card-body{padding:18px 20px 20px}.dossier-caption{font-size:10px;letter-spacing:2.2px}}