:root{--bg:#131127;--surface:#24203f;--ink:#fff9f2;--muted:#c5bfd8;--line:#b3a3e12b;--header:#15122be8;--shadow:0 18px 65px #07041166}html[data-theme=light]{--bg:#fff8f0;--surface:#fffdf8;--ink:#211534;--muted:#65556e;--line:#70507725;--header:#fff9f1ed;--shadow:0 18px 65px #652a5e14}.sculpted{background:radial-gradient(ellipse at 90% 25%,#9d35e211,transparent 45%),var(--bg)}.brandlink{width:236px}.brandlink>img{width:236px;height:56px;object-fit:contain;max-width:100%}.brandlink .brandname{display:none}.nav{min-height:88px}.navlinks{font-size:12px;gap:22px}.btn{border-radius:19px;box-shadow:inset 0 1px 0 #ffffff15,0 5px 0 #08051c33}.btn.primary{background:linear-gradient(#ffe977,#ffd714);border:1px solid #ffed79;color:#24183d;box-shadow:inset 0 2px 0 #fff6,0 6px 0 #99700066}.btn.cyan{background:linear-gradient(#7ef9eb,#00d9d5);color:#122541;box-shadow:inset 0 1px 0 #fff8,0 5px 0 #087d8433}.eyebrow:before{background:#b53df6}.home-hero{min-height:735px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:clip;background:#302250}.home-hero .hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20172eea 0%,#2b1d42b3 27%,#35254d1a 60%,transparent);z-index:-1}.home-hero .wrap{padding:65px 0 90px}.home-hero .hero-copy{max-width:560px;padding:0}.home-hero h1{font-size:clamp(46px,5.9vw,79px);line-height:1.08;letter-spacing:-.035em;color:#fff8ef;text-shadow:0 4px 0 #22163166}.home-hero h1 span{color:#ffe241}.home-hero .hero-copy p{font-size:17px;color:#eee4f7;max-width:440px}.home-hero .pill{color:#fff9f2;background:#20173688;border-color:#e4ccfc45}.home-hero .btn:not(.primary){color:#fff9f2;background:#31223f;border-color:#ae90c355}.home-hero .hero-note{color:#ded1ec!important;font-size:12px!important}.top-story-ribbon{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}.top-story-ribbon b{color:var(--cyan)}html[data-theme=light] .top-story-ribbon b{color:#087671}.portal-section{padding:50px 0 78px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portal-card{position:relative;min-height:240px;border-radius:30px;padding:29px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(145deg,#72519122,transparent),var(--surface);box-shadow:var(--shadow)}.portal-card .portal-copy{position:relative;z-index:2;max-width:65%}.portal-card h2{font-size:28px;margin:12px 0}.portal-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.portal-card img{position:absolute;right:-16px;bottom:-30px;width:52%;height:230px;object-fit:contain;transform:scale(1.15)}.portal-card.comic img{height:210px;width:43%;right:13px;bottom:-28px;transform:rotate(8deg);border-radius:10px;object-fit:cover}.portal-card .eyebrow{font-size:9px;gap:6px}.portal-card .eyebrow:before{width:13px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--cyan);font-size:13px;font-weight:800}html[data-theme=light] .text-link{color:#087671}.section{padding:76px 0}.game-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}.game-layout h2{font-size:clamp(30px,3.6vw,49px)}.game-layout p{font-size:14px;color:var(--muted)}.game-stage{border:1px solid #9776b84d;border-radius:32px;position:relative;aspect-ratio:1.25;overflow:hidden;background:#3b2a58;box-shadow:var(--shadow)}.game-stage .stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-stage .cast{position:absolute;bottom:0;width:60%;height:90%;object-fit:contain}.game-stage .cast.one{left:-5%;transform:rotate(-4deg)}.game-stage .cast.two{right:-7%;transform:rotate(4deg)}.game-stage .stage-label{position:absolute;left:20px;right:20px;top:22px;font-size:11px;font-weight:800;padding:10px 15px;border-radius:13px;background:#251a3ad9;color:#fff7ed;text-align:center;z-index:2}.how-list{display:grid;gap:0;list-style:none;padding:0;margin:28px 0}.how-list li{padding:17px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:15px}.how-list b{color:var(--cyan);font-size:17px}.how-list strong{display:block;font-size:16px}.how-list p{margin:5px 0 0;font-size:12px}.world-new{padding:0}.world-sky{position:relative;min-height:530px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.world-sky>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.world-sky:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20162ddc,#34204a80 40%,transparent 75%)}.world-sky .wrap{padding:65px 0}.world-sky h2{max-width:600px;color:#fff9f2}.world-sky p{max-width:450px;color:#eee6f5;font-size:15px}.world-sky .eyebrow{color:#fff1a5}.world-switch{display:flex;gap:8px;margin-top:25px}.world-switch .chip{background:#22163399;color:#fff9f2;border-color:#c2a8d955}.world-switch .chip[aria-pressed=true]{background:#ffe63b;color:#211534;border-color:#ffe63b}.world-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px 0}.world-foot h3{font-size:16px;margin-bottom:8px}.world-foot p{font-size:12px;color:var(--muted);margin:0}.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.book{border:1px solid var(--line);background:var(--surface);border-radius:25px;overflow:hidden;box-shadow:0 10px 30px #0001;min-width:0;display:flex;flex-direction:column}.book>a{display:block;overflow:hidden}.book img{width:100%;aspect-ratio:2/2.8;object-fit:cover;transition:transform .25s}.book:hover img{transform:scale(1.025)}.book .book-copy{padding:20px;display:flex;flex-direction:column;flex:1}.book h3{font-size:18px;line-height:1.35;margin-bottom:12px}.book p{font-size:11px;color:var(--muted)}.book .text-link{margin-top:auto}.book-label{font-size:9px;letter-spacing:.12em;color:var(--muted);margin:0 0 9px;display:block}.roster{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-card{background:linear-gradient(145deg,#9067b52a,transparent),var(--surface);box-shadow:inset 0 1px 0 #ffffff15}.hero-card .portrait{background:radial-gradient(ellipse at bottom,#b344f22b,transparent 72%)}.community{background:radial-gradient(ellipse at 10% 0,#ad40d92e,transparent 65%),var(--surface);border-color:#ac7db449;box-shadow:var(--shadow);position:relative;overflow:hidden}.community>div{position:relative}.community .community-mascot{width:180px;height:180px;object-fit:contain;margin:23px 0 0}.community form{background:var(--bg)}.closing{background:radial-gradient(ellipse at 50% 100%,#9c39e81a,transparent 70%)}.closing .horizontal-end{width:340px;max-width:90%;height:95px;object-fit:contain;margin:0 auto 25px}.footer .brandlink{width:250px}.page-intro{padding:55px 0 38px}.page-intro h1{font-size:clamp(34px,5vw,62px);max-width:850px;margin:15px 0 20px}.page-intro p{max-width:750px;color:var(--muted);font-size:15px}.page-intro .breadcrumb{font-size:11px;color:var(--muted)}.book-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.library-main{padding:0 0 80px}.reader{padding-bottom:80px}.reader-title{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:25px}.reader-embed{width:100%;height:75svh;min-height:450px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.reader-transcript{padding:25px;border:1px solid var(--line);border-radius:24px;margin-top:30px;max-width:900px}.reader-transcript summary{font-weight:800;cursor:pointer}.reader-transcript section{padding:18px 0;border-top:1px solid var(--line)}.reader-transcript p{font-size:13px;color:var(--muted)}.reader-transcript li{font-size:14px;margin-bottom:8px}.play-gate{position:relative;border-radius:35px;border:1px solid var(--line);padding:45px;background:linear-gradient(130deg,#8633a822,transparent),var(--surface);display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:40px;overflow:hidden}.play-gate h2{font-size:35px}.play-gate>img{width:100%;max-height:350px;object-fit:contain}.play-frame{width:100%;height:80svh;min-height:550px;border:1px solid var(--line);border-radius:24px;background:#211534}.kit-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:60px}.kit-card{border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:25px;min-width:0}.kit-card img{width:100%;height:200px;object-fit:contain;margin-bottom:20px}.kit-card h2{font-size:22px}.kit-card p{font-size:12px;color:var(--muted)}.kit-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 45px}.kit-downloads a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:13px}.kit-downloads small{color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1700px){.home-hero{min-height:810px}.home-hero .hero-copy{max-width:610px}}@media(max-width:1100px){.brandlink,.brandlink>img{width:205px}.navlinks{gap:14px;font-size:11px}.home-hero{min-height:660px}.home-hero .hero-copy{max-width:480px}.home-hero h1{font-size:62px}.home-hero .hero-copy p{font-size:15px;max-width:370px}.portal-card{padding:22px}.portal-card h2{font-size:24px}.portal-card img{right:-20px;width:55%}.comic-grid{gap:17px}.game-layout{gap:35px}.roster{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.navlinks{top:88px;font-size:15px}.brandlink,.brandlink>img{width:224px}.navtools{gap:6px}.home-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}.home-hero:after{background:linear-gradient(180deg,#211830 0,#31203e 45%,transparent 75%)}.home-hero .wrap{padding:40px 0 0;order:0}.home-hero .hero-copy{max-width:100%;position:relative;z-index:1}.home-hero .hero-copy p{max-width:500px;font-size:15px}.home-hero .hero-scene{position:relative;height:auto;aspect-ratio:1.78;object-fit:contain;order:1;z-index:0;margin-top:10px}.home-hero h1{font-size:54px;max-width:620px;margin:18px 0}.home-hero .hero-note{margin-bottom:10px!important}.portal-grid{grid-template-columns:1fr;gap:16px}.portal-card{min-height:205px}.portal-card .portal-copy{max-width:65%}.portal-card h2{font-size:28px}.portal-card img{height:245px;width:40%;right:10px;bottom:-35px}.portal-card.comic img{height:200px;width:30%;right:25px}.game-layout{grid-template-columns:1fr}.game-stage{max-width:600px;width:100%;margin:auto}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.world-sky{min-height:520px}.world-sky .wrap{padding:50px 0}.world-sky:after{background:linear-gradient(90deg,#20162ddd,#34204a66)}.world-foot{gap:20px}.community .community-mascot{display:none}.play-gate{grid-template-columns:1fr}.play-gate>img{max-height:230px}.kit-preview{grid-template-columns:1fr}.book h3{font-size:17px}.book .book-copy{padding:17px}}
@media(max-width:500px){.brandlink,.brandlink>img{width:178px;height:48px}.nav{min-height:77px;gap:6px}.navtools{gap:4px}.iconbtn{min-width:36px;width:36px;height:40px}.navlinks{top:77px}.home-hero .wrap{padding-top:30px}.home-hero h1{font-size:43px;letter-spacing:-.04em;max-width:100%}.home-hero .hero-copy p{font-size:14px}.home-hero .hero-actions{display:flex;flex-direction:row}.home-hero .hero-actions .btn{flex:1;padding:13px 12px;font-size:12px;white-space:normal;gap:10px}.home-hero .hero-note{font-size:10px!important}.home-hero .pill{font-size:10px}.top-story-ribbon{font-size:10px;gap:15px;flex-wrap:wrap;justify-content:center;padding:16px 0}.portal-section{padding:30px 0 48px}.portal-card{padding:23px;min-height:210px}.portal-card h2{font-size:26px}.portal-card img{right:-15px;width:44%;height:215px}.portal-card p{font-size:11px}.portal-card.comic img{height:190px;right:20px}.section{padding:50px 0}.game-layout h2{font-size:33px}.game-stage{border-radius:24px}.game-stage .stage-label{font-size:9px;left:12px;right:12px;top:12px}.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.world-sky{min-height:520px}.world-sky>img{object-position:65% center}.world-sky h2{font-size:34px}.world-sky p{font-size:13px;max-width:310px}.world-foot{grid-template-columns:1fr;padding:24px 0}.world-foot>div{padding-bottom:15px;border-bottom:1px solid var(--line)}.comic-grid{gap:13px}.book h3{font-size:15px}.book .book-copy{padding:14px}.book p{font-size:10px}.book .text-link{font-size:11px}.book-label{font-size:8px}.page-intro{padding:32px 0}.page-intro h1{font-size:36px}.page-intro p{font-size:13px}.reader-embed{min-height:400px;height:65svh}.reader-title{gap:15px}.reader-transcript{padding:20px}.reader-transcript li{font-size:12px}.play-gate{padding:25px;border-radius:27px;gap:20px}.play-gate h2{font-size:30px}.play-frame{min-height:500px}.kit-preview{gap:17px}.kit-card{padding:22px}.kit-card img{height:165px}.kit-downloads{grid-template-columns:1fr}.footer .brandlink{width:230px}.section-head h2{font-size:31px}}
@media(max-width:1100px){.navlinks{display:none;position:absolute;top:88px;left:0;right:0;padding:24px;background:var(--bg);border-bottom:1px solid var(--line);font-size:15px}.navlinks.open{display:flex;flex-direction:column}.menubtn{display:inline-grid}}@media(max-width:500px){.navlinks{top:77px}}@media(max-width:380px){.brandlink,.brandlink>img{width:150px;height:43px}.navtools .iconbtn{width:34px;min-width:34px}.navtools{gap:3px}}
@media(max-width:500px){.beat-row{grid-template-columns:38px repeat(4,minmax(0,1fr));gap:5px}.beat-label{grid-row:span 2;align-self:center}.beat-cell{height:44px}}