:root{--bg:#07141b;--surface:#0e202a;--lime:#c7f52b;--cyan:#42dae6;--muted:#9aafb9;--line:#263942}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#02090d;color:#f6f8f6;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}#site{width:100%;margin:auto;background:var(--bg);overflow:hidden;container-type:inline-size;transition:width .3s}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Arial Narrow',Impact,sans-serif;line-height:.98}h1{font-size:clamp(78px,9.1vw,145px);font-weight:800;letter-spacing:-3px;margin-bottom:28px}h2{font-size:clamp(44px,5vw,74px);letter-spacing:-1.4px;font-weight:700;margin-bottom:28px}h3{font-size:32px;line-height:1.1;margin-bottom:15px}em{font-style:normal;color:var(--lime)}p{color:#afc0c7;max-width:650px}img{max-width:100%;display:block}small{color:var(--muted)}header{height:91px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;border-bottom:1px solid #ffffff14;background:#07141bf2}header .brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:.5px}.brand img{height:55px;width:55px;object-fit:contain;border-radius:50%}.brand small{display:block;font-family:Inter,sans-serif;font-size:8px;letter-spacing:5px;color:#bacad0;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a:hover,.textlink:hover{color:var(--lime)}#menu{display:none;background:none;border:1px solid var(--line);font-size:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--lime);color:#08131a;font-weight:700;border:1px solid var(--lime);border-radius:4px;padding:15px 25px;font-size:13px;transition:.2s}.button:hover{background:#defc81;transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:12px}.textlink{font-size:13px;font-weight:600}.hero{position:relative;min-height:750px;display:flex;align-items:center;padding:70px 7% 110px}.heroimage{position:absolute;inset:0;background:linear-gradient(90deg,#07141b 0%,#07141be6 27%,#07141b38 85%),linear-gradient(0deg,#07141b,transparent 40%),url('assets/hero-clean.webp') center/cover}.herocopy{position:relative;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:var(--cyan);margin-bottom:23px}.lead{font-size:16px;line-height:1.8;max-width:450px}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin:28px 0}.caption{font-size:9px;letter-spacing:2px;color:var(--muted)}.herobottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#a0b4be}.ticker{display:flex;justify-content:space-around;gap:24px;white-space:nowrap;overflow:hidden;background:var(--lime);padding:16px 20px;font-size:11px;font-weight:700;color:#0a171e;letter-spacing:1.3px}.ticker b{font-size:18px;line-height:1}.section{padding:100px 7%}.intro,.learning,.kitsection,.story,.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.bodylarge{font-size:20px;line-height:1.7;color:#e1e8eb}.widevisual{height:540px;position:relative}.widevisual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07141be6,transparent 85%)}.widevisual img{width:100%;height:100%;object-fit:cover}.widevisual>div{position:absolute;bottom:35px;left:7%;z-index:1}.widevisual h2{font-size:64px;margin:0}.imagebadge{position:absolute;right:20px;top:20px;padding:8px 14px;background:#07141bcf;font-size:9px;letter-spacing:1px;z-index:1}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.sectionhead h2{margin:0}.sectionhead p{font-size:13px}.muted{color:var(--muted);font-size:12px}.tabs{display:flex;gap:15px;border-bottom:1px solid var(--line);margin-top:40px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 20px;color:var(--muted);font-size:13px}.tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.modepanel{display:flex;align-items:center;gap:50px;background:var(--surface);padding:42px;margin-top:25px;border-radius:5px;min-height:230px}.modepanel p{max-width:650px;margin-bottom:0}.number{font-family:'Arial Narrow',Impact,sans-serif;font-size:115px;color:#28414b}.tag{display:inline-block;font-size:8px;letter-spacing:1.3px;color:var(--lime);border:1px solid #c7f52b44;padding:5px 9px;margin-bottom:18px;border-radius:3px}.roundlink{margin-left:auto;flex-shrink:0;border:1px solid #52707c;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:23px}.universe{background:#0a1a23}.courtgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.courtgrid article{position:relative;min-height:380px;overflow:hidden;border-radius:5px}.courtgrid img{height:100%;width:100%;object-fit:cover;position:absolute}.courtgrid article:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051018,transparent 85%)}.courtgrid article>div{position:absolute;bottom:20px;left:25px;z-index:1}.courtgrid p{font-size:12px;margin-bottom:0}.learning{border-bottom:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.chips span{padding:7px 12px;border:1px solid var(--line);border-radius:30px;font-size:11px;color:#bfd0d6}.learningright{border-left:1px solid var(--line);padding-left:70px}.giant{color:var(--lime);font-size:110px;line-height:1.2}.learningright h3{font-size:48px}.kitsection img{border-radius:6px;background:#eee;aspect-ratio:1.1;object-fit:contain}.community{text-align:center;background:radial-gradient(ellipse at bottom,#144b4b66,transparent 65%),#0c2027}.community h2{font-size:clamp(52px,6vw,88px)}.community p{margin-left:auto;margin-right:auto;max-width:620px}.community .actions{justify-content:center}.storymark{font-family:'Arial Narrow',Impact,sans-serif;font-size:180px;font-weight:800;line-height:.8;letter-spacing:-5px;color:#19313d;display:block}.storymark em{font-size:160px}.story{grid-template-columns:.7fr 1.3fr}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news{padding:0;background:none;border:0;text-align:left}.news img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:4px;margin-bottom:22px}.news:nth-child(2) img{object-fit:contain;background:#0c1b24}.news span{font-size:9px;letter-spacing:1.5px;color:var(--cyan)}.news h3{margin:12px 0;font-size:32px}.news p{font-size:12px}.news b{color:var(--lime);font-size:11px}.news:hover img{filter:brightness(1.12)}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 25px}.roadmap article{border-top:2px solid var(--line);padding-top:25px}.roadmap article:first-child{border-color:var(--lime)}.roadmap span{font-size:9px;letter-spacing:1.6px;color:var(--cyan)}.roadmap h3{margin-top:20px}.roadmap p{font-size:13px}.roadmap b{font-size:10px;color:var(--lime)}.playtest{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;background:#10252d}.platform{border:1px solid #3b515b;padding:35px}.platform strong{font-family:'Arial Narrow',Impact,sans-serif;font-size:80px;display:block;line-height:1}.platform>span{font-size:9px;color:var(--lime);letter-spacing:2px}.platform h3{font-size:27px}.platform p{font-size:12px;margin:0}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.collab{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;margin-top:55px}.collab>div{padding-top:25px}.collab>div p{font-size:14px}form{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:30px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;color:#ccdade}.full{grid-column:1/-1}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #334853;background:#091a23;color:#f1f4f4;border-radius:3px;padding:10px;min-width:0;font-size:12px}textarea{resize:vertical}.check{display:flex;align-items:start;gap:10px;margin:20px 0}.check input{width:auto;margin-top:5px}form small{display:block;font-size:10px;margin-top:12px}#formresult{font-size:12px;color:var(--lime);margin:15px 0}.faq{align-items:start;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:13px;list-style:none;position:relative;padding-right:25px}summary:after{content:'+';position:absolute;right:0;color:var(--lime)}details[open] summary:after{content:'−'}details p{font-size:12px;margin:15px 0 0}footer{padding:50px 7% 25px;background:#040e14;border-top:1px solid var(--line)}.footerhead{display:flex;justify-content:space-between;align-items:center}.footerhead .brand{display:flex;align-items:center;gap:12px;font-size:25px}.footerlinks{display:flex;flex-wrap:wrap;gap:30px;font-size:12px;margin:30px 0 45px}.footerbottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:var(--muted)}dialog{background:#10252d;color:#fff;border:1px solid #47616b;border-radius:8px;padding:50px;max-width:650px;width:90%}dialog::backdrop{background:#020a10da}dialog h2{font-size:46px}dialog p{font-size:15px}#closearticle{position:absolute;right:18px;top:12px;border:0;background:none;font-size:22px}
@container (max-width:950px){header{padding:0 5%}nav{gap:15px}h1{font-size:105px}.section{padding:75px 6%}.intro,.learning,.kitsection,.story,.faq{gap:35px}.hero{padding-left:6%;min-height:700px}.collab{gap:30px;grid-template-columns:1fr 1.3fr}.learningright{padding-left:35px}.playtest{gap:40px}.sectionhead{align-items:start}.sectionhead h2{font-size:53px}}
@container (max-width:650px){header{height:77px;position:relative}header .brand{font-size:19px}.brand img{height:43px;width:43px}#menu{display:block}nav{display:none;position:absolute;top:77px;left:0;right:0;background:#10232c;padding:25px;z-index:10;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:680px;padding:65px 6% 95px}.heroimage{background:linear-gradient(90deg,#07141bf2,#07141b90),linear-gradient(0deg,#07141b,transparent),url('assets/hero-clean.webp') center/cover}h1{font-size:80px;letter-spacing:-2px}h2,.sectionhead h2{font-size:47px}.eyebrow{font-size:8px;letter-spacing:1.8px}.lead{font-size:13px}.herobottom{font-size:7px}.herobottom span{display:none}.caption{font-size:7px}.actions{gap:20px}.button{font-size:12px;padding:13px 18px}.section{padding:60px 6%}.intro,.learning,.kitsection,.story,.faq,.playtest,.collab{grid-template-columns:1fr;gap:30px}.bodylarge{font-size:17px}.sectionhead{flex-direction:column;gap:15px}.widevisual{height:360px}.widevisual h2{font-size:47px}.imagebadge{font-size:7px}.courtgrid,.newsgrid,.roadmap{grid-template-columns:1fr}.courtgrid article{min-height:330px}.tabs{gap:0;justify-content:space-between}.tabs button{padding:12px 8px;font-size:11px}.modepanel{padding:25px;gap:20px;align-items:start}.number{font-size:65px}.modepanel h3{font-size:29px}.modepanel p{font-size:12px}.roundlink{display:none}.learningright{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.learningright .giant{font-size:70px}.learningright h3{font-size:38px}.kitsection img{order:2}.community h2{font-size:49px}.community p{font-size:13px}.storymark{font-size:75px;display:flex;gap:10px}.storymark em{font-size:75px}.newsgrid{gap:35px}.news img{aspect-ratio:1.6}.roadmap{gap:30px}.roadmap article{padding-top:20px}.playtest .platform strong{font-size:60px}.formgrid{grid-template-columns:1fr}form{padding:22px}.footerhead{align-items:start;flex-direction:column;gap:25px}.footerlinks{gap:18px}.footerbottom{flex-direction:column;gap:8px}dialog{padding:35px 24px}dialog h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.legalnav{border-top:1px solid var(--line);padding-top:24px;margin-bottom:24px}.legalcontent{max-width:920px;margin:auto;padding:65px 6% 90px}.legalcontent h1{font-size:clamp(46px,7vw,76px);letter-spacing:-1px}.legalcontent h2{font-size:30px;letter-spacing:0;margin:35px 0 15px}.legalcontent p,.legalcontent li{color:#bccbd2;max-width:none;font-size:14px}.legalcontent a,form small a{color:var(--cyan);text-decoration:underline}.legalnotice{padding:18px 22px;border-left:3px solid var(--lime);background:var(--surface);margin:25px 0}.legalcontent ul{padding-left:22px}.legalcontent .eyebrow{font-size:10px}.legalcontent table{width:100%;border-collapse:collapse;font-size:12px}.legalcontent th,.legalcontent td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.legalcontent .tablewrap{overflow-x:auto}

.competition{background:#0b1c25}.competitiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.competitiongrid article{border-top:1px solid #3e5965;padding-top:25px}.featureindex{font-size:9px;letter-spacing:1.5px;color:var(--cyan)}.competitiongrid h3{margin-top:20px;font-size:37px}.competitiongrid p{font-size:13px}.rankingfeature{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-top:55px;margin-top:60px}.rankingfeature h3{font-size:43px}.rankingfeature p{font-size:13px}.rankingconcept{background:#102933;padding:30px;border-radius:5px}.rankingconcept ol{list-style:none;counter-reset:journey;padding:0;margin:0}.rankingconcept li{counter-increment:journey;position:relative;padding:5px 0 22px 43px}.rankingconcept li:before{content:'0' counter(journey);position:absolute;left:0;color:var(--lime);font-size:13px}.rankingconcept strong{display:block;font-size:14px}.rankingconcept li span{color:var(--muted);font-size:11px}.wardrobe{padding-top:25px}.wardrobebody{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.wardrobevisual{position:relative;background:#e9e9e9;border-radius:5px;overflow:hidden}.wardrobevisual img{aspect-ratio:1.15;object-fit:contain;width:100%}.wardrobevisual .imagebadge{top:auto;bottom:12px;left:12px;right:auto;font-size:7px}.wardrobetabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:25px}.wardrobetabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;font-size:11px;color:var(--muted)}.wardrobetabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}#wardrobecontent{min-height:250px}#wardrobecontent h3{font-size:36px}#wardrobecontent p,#wardrobecontent li{font-size:13px;color:#afc0c7}#wardrobecontent ul{padding-left:20px}.unlockstrip{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px;margin-top:35px;background:var(--surface);border-left:3px solid var(--lime)}.unlockstrip h3{margin-bottom:0}.unlockstrip p{font-size:13px}.unlockstrip .eyebrow{font-size:8px}header nav{gap:20px}@container(max-width:950px){header nav{gap:12px}.competitiongrid{gap:20px}.rankingfeature{gap:30px}.wardrobebody{gap:25px}.wardrobetabs button{padding:10px 7px}}@container(max-width:650px){.competitiongrid,.rankingfeature,.wardrobebody,.unlockstrip{grid-template-columns:1fr;gap:25px}.competitiongrid h3{font-size:34px}.rankingfeature{padding-top:35px;margin-top:40px}.rankingfeature h3{font-size:37px}.rankingconcept{padding:22px}.wardrobe{padding-top:35px}.unlockstrip{padding:25px}.wardrobevisual .imagebadge{font-size:6px}.wardrobetabs{justify-content:space-between}#wardrobecontent{min-height:260px}}
.settingsopener{background:none;border:1px solid #425762;border-radius:4px;color:#d3e0e4;white-space:nowrap;padding:8px 10px;font-size:11px;margin-left:18px}.settingsopener:hover{border-color:var(--lime);color:var(--lime)}#settings{max-width:460px}#settings h2{font-size:40px;line-height:1.1}#settings select{font-size:15px;padding:13px;margin-bottom:15px}.settingsclose{position:absolute;right:15px;top:12px;background:none;border:0;font-size:22px}.voice{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;background:#0e2630}.voice h2{font-size:62px}.voice h3{font-size:31px}.voicegraphic{display:flex;align-items:center;gap:9px;justify-content:center;color:var(--lime)}.voicegraphic span{font-size:70px}.voicegraphic i{display:block;width:5px;height:50px;border-radius:4px;background:var(--cyan)}.voicegraphic i:nth-child(3n){height:90px}.voicegraphic i:nth-child(4n){height:125px}html[lang=ja] h1,html[lang=zh-Hans] h1{font-size:clamp(60px,7vw,105px);line-height:1.15;letter-spacing:0}html[lang=ja] h2,html[lang=zh-Hans] h2{line-height:1.2;letter-spacing:0}html[lang=ja] h3,html[lang=zh-Hans] h3{line-height:1.4}nav{margin-left:auto}header .brand{flex-shrink:0}.hero h1{overflow-wrap:anywhere}@container(max-width:1000px){header .brand{font-size:19px}header nav{gap:12px}header nav a{font-size:11px}header .brand img{width:40px;height:40px}.settingsopener{margin-left:12px}}@container(max-width:850px){header{position:relative}#menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:91px;left:0;right:0;background:#10232c;padding:25px;z-index:10;flex-direction:column;align-items:stretch;margin-left:0}nav.open{display:flex}.voice{grid-template-columns:1fr}.voicegraphic{display:none}}@container(max-width:650px){nav{top:77px}.voice h2{font-size:43px}.voice h3{font-size:28px}.settingsopener{padding:7px;margin-left:8px}html[lang=ja] h1,html[lang=zh-Hans] h1{font-size:60px}#settings{padding:35px 24px}}

.devarticle h1{max-width:900px;font-size:clamp(38px,7vw,76px)}.articlevisual{display:block;width:100%;max-height:540px;object-fit:contain;background:#0c1b24;border-radius:8px;margin:32px 0}.byline{font-size:12px!important}.articlelanguages{border-top:1px solid var(--line);padding-top:24px;margin-top:35px;line-height:2.2;font-size:12px}.relatednews{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.news{display:block;color:inherit;text-decoration:none}

.skiplink{position:absolute;top:-100px;left:16px;z-index:999;background:var(--lime);color:var(--bg);padding:12px 20px;border-radius:4px}.skiplink:focus{top:12px}section[id],article[id]{scroll-margin-top:80px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:650px){.footerlinks a{padding:8px 0}.tabs button,.wardrobetabs button,.settingsopener,#menu{min-height:44px}input,textarea,select{font-size:16px}form small{font-size:12px}.footerbottom{font-size:11px}}

.socialsection{border-top:1px solid var(--line)}.socialsection .sectionhead>p{max-width:420px;font-size:15px}.socialgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.socialcard{position:relative;display:flex;flex-direction:column;min-width:0;gap:15px;padding:28px 20px;background:var(--surface);border:1px solid var(--line);border-radius:6px;transition:border-color .2s,transform .2s}.socialcard:hover{border-color:var(--cyan);transform:translateY(-4px)}.socialsymbol{font-size:38px;color:var(--cyan);line-height:1}.socialcard h3{font-size:30px;margin:10px 0 0}.socialhandle{font-size:clamp(10px,1vw,13px);overflow-wrap:anywhere;color:#c3d1d8}.socialarrow{position:absolute;right:20px;top:25px;color:var(--lime);font-size:25px}
@container(max-width:950px){.socialgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.socialhandle{font-size:13px}}
@container(max-width:450px){.socialgrid{grid-template-columns:1fr}.socialcard{padding:24px}.socialhandle{font-size:14px}}
