.x-home{--x-bg:#0c0b19;--x-panel:#151326;--x-border:#332c48;--x-muted:#bbb5ce;--x-white:#f5f1ff;background:var(--x-bg);color:var(--x-white);overflow:clip}.x-home h1,.x-home h2,.x-home h3{color:var(--x-white)}.x-home a{color:inherit;text-decoration:none}.x-home a:hover{color:#e4bcff}.x-home p{line-height:1.7}.x-wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}.x-section{padding-block:84px}.x-muted{color:var(--x-muted)}.x-kicker{font:600 .78rem/1.5 var(--font-heading);letter-spacing:.13em;text-transform:uppercase;color:#d5a9ff;margin-bottom:16px}.x-home h2{letter-spacing:-.035em;font-size:clamp(1.8rem,3vw,2.5rem)}.x-home h3{letter-spacing:-.02em}.x-hero{background:radial-gradient(at 75% 35%,#35204c 0,#0000 55%),radial-gradient(1px 1px at 12% 16%,#fff 90%,#0000),radial-gradient(1px 1px at 48% 80%,#cda3ff 90%,#0000),#100c20;padding:72px 0 64px;position:relative}.x-hero-grid{grid-template-columns:1.06fr 1fr;align-items:center;gap:42px;display:grid}.x-hero-copy{z-index:1;position:relative}.x-hero h1{letter-spacing:-.065em;margin:20px 0 24px;font-size:clamp(3.5rem,5.7vw,5rem);line-height:1.02}.x-hero h1 span{color:#dea8ff}.x-hero-lead{font-family:var(--font-heading);margin-bottom:18px;font-size:1.35rem;line-height:1.5!important}.x-hero-copy>.x-muted{max-width:53ch}.x-actions{flex-wrap:wrap;gap:12px;margin:28px 0 20px;display:flex}.x-button{font:700 .95rem/1.35 var(--font-heading);background:#8342c4;border:1px solid #b47bfa;border-radius:7px;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:15px 20px;transition:background .15s,transform .15s;display:inline-flex;color:#fff!important}.x-button:hover{background:#9956d8;transform:translateY(-2px)}.x-secondary{background:#1c142e;border-color:#645076}.x-secondary:hover{background:#352347}.x-small-link{min-height:44px;padding-block:8px;font-size:.86rem;display:inline-block;color:#c4bbd6!important}.x-small-link:hover{text-decoration:underline;color:#fff!important}.x-hero-art{aspect-ratio:1.06;isolation:isolate;border:1px solid #67417c;border-radius:22px 5px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0005}.x-hero-art:after{content:"";z-index:-1;background:linear-gradient(#0000 35%,#130c25 100%);position:absolute;inset:0}.x-hero-backdrop{object-fit:cover;z-index:-2;opacity:.85;width:100%;height:100%;position:absolute}.x-art-content{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:28px 12px 56px;display:flex}.x-game-logo{object-fit:contain;filter:drop-shadow(0 8px 8px #0008);width:85%;height:auto;max-height:170px;margin-bottom:12px}.x-partner-line{justify-content:center;align-items:center;width:100%;display:flex}.x-partner-line img{filter:drop-shadow(0 10px 10px #0006);width:34%;height:auto}.x-partner-line img:nth-child(2){z-index:1;transform:translateY(-10px)}.x-art-label{font:600 .75rem var(--font-heading);letter-spacing:.16em;color:#e4d3f5;margin-top:18px}.x-art-caption{color:#cebedf;letter-spacing:.04em;background:#110b20e8;border-top:1px solid #73508766;justify-content:space-between;gap:8px;padding:14px 18px;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.x-facts{border-block:1px solid var(--x-border);background:#171226}.x-facts>.x-wrap{grid-template-columns:repeat(4,1fr);gap:20px;padding-block:23px;display:grid}.x-facts span{color:var(--x-muted);border-right:1px solid var(--x-border);font-size:.8rem}.x-facts span:last-child{border:0}.x-facts b{color:#eee6fa;font:600 .98rem var(--font-heading);margin-bottom:5px;display:block}.x-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.x-heading h2{margin-bottom:0}.x-heading .x-muted{margin-top:14px;margin-bottom:0}.x-section-code{font:500 .75rem var(--font-mono);color:#a99cbf;white-space:nowrap}.x-explore-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.x-explore-card{border:1px solid var(--x-border);background:linear-gradient(130deg,#1c172f,#141221);border-radius:10px;padding:24px;transition:transform .18s,border-color .18s}.x-explore-card:hover{border-color:#b27ce8;transform:translateY(-4px)}.x-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.x-icon{color:#d8b4ff;background:#38224f;border:1px solid #72478c;border-radius:8px;place-items:center;width:44px;height:44px;font-size:1.7rem;line-height:1;display:grid}.x-number{font:500 .75rem var(--font-mono);color:#a797bd}.x-explore-card p{color:var(--x-muted);min-height:3.2em;margin-bottom:24px;font-size:.94rem}.x-card-cta{color:#dcbbff;font:600 .86rem var(--font-heading);justify-content:space-between;gap:12px;display:flex}.x-showcase-band{background:#141022;border-block:1px solid #28213b}.x-text-link{min-height:44px;padding-block:10px;font-size:.9rem;font-weight:600;display:inline-block;color:#e0b7ff!important}.x-text-link:hover{text-decoration:underline}.x-slides{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8752a2 #211832;overscroll-behavior-x:contain;gap:20px;padding-bottom:14px;display:flex;position:relative;overflow-x:auto}.x-slide{scroll-snap-align:start;background:#100d1b;border:1px solid #4d385f;border-radius:12px;flex:0 0 68%;margin:0;position:relative;overflow:hidden}.x-slide img{aspect-ratio:4/3;object-fit:cover;width:100%}.x-slide figcaption{padding:24px}.x-slide figcaption .x-kicker{margin-bottom:10px;font-size:.75rem;display:block}.x-slide h3{font-size:1.45rem}.x-slide p{color:var(--x-muted);max-width:62ch;margin:0;font-size:.9rem}.x-gallery-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.x-gallery-bottom>p{color:var(--x-muted);margin:0;font-size:.75rem}.x-gallery-controls{white-space:nowrap;align-items:center;gap:15px;display:flex}.x-gallery-controls[hidden]{display:none}.x-gallery-controls button{color:#fff;cursor:pointer;background:#2c1b40;border:1px solid #805694;border-radius:50%;width:46px;height:46px;font-size:1.3rem}.x-gallery-controls button:hover{background:#613578}.x-slide-status{font:500 .8rem var(--font-mono);text-align:center;min-width:44px}.x-starters{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.x-starter{background:radial-gradient(at 50% 32%,#244d40,#0000 68%),#141e20;border:1px solid #3b5146;border-radius:12px;padding:22px;transition:transform .18s}.x-starter:hover{transform:translateY(-4px)}.x-starter-1{background:radial-gradient(at 50% 32%,#5d2938,#0000 68%),#21151f;border-color:#71404c}.x-starter-2{background:radial-gradient(at 50% 32%,#254362,#0000 68%),#131c2a;border-color:#3b566f}.x-starter-meta{color:#c7c4d0;justify-content:space-between;gap:10px;font-size:.75rem;display:flex}.x-starter img{object-fit:contain;width:220px;height:220px;margin:18px auto}.x-starter-name{justify-content:space-between;align-items:center;display:flex}.x-starter h3{margin-bottom:12px;font-size:1.55rem}.x-types{gap:8px;display:flex}.x-types span{color:#f3edf8;background:#ffffff0c;border:1px solid #ffffff38;border-radius:5px;padding:4px 12px;font-size:.76rem}.x-dex-note{color:var(--x-muted);margin:22px 0 0;font-size:.88rem}.x-dex-note a{color:#e1b8ff;text-decoration:underline}.x-world-band{border-block:1px solid var(--x-border);background:linear-gradient(115deg,#221334,#131827)}.x-world-intro{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:30px;display:grid}.x-world-intro p:not(.x-kicker){max-width:50ch;color:var(--x-muted)}.x-route-line{text-align:center;color:#e4c1ff;justify-content:center;align-items:center;display:flex}.x-route-line span{font:500 1.5rem/1.6 var(--font-mono)}.x-route-line b{font:500 .75rem var(--font-heading);letter-spacing:.05em;color:#c1b2d2}.x-route-line i{border-top:1px dashed #826095;flex:1;height:1px;margin:0 14px}.x-locations{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.x-locations>a{background:#100e1ab3;border:1px solid #4b365e;border-top:3px solid #aa68d6;border-radius:6px;flex-direction:column;padding:26px;display:flex}.x-locations p{color:var(--x-muted);flex:1;font-size:.9rem}.x-locations .x-kicker{font-size:.75rem}.x-locations h3{font-size:1.35rem}.x-locations .x-card-cta{margin-top:12px}.x-mechanics{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.x-mechanics>a{border-top:1px solid #6c4384;padding-top:26px}.x-mechanics h3{font-size:1.25rem}.x-mechanics p{color:var(--x-muted);font-size:.94rem}.x-mechanic-icon{font:700 2.8rem var(--font-heading);color:#c57df2;margin-bottom:18px;display:block}.x-guides-band{border-block:1px solid var(--x-border);background:#141222}.x-guides{grid-template-columns:repeat(2,1fr);gap:0 40px;display:grid}.x-guides>a{border-top:1px solid #42364f;padding:24px 42px 24px 0;position:relative}.x-guides .x-kicker{margin-bottom:8px;font-size:.75rem;display:block}.x-guides h3{margin-bottom:8px;font-size:1.2rem}.x-guides p{color:var(--x-muted);margin:0;font-size:.9rem}.x-guide-arrow{color:#c996ed;font-size:1.3rem;position:absolute;top:50%;right:12px}.x-download{background:radial-gradient(at 100%,#60266f,#0000 70%),#2b1742;border:1px solid #89529c;border-radius:16px;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:48px 52px;display:grid}.x-download h2{font-size:clamp(2rem,3.3vw,2.8rem)}.x-download p:not(.x-kicker){color:#d1c1df;max-width:48ch}.x-download .x-button{margin-top:10px}.x-download-aside{border-left:1px solid #9c66b766;padding-left:48px}.x-download-aside>span{color:#ecc5ff;font-size:3.5rem}.x-download-aside p{font-size:1.15rem}.x-download-aside a{padding-block:10px;font-size:.86rem;text-decoration:underline;display:inline-block}.x-faq{grid-template-columns:.9fr 1.1fr;gap:60px;padding-bottom:70px;display:grid}.x-faq .faq-item{background:0 0;border:0;border-top:1px solid #45384f;border-radius:0}.x-faq .faq-item summary{color:#f3eafa;padding:20px 0;font-size:.98rem}.x-faq .faq-answer{color:var(--x-muted);padding:0 0 20px}.x-faq .faq-answer a{color:#d7a6f7;text-decoration:underline}.x-credits{border-top:1px solid var(--x-border);padding-block:24px}.x-credits p{color:#a99cbd;max-width:100ch;margin:0;font-size:.75rem}.x-credits a{color:#cab0df;text-decoration:underline}body:has(.x-home) .site-footer{margin-top:0}body:has(.x-home) .site-header{background:#100c1d}body:has(.x-home) .header-search-link{min-width:44px;min-height:44px}@media (width>=801px) and (width<=1100px){.x-hero-grid{gap:28px}.x-hero h1{font-size:4rem}.x-hero-art{aspect-ratio:.85}.x-wrap{padding-inline:24px}body:has(.x-home) .desktop-nav{display:none}body:has(.x-home) .mobile-nav-toggle{display:block}body:has(.x-home) .header-cta,body:has(.x-home) .header-search-link{display:none}}@media (width<=800px){.x-wrap{padding-inline:24px}.x-section{padding-block:56px}.x-hero{padding:42px 0}.x-hero-grid{grid-template-columns:1fr;gap:32px}.x-hero h1{font-size:clamp(3.4rem,10vw,5rem)}.x-hero-copy>.x-muted{max-width:60ch}.x-hero-art{aspect-ratio:1.35;width:100%;max-width:570px;margin:auto}.x-art-content{padding-top:14px}.x-game-logo{width:60%;max-height:110px;margin:0}.x-partner-line{max-width:370px}.x-art-label{margin-top:0}.x-facts>.x-wrap{grid-template-columns:repeat(2,1fr);gap:18px 24px}.x-facts span:nth-child(2){border:0}.x-heading{flex-direction:column;align-items:start;gap:12px}.x-section-code{display:none}.x-explore-grid{grid-template-columns:repeat(2,1fr)}.x-slide{flex-basis:86%}.x-world-intro{grid-template-columns:1fr;gap:28px}.x-route-line{max-width:450px}.x-starters{gap:12px}.x-starter{padding:16px}.x-starter-meta{flex-direction:column;gap:3px}.x-starter img{aspect-ratio:1;width:100%;height:auto}.x-locations{gap:12px}.x-locations>a{padding:20px}.x-mechanics{gap:20px}.x-download{gap:30px;padding:32px}.x-download-aside{padding-left:26px}.x-faq{grid-template-columns:1fr;gap:24px;padding-bottom:50px}}@media (width<=560px){.x-wrap{padding-inline:20px}.x-hero h1{font-size:3.5rem}.x-hero .x-kicker{letter-spacing:.08em;font-size:.75rem}.x-hero-lead{font-size:1.13rem}.x-actions{flex-direction:column}.x-button{width:100%;padding:15px 12px;font-size:.89rem}.x-art-content{padding:12px 10px 45px}.x-hero-art{aspect-ratio:1.14}.x-game-logo{width:74%}.x-art-label{letter-spacing:.09em;font-size:.75rem}.x-art-caption{padding:12px;font-size:.75rem}.x-facts>.x-wrap{padding-block:20px}.x-facts b{font-size:.85rem}.x-facts span{font-size:.75rem}.x-explore-grid{gap:12px}.x-explore-card{padding:17px}.x-card-top{margin-bottom:16px}.x-explore-card h3{font-size:1.06rem}.x-explore-card p{min-height:6em;margin-bottom:18px;font-size:.85rem}.x-card-cta{font-size:.76rem}.x-number{font-size:.75rem}.x-icon{width:36px;height:36px;font-size:1.4rem}.x-slide{flex-basis:94%}.x-slide figcaption{padding:20px}.x-slide h3{font-size:1.2rem}.x-slide p{font-size:.85rem}.x-gallery-bottom{align-items:start}.x-gallery-bottom>p{max-width:150px;font-size:.75rem}.x-gallery-controls{gap:8px}.x-gallery-controls button{width:44px;height:44px}.x-starters{grid-template-columns:1fr}.x-starter{grid-template-columns:116px 1fr;column-gap:16px;padding:18px;display:grid}.x-starter img{grid-area:1/1/4;width:116px;height:116px;margin:0}.x-starter-meta{grid-column:2;font-size:.75rem}.x-starter-name{grid-column:2;margin-top:10px}.x-starter h3{margin:0;font-size:1.4rem}.x-types{grid-column:2;align-self:end}.x-types span{padding:3px 9px;font-size:.75rem}.x-locations,.x-mechanics,.x-guides,.x-download{grid-template-columns:1fr}.x-locations{gap:16px}.x-mechanics{gap:32px}.x-mechanic-icon{float:left;min-width:45px;margin-right:20px;font-size:2.3rem}.x-mechanics p,.x-mechanics .x-card-cta{margin-left:65px}.x-guides>a{padding-block:23px}.x-download{gap:28px;padding:28px}.x-download-aside{border-top:1px solid #9c66b766;border-left:0;padding:22px 0 0}.x-download-aside>span{display:none}.x-download-aside p{font-size:1rem}.x-download h2{font-size:1.9rem}.x-faq h2{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.x-home *{scroll-behavior:auto!important;transition:none!important}.x-home a:hover{transform:none}}
