@font-face{font-family:XiongzaiBrush;src:url('assets/brush.woff2') format('woff2');font-display:swap}
:root{--u:min(.09765625vw,1.5px);--navy:#082e72;--blue:#087def;--body:#4873a9;--brush:XiongzaiBrush,'Kaiti SC',STKaiti,cursive;font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;color:var(--navy);font-size:16px;line-height:1.5;scroll-behavior:smooth;scroll-padding-top:80px}
*{box-sizing:border-box}body{margin:0;background:#e2f1ff}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #0667cf;outline-offset:3px}button:active,a:active{transform:translateY(1px)}.page{max-width:1536px;margin:auto;overflow:clip;background:linear-gradient(#d6ebff,#eff8ff 66%,#dfedfb)}.shell{width:92%;margin-inline:auto}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brush{font-family:var(--brush);font-weight:400;line-height:1.25}.glass{background:#ffffffbd;border:1px solid #ffffffbd;box-shadow:0 4px 20px #317bc308}.skip-link{position:fixed;top:-70px;left:15px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
header{position:absolute;top:0;left:0;right:0;z-index:20;height:calc(64 * var(--u));color:white;background:linear-gradient(#367bca5c,transparent)}.nav-row{height:100%;display:flex;align-items:center;gap:calc(24 * var(--u));max-width:1413px}.brand{display:flex;align-items:center;gap:calc(8 * var(--u));flex-shrink:0}.brand img{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(9 * var(--u))}.brand strong{display:block;font-weight:850;font-size:calc(19 * var(--u));letter-spacing:-.6px;line-height:1.25}.brand small{display:block;font-size:calc(7.3 * var(--u));font-weight:750;line-height:1.7;letter-spacing:-.1px}.desktop-nav{display:flex;align-items:center;justify-content:space-between;flex:1;margin-left:calc(38 * var(--u));gap:calc(16 * var(--u))}.desktop-nav a{font-size:calc(10 * var(--u));white-space:nowrap;position:relative;padding:calc(18 * var(--u)) 0}.desktop-nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d8f4ff;box-shadow:0 0 7px #fff}.future{white-space:nowrap;background:#fffffff0;color:#0a72ed;font-size:calc(10 * var(--u));border-radius:99px;padding:calc(6 * var(--u)) calc(23 * var(--u));font-weight:700;margin-left:calc(20 * var(--u));box-shadow:0 0 14px #fff8}.scrolled{position:fixed;background:#eaf5fff2;color:var(--navy);box-shadow:0 2px 12px #14579420;height:64px}.scrolled .desktop-nav a[aria-current]:after{background:#2585e8}.menu-toggle,#mobile-nav{display:none}
.sky-world{position:relative;isolation:isolate;padding-bottom:calc(1 * var(--u));background:linear-gradient(#68b9f0,#bbdfff 48%,#e1f0ff)}.sky-landscape{position:absolute;top:0;left:-1%;right:-1%;height:calc(520 * var(--u));background:url('assets/hero-world.webp') center 46%/cover no-repeat;z-index:-4}.sky-world:before{content:"";position:absolute;inset:calc(360 * var(--u)) -1% 0;z-index:-4;background:url('assets/hero-world.webp') center 50%/cover no-repeat;opacity:.7;mask-image:linear-gradient(transparent,#000 20%,#000 60%,transparent)}.sky-world:after{content:"";position:absolute;inset:calc(380 * var(--u)) 0 0;z-index:-3;background:linear-gradient(transparent,#dceeff55 70%,#e7f3ff)}.world-light{position:absolute;inset:0 0 45% 32%;z-index:-1;background:radial-gradient(ellipse at 80% 35%,#fffce180,transparent 65%);pointer-events:none}.hero{position:relative;height:calc(402 * var(--u));isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#d7efff55,transparent 36%)}.hero-content{padding-top:calc(86 * var(--u));position:relative;z-index:5;pointer-events:none}.hero-content a{pointer-events:auto}.esports{width:calc(260 * var(--u))}.esports>div{display:flex;align-items:center;gap:calc(10 * var(--u))}.esports img{width:calc(39 * var(--u));height:calc(39 * var(--u));border-radius:8px}.esports strong{font-size:calc(21 * var(--u));letter-spacing:calc(3 * var(--u));font-weight:850}.esports p{font-size:calc(13 * var(--u));letter-spacing:calc(2 * var(--u));margin-top:calc(1 * var(--u))}h1{font-family:var(--brush);font-weight:400;font-size:calc(53 * var(--u));line-height:.97;width:calc(340 * var(--u));transform:rotate(-7deg);transform-origin:left center;letter-spacing:calc(-1.5 * var(--u));margin:calc(31 * var(--u)) 0 calc(4 * var(--u));position:relative}h1 span{white-space:nowrap}h1 i{position:absolute;font:calc(19 * var(--u)) var(--brush);left:calc(290 * var(--u));bottom:calc(3 * var(--u));transform:rotate(-10deg)}.hero-english{font-size:calc(10.5 * var(--u));letter-spacing:calc(1.6 * var(--u));line-height:1.45;text-align:center;width:calc(245 * var(--u));margin-top:calc(19 * var(--u))}.hero-release{display:flex;gap:calc(9 * var(--u));margin-top:calc(17 * var(--u))}.hero-release a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(131 * var(--u));height:calc(42 * var(--u));border-radius:calc(10 * var(--u));background:linear-gradient(135deg,#133e7b,#315983);box-shadow:inset 0 0 9px #a4ceff33,0 3px 8px #11427d15;color:white;font-size:calc(13 * var(--u));line-height:1.2}.hero-release span{font-size:calc(10 * var(--u));letter-spacing:1px;margin-top:2px}.hero-release a:hover,.navy-button:hover{filter:brightness(1.13);transform:translateY(-2px)}.hero-character{position:absolute;z-index:3;left:41%;top:24%;width:30.5%;pointer-events:none}.hero-character>img:first-child{position:relative;z-index:2;width:100%}.support-cloud{position:absolute;bottom:-5%;left:-15%;width:130%;max-width:none;z-index:1}.whale{position:absolute;left:24%;top:9%;width:29%;z-index:0;pointer-events:none}.train-group{position:absolute;left:65%;top:44%;width:35%;z-index:2;pointer-events:none}.hero-train{width:100%}.belief{position:absolute;right:4.4%;top:calc(69 * var(--u));text-align:center;font-size:calc(14 * var(--u));line-height:1.6;letter-spacing:calc(4 * var(--u));z-index:4}.belief span{display:block;font-size:calc(6.4 * var(--u));line-height:1.8;letter-spacing:calc(.7 * var(--u));margin-top:calc(13 * var(--u))}.greeting{position:absolute;left:40%;top:72%;font-size:calc(17 * var(--u));transform:rotate(-14deg);z-index:4}.cloud{position:absolute;pointer-events:none}.far-cloud{width:38%;left:-15%;top:36%;opacity:.45;z-index:0}.near-cloud{width:105%;max-width:none;left:-2%;bottom:-35%;z-index:4;opacity:.6;mask-image:linear-gradient(transparent,#000)}.bubbles,.sparkles{position:absolute;inset:0;pointer-events:none;z-index:1}.bubbles i{position:absolute;left:74%;top:4%;width:calc(37 * var(--u));height:calc(42 * var(--u));border:1px solid #fff9;border-radius:50%;box-shadow:inset 4px 4px 8px #fff9,inset -3px -3px 7px #a181ed66;background:linear-gradient(135deg,#9bcbff00,#e7d6ff55)}.bubbles i:nth-child(2){left:80%;top:17%;width:12px;height:14px}.bubbles i:nth-child(3){left:87%;top:71%;width:20px;height:22px}.bubbles i:nth-child(4){left:34%;top:22%;width:7px;height:8px}.bubbles i:nth-child(5){left:92%;top:89%;width:19px;height:21px}.sparkles i{position:absolute;color:#fff;left:44%;top:12%;font-size:calc(14 * var(--u));font-style:normal}.sparkles i:nth-child(2){left:78%;top:28%;font-size:9px}.sparkles i:nth-child(3){left:70%;top:78%;font-size:8px}
.brand-bar{height:calc(97 * var(--u));border-radius:calc(16 * var(--u));display:flex;align-items:center;position:relative;z-index:6;overflow:hidden}.feature{position:relative;text-align:center;width:13.2%;padding:0 calc(8 * var(--u))}.feature+.feature:before{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:#b6d5f280}.orb{width:calc(43 * var(--u));height:calc(43 * var(--u));display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 20%,#f4fcff,#d2e9ff);border-radius:50%;color:#1281f7;flex-shrink:0;font-size:calc(18 * var(--u))}.orb .icon{filter:drop-shadow(0 2px 1px #fff);fill:#248cf222}.feature p strong{display:block;font-size:calc(12 * var(--u));line-height:1.3;margin-top:calc(3 * var(--u))}.feature p span{display:block;font-size:calc(9 * var(--u));color:#547daf;line-height:1.3;margin-top:2px}.bar-tagline{margin-left:auto;margin-right:6%;font-size:calc(23 * var(--u));transform:rotate(-9deg);position:relative}.bar-tagline:after{content:"";position:absolute;bottom:-5px;left:20%;width:75%;height:1px;background:#3482d5;transform:rotate(-4deg)}.bar-tagline b,.stats-tagline b{color:#008cec;font-weight:400}.brand-bar:after{content:"";position:absolute;width:27%;height:150%;left:53%;top:0;background:url('assets/hero-world.webp') center/cover;mask-image:linear-gradient(90deg,transparent,#0009,transparent);z-index:-1}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:calc(22 * var(--u));font-weight:850;line-height:1.3;letter-spacing:calc(.1 * var(--u))}.world-section{padding-top:calc(15 * var(--u))}.world-section .section-head{height:calc(57 * var(--u));padding:0 calc(4 * var(--u)) calc(10 * var(--u))}.world-section .section-head p{font-size:calc(12 * var(--u));letter-spacing:calc(.8 * var(--u));line-height:1.5}.pill{background:#ffffffed;border:1px solid #6b9aca;padding:calc(5 * var(--u)) calc(20 * var(--u));border-radius:99px;font-size:calc(10 * var(--u));white-space:nowrap}.pill span{margin-left:9px}.pill:hover{background:#e3f4ff;transform:translateY(-2px)}.scene-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 8 * 5 * var(--u)) / 9);gap:calc(5 * var(--u));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8dbdee transparent;padding:0 0 calc(3 * var(--u));scroll-padding-inline:5px}.scene-card{padding:0;display:block;background:#f8fcffe0;border-radius:calc(13 * var(--u));overflow:hidden;min-width:0;min-height:calc(202 * var(--u));transition:transform .3s,box-shadow .3s;text-align:center}.scene-card>img{width:100%;aspect-ratio:3/4;object-fit:cover;border:2px solid #fff;border-radius:calc(13 * var(--u));transition:transform .55s;transform-origin:center}.scene-card:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #91caff,0 8px 18px #276aad24}.scene-card:hover>img{transform:scale(1.025)}.scene-copy{display:block;padding:calc(5 * var(--u)) calc(4 * var(--u)) calc(8 * var(--u))}.scene-copy strong{display:block;font-size:calc(13 * var(--u));font-weight:850;line-height:1.3;white-space:nowrap}.scene-copy>span{display:block;color:#6585b7;font-size:calc(10 * var(--u));line-height:1.45;max-width:8em;margin:calc(4 * var(--u)) auto 0}.stats-bar{display:flex;align-items:center;height:calc(80 * var(--u));border-radius:calc(14 * var(--u));margin-top:calc(15 * var(--u));margin-bottom:calc(1 * var(--u));padding-inline:calc(16 * var(--u))}.stats-bar>div{display:flex;align-items:center;width:20%;gap:calc(10 * var(--u));position:relative;padding-inline:calc(8 * var(--u))}.stats-bar>div+div:before{content:"";position:absolute;left:-7px;height:32px;width:1px;background:#bedaf3b0}.stats-bar strong{display:block;font-size:calc(15 * var(--u));font-weight:850;white-space:nowrap;line-height:1.3}.stats-bar p>span{display:block;font-size:calc(10 * var(--u));color:#6481b3;margin-top:calc(3 * var(--u))}.stats-tagline{font-size:calc(20 * var(--u));transform:rotate(-10deg);text-align:right;margin-left:auto;white-space:nowrap}.stats-bar .orb{width:calc(42 * var(--u));height:calc(42 * var(--u))}
.about-section{display:grid;grid-template-columns:3.55fr 1fr;gap:calc(3 * var(--u));height:calc(180 * var(--u));margin-top:calc(1 * var(--u))}.about-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid white;border-radius:calc(12 * var(--u));background:linear-gradient(115deg,#aaceff,#d2e8ff 60%,#b0d6ff)}.about-title{position:absolute;left:calc(20 * var(--u));top:calc(18 * var(--u));width:27%}.about-title>p{font-size:calc(12 * var(--u));margin-bottom:calc(10 * var(--u))}.about-title h2{font-size:calc(23 * var(--u));line-height:1.3;white-space:nowrap}.about-title>span{display:block;font-size:calc(9 * var(--u));letter-spacing:.7px;line-height:1.35;margin-top:calc(12 * var(--u))}.about-description{position:absolute;top:calc(44 * var(--u));left:28%;width:33%;padding-left:calc(13 * var(--u));border-left:1px solid #629de8;z-index:3;font-size:calc(10 * var(--u));line-height:1.55}.about-description strong{font-size:calc(11 * var(--u))}.about-description p{margin-top:calc(3 * var(--u))}.navy-button{margin-top:calc(10 * var(--u));font-size:calc(10 * var(--u));color:white;background:linear-gradient(110deg,#0d448a,#113c76);border-radius:99px;padding:calc(4 * var(--u)) calc(21 * var(--u));white-space:nowrap}.navy-button span{margin-left:8px}.sleeping-bear{position:absolute;right:-1%;bottom:-6%;width:43%;z-index:1}.about-note{position:absolute;right:calc(20 * var(--u));top:calc(22 * var(--u));font-size:calc(15 * var(--u));transform:rotate(-9deg);z-index:3}.values-card{border-radius:calc(12 * var(--u));padding:calc(13 * var(--u));display:flex;flex-direction:column;justify-content:space-between}.values-card>div{display:flex;align-items:center;gap:calc(10 * var(--u))}.values-card .orb{width:calc(36 * var(--u));height:calc(36 * var(--u));font-size:calc(15 * var(--u))}.values-card p{font-size:calc(10 * var(--u));line-height:1.4;color:#6586b8}.values-card strong{display:block;color:var(--navy);font-size:calc(11 * var(--u));margin-bottom:2px}.values-card span{display:block}.choices-section{height:calc(127 * var(--u));padding-top:calc(15 * var(--u))}.choices-section .section-head{height:calc(34 * var(--u))}.choices-section h2{font-size:calc(21 * var(--u))}.choices-section .brush{font-size:calc(15 * var(--u));transform:rotate(-8deg)}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(12 * var(--u));height:calc(78 * var(--u))}.choice-grid article{display:flex;align-items:center;gap:calc(13 * var(--u));background:#ffffffbf;border:1px solid #fff;border-radius:calc(16 * var(--u)) calc(16 * var(--u)) 0 0;padding-inline:calc(17 * var(--u))}.choice-grid .orb{width:calc(49 * var(--u));height:calc(49 * var(--u));font-size:calc(21 * var(--u))}.choice-grid p{font-size:calc(10 * var(--u));color:#6684b2;line-height:1.5}.choice-grid strong{display:block;font-size:calc(12 * var(--u));color:var(--navy);margin-bottom:calc(3 * var(--u))}.gold{background:#fff6e8;color:#ffb753}.pink{background:#ffedf4;color:#f188a6}
.cosmic-banner{position:relative;isolation:isolate;overflow:hidden;height:calc(140 * var(--u));background:#052450;color:white}.cosmic-art{position:absolute;inset:-1%;z-index:-3;background:url('assets/cosmic.webp') center 58%/cover no-repeat}.cosmic-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 55% 60%,#b1dcff55,transparent 60%)}.cosmic-copy{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 calc(33 * var(--u))}.cosmic-copy h2{font-size:calc(35 * var(--u));line-height:.93;transform:rotate(-9deg);font-weight:400;letter-spacing:0}.cosmic-copy>div>p{font-size:calc(9 * var(--u));letter-spacing:.5px;line-height:1.3;text-align:center;margin-top:calc(13 * var(--u));margin-left:calc(55 * var(--u))}.cosmic-copy>.brush{font-size:calc(23 * var(--u));transform:rotate(-10deg);align-self:end;margin-bottom:calc(25 * var(--u))}.cosmic-stars{position:absolute;inset:0;pointer-events:none;z-index:-1}.cosmic-stars i{position:absolute;left:28%;top:20%;font-size:10px;font-style:normal}.cosmic-stars i:nth-child(2){left:77%;top:13%;font-size:7px}.cosmic-stars i:nth-child(3){left:65%;top:77%;font-size:8px}
.news-section{height:calc(138 * var(--u));padding-top:calc(10 * var(--u))}.news-section .section-head{height:calc(30 * var(--u));padding-inline:calc(4 * var(--u))}.news-section h2{font-size:calc(18 * var(--u))}.text-link{font-size:calc(10 * var(--u));padding:0}.text-link:hover{text-decoration:underline}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(9 * var(--u))}.news-card{height:calc(86 * var(--u));border-radius:calc(13 * var(--u));padding:calc(5 * var(--u));background:#ffffffe0;display:flex;gap:calc(10 * var(--u));text-align:left;transition:transform .25s,box-shadow .25s}.news-card:hover{transform:translateY(-3px);box-shadow:0 7px 15px #2d7ec51c}.news-card>img,.coming-thumb{width:42%;height:100%;object-fit:cover;border-radius:calc(8 * var(--u));flex-shrink:0}.news-card:nth-child(2)>img{background:linear-gradient(135deg,#c2deff,#f3f9ff);object-fit:contain}.news-card>span:not(.coming-thumb){min-width:0;padding-top:calc(1 * var(--u));display:block}.news-card strong{display:block;font-size:calc(12 * var(--u));line-height:1.2}.news-card small{display:block;font-size:calc(9 * var(--u));line-height:1.35;color:#6387b8;margin-top:calc(4 * var(--u))}.news-card em{display:block;font-style:normal;font-size:calc(9 * var(--u));color:#7e9cc3;margin-top:calc(8 * var(--u))}.coming-thumb{background:linear-gradient(#9bcdff44,#d9eeff55),url('assets/hero-world.webp') center/cover;display:grid;place-items:center;color:white;font-size:calc(14 * var(--u));font-weight:700;white-space:nowrap;text-shadow:0 1px 3px #4d9de3}
.download-section{display:grid;grid-template-columns:1fr 2fr;border-radius:calc(14 * var(--u));overflow:hidden;margin-bottom:calc(16 * var(--u));background:#e3f1ff;min-height:calc(206 * var(--u));border:1px solid white;position:relative;isolation:isolate}.download-info{padding:calc(20 * var(--u));z-index:2;background:linear-gradient(90deg,#f0f8ff,#e6f2ff)}.tiny-label{font-size:calc(9 * var(--u));letter-spacing:1px;color:#528bba}.download-info h2{font-family:var(--brush);font-size:calc(28 * var(--u));font-weight:400;line-height:1.1;margin-top:calc(8 * var(--u))}.download-info p{font-size:calc(11 * var(--u));margin-top:calc(8 * var(--u));color:#5178a3}.download-actions{display:flex;gap:calc(6 * var(--u));margin-top:calc(13 * var(--u));flex-wrap:wrap}.download-actions button{font-size:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));background:#17599b;color:white;border-radius:7px;white-space:nowrap}.download-actions button:hover{background:#1e73c6}.download-picture{height:100%;position:relative;min-width:0;overflow:hidden}.download-picture img{width:100%;height:100%;object-fit:cover}.download-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e6f2ff,transparent 10%);pointer-events:none}
footer{background:#f5fbffe8;min-height:calc(80 * var(--u));padding:calc(12 * var(--u)) 0}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:calc(14 * var(--u))}.footer-main .brand img{width:calc(30 * var(--u));height:calc(30 * var(--u));align-self:start}.footer-main .brand strong{font-size:calc(13 * var(--u));letter-spacing:-.5px}.footer-main .brand small{font-size:calc(5 * var(--u))}.footer-main .brand em{display:block;font-size:calc(8 * var(--u));font-style:normal;margin-top:calc(7 * var(--u))}.footer-center{text-align:center}.footer-center nav{display:flex;align-items:center;justify-content:center;font-size:calc(9 * var(--u));gap:calc(13 * var(--u))}.footer-center nav>*+*{border-left:1px solid #c4daf0;padding-left:calc(13 * var(--u))}.footer-center nav button{font-size:inherit;padding-block:0;padding-right:0}.footer-center p{font-size:calc(7 * var(--u));margin-top:calc(12 * var(--u));color:#7394b6;letter-spacing:.1px}.footer-contact{font-size:calc(10 * var(--u));text-align:right;position:relative}.footer-contact>button{font-size:calc(9 * var(--u));display:flex;align-items:center;gap:4px;margin-left:auto;margin-top:calc(4 * var(--u));color:#5686b6}.footer-contact .icon{width:12px;height:12px}#copy-feedback{position:absolute;right:0;top:100%;font-size:9px;white-space:nowrap;color:#1572b7}
.scene-dialog{border:1px solid #fff;border-radius:24px;padding:0;width:min(950px,calc(100% - 40px));max-height:calc(100dvh - 32px);background:#f5faff;color:var(--navy);box-shadow:0 20px 100px #041e5166;overflow:auto}.scene-dialog::backdrop{background:#0d2e60a8;backdrop-filter:blur(5px)}.dialog-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:490px}.dialog-art{display:flex;align-items:center;justify-content:center;background:#e3f0fc;position:relative;touch-action:pan-y}.dialog-art img{width:100%;height:100%;max-height:calc(100dvh - 34px);object-fit:contain}.dialog-art.changing img{opacity:.35}.dialog-close{position:absolute;z-index:3;right:13px;top:13px;width:42px;height:42px;border-radius:50%;background:#fffffff2;display:grid;place-items:center;box-shadow:0 2px 12px #19487822}.dialog-close .icon{width:20px;height:20px}.dialog-copy{padding:60px 35px 35px;display:flex;flex-direction:column;justify-content:center}.dialog-kicker{font-size:11px;letter-spacing:1px;color:#4c89bd}#scene-theme{font-size:12px;color:#3288cd;margin-top:24px}#scene-title{font-size:32px;line-height:1.3;margin-top:7px}#scene-quote{font-size:18px;color:#2465a1;line-height:1.6;margin-top:16px}#scene-description{font-size:15px;line-height:1.9;color:#6180a3;margin-top:18px}#info-extra{font-size:15px;color:#4877a7;margin-top:15px}#info-extra a{text-decoration:underline;overflow-wrap:anywhere}.scene-controls{display:flex;gap:12px;margin-top:25px}.scene-controls button{background:#e0effc;border-radius:12px;padding:12px 18px;font-size:14px}.scene-controls button:last-child{background:#2084e7;color:white}.scene-dots{display:flex;gap:4px;margin-top:17px}.scene-dots button{width:28px;height:30px;position:relative}.scene-dots button:after{content:"";position:absolute;width:6px;height:6px;top:12px;left:11px;border-radius:20px;background:#b5cee5}.scene-dots button[aria-current=true]:after{width:18px;left:5px;background:#2387df}#dialog-help{font-size:11px;color:#809cb5;margin-top:9px}#image-status{position:absolute;bottom:12px;left:12px;right:12px;font-size:13px;text-align:center;background:#ffffffdb}.info-only .dialog-layout{display:block;min-height:0}.info-only{max-width:580px}.info-only .dialog-art{display:none}.info-only .dialog-copy{padding:52px 40px 38px}.scene-dialog [hidden]{display:none!important}.scene-dialog.closing{opacity:0;transform:translateY(10px) scale(.985);transition:opacity .16s,transform .16s}
@media(min-width:1600px){header{left:calc((100% - 1536px)/2);right:calc((100% - 1536px)/2)}}
@media(max-width:800px){.desktop-nav{gap:8px;margin-left:10px}.future{margin-left:0}.nav-row{gap:12px}.scene-rail{grid-auto-columns:110px;gap:6px}.scene-card{min-height:228px}.scene-copy strong{font-size:14px}.scene-copy>span{font-size:11px}.scene-copy{padding:7px}.world-section{padding-bottom:5px}.sky-world{padding-bottom:1px}.about-section{height:170px}.about-title h2{font-size:17px}.about-title>p{font-size:11px}.about-description{font-size:9px}.about-description strong{font-size:10px}.values-card p{font-size:9px}.stats-bar strong{font-size:11px}.stats-tagline{font-size:14px}.choice-grid{gap:8px}.choice-grid article{padding:10px;gap:8px}.choice-grid .orb{width:34px;height:34px}.choice-grid strong{font-size:11px}.choice-grid p{font-size:9px}}
@media(max-width:700px){:root{--u:1px;scroll-padding-top:74px}.shell{width:calc(100% - 28px)}header{height:64px}.brand img{width:38px;height:38px}.brand strong{font-size:14px;letter-spacing:0}.brand small{font-size:5.8px}.desktop-nav,.future{display:none}.nav-row{gap:8px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:36px;height:36px;margin-left:auto;border:1px solid #fff6;border-radius:10px;background:#ffffff30}.menu-toggle span{width:18px;height:2px;background:currentColor}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 14px;padding:12px;background:#f4fbff;color:#1c548c;border-radius:13px;box-shadow:0 8px 30px #154a7833}#mobile-nav a{font-size:13px;padding:9px 4px;text-align:center}#mobile-nav a[aria-current]{background:#dcefff;border-radius:7px}.hero{height:565px}.sky-landscape{height:630px;background-position:57% center}.sky-world:before{top:420px;background-position:58% center}.hero-content{padding-top:81px}.esports>div{gap:7px}.esports img{width:30px;height:30px}.esports strong{font-size:18px;letter-spacing:2px}.esports p{font-size:10px;letter-spacing:1px}.hero h1{font-size:43px;width:290px;margin-top:26px;line-height:1;letter-spacing:-1px}.hero h1 i{left:245px;font-size:17px}.hero-english{font-size:8px;width:180px;margin-top:15px}.hero-release{gap:7px;margin-top:14px}.hero-release a{width:117px;height:38px;font-size:12px}.hero-release span{font-size:9px}.hero-character{top:auto;bottom:3%;left:24%;width:65%;max-width:360px}.whale{left:56%;top:11%;width:42%;opacity:.9}.train-group{left:64%;top:51%;width:45%}.greeting{top:66%;left:15%;font-size:16px}.belief{top:94px;right:20px;font-size:10px;letter-spacing:2px;display:none}.near-cloud{bottom:-8%;width:150%;left:-25%;opacity:.4}.far-cloud{top:28%;width:60%}.bubbles i:nth-child(n+4),.sparkles i:nth-child(n+2){display:none}.world-light{inset:0 0 35% 20%}.brand-bar{height:106px;padding:10px 0;border-radius:15px}.feature{width:25%;padding:0 2px}.feature .orb{width:34px;height:34px;font-size:16px}.feature p strong{font-size:12px;margin-top:5px}.feature p span{font-size:9px;max-width:7em;margin:3px auto 0}.bar-tagline{display:none}.brand-bar:after{display:none}.world-section{padding-top:17px}.world-section .section-head{height:61px;padding-inline:0;gap:5px}.world-section h2{font-size:21px}.world-section .section-head p{font-size:10px;letter-spacing:0;margin-top:3px}.pill{font-size:10px;padding:5px 9px}.pill span{margin-left:3px}.scene-rail{grid-auto-columns:111px;gap:6px;padding-top:3px;padding-bottom:8px}.scene-card{min-height:224px}.scene-card>img{border-radius:12px}.scene-copy strong{font-size:14px}.scene-copy>span{font-size:11px}.stats-bar{height:auto;min-height:106px;padding:12px 8px;display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:9px;border-radius:14px}.stats-bar>div{width:auto;gap:7px;padding:0}.stats-bar .orb{width:31px;height:31px;font-size:14px}.stats-bar strong{font-size:12px}.stats-bar p>span{font-size:9px;margin-top:0}.stats-bar>div+div:before{display:none}.stats-tagline{display:none}.about-section{height:auto;margin-top:12px;display:block}.about-card{height:222px;border-radius:12px}.about-title{left:15px;top:15px;width:50%}.about-title>p{font-size:11px;margin-bottom:6px}.about-title h2{font-size:21px}.about-title>span{font-size:8px;margin-top:8px}.about-description{left:15px;top:130px;width:57%;font-size:9px;border:0;padding:0}.about-description strong{font-size:10px}.about-description p{margin-top:2px}.navy-button{margin-top:7px;font-size:10px;padding:4px 17px}.sleeping-bear{width:55%;right:-7%;bottom:1%}.about-note{font-size:14px;right:15px;top:25px}.values-card{margin-top:6px;border-radius:12px;padding:12px 10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.values-card>div{display:block;text-align:center}.values-card .orb{width:30px;height:30px;font-size:13px;margin:0 auto 5px;display:flex}.values-card strong{font-size:12px}.values-card p{font-size:10px}.choices-section{height:auto;padding-top:15px;padding-bottom:12px}.choices-section .section-head{height:35px}.choices-section h2{font-size:19px}.choices-section .section-head>.brush{display:none}.choice-grid{grid-template-columns:repeat(2,1fr);gap:7px;height:auto}.choice-grid article{border-radius:13px;padding:13px 9px;gap:8px;min-height:72px}.choice-grid .orb{width:34px;height:34px;font-size:17px}.choice-grid strong{font-size:12px}.choice-grid p{font-size:10px}.cosmic-banner{height:142px}.cosmic-copy{width:calc(100% - 32px);padding:0}.cosmic-copy h2{font-size:25px}.cosmic-copy>div>p{font-size:6px;margin-left:20px;margin-top:10px}.cosmic-copy>.brush{font-size:15px;margin-bottom:18px}.cosmic-art{background-position:center;background-size:auto 100%}.news-section{height:auto;padding-top:12px;padding-bottom:14px}.news-section .section-head{height:32px}.news-section h2{font-size:18px}.text-link{font-size:10px}.news-grid{grid-template-columns:1fr;gap:7px}.news-card{height:91px;padding:5px;gap:12px;border-radius:12px}.news-card>img,.coming-thumb{width:35%;border-radius:8px}.news-card strong{font-size:13px;margin-top:3px}.news-card small{font-size:11px;margin-top:5px}.news-card em{font-size:10px;margin-top:8px}.coming-thumb{font-size:13px}.download-section{display:flex;flex-direction:column-reverse;min-height:0;margin-bottom:14px}.download-picture{aspect-ratio:2.9;height:auto;width:100%}.download-info{padding:15px 19px;background:#eef7ff}.download-info h2{font-size:28px}.download-info h2 br{display:none}.download-info p{font-size:12px;margin-top:6px}.download-actions{margin-top:12px;gap:10px}.download-actions button{font-size:12px;padding:9px 11px}.tiny-label{font-size:9px}.footer-main{flex-wrap:wrap;gap:16px}footer{padding:18px 0 22px}.footer-main .brand img{width:34px;height:34px}.footer-main .brand strong{font-size:14px}.footer-main .brand small{font-size:5.5px}.footer-main .brand em{font-size:9px}.footer-center{order:3;width:100%}.footer-center nav{font-size:11px;gap:12px}.footer-center nav>*+*{padding-left:12px}.footer-center p{font-size:8px;margin-top:12px}.footer-contact{font-size:12px;text-align:left}.footer-contact>button{font-size:11px;margin-left:0;display:inline-flex}#copy-feedback{font-size:10px;left:0;right:auto;top:auto;position:relative}.scene-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.dialog-layout{display:block;min-height:0}.dialog-art{height:48dvh;min-height:230px}.dialog-art img{max-height:none}.dialog-close{position:fixed;top:18px;right:18px;width:38px;height:38px}.dialog-copy{padding:22px}.dialog-kicker{font-size:10px}#scene-theme{margin-top:12px}#scene-title{font-size:28px}#scene-quote{font-size:16px;margin-top:10px}#scene-description{font-size:14px;margin-top:12px}.scene-controls{margin-top:19px;justify-content:space-between}.scene-controls button{font-size:14px;padding:11px 16px}.scene-dots{justify-content:center;margin-top:10px}#dialog-help{text-align:center}.info-only .dialog-copy{padding:50px 25px 27px}}
@media(max-width:360px){.hero h1{font-size:39px}.hero h1 i{left:225px}.hero-character{left:21%;width:72%}.hero-release a{width:107px}.hero{height:560px}.world-section h2{font-size:19px}.world-section .section-head p{font-size:9px}.pill{font-size:9px;padding:5px 7px}.about-title h2{font-size:19px}.about-note{right:10px}.about-description{font-size:8.5px}.download-info h2{font-size:25px}}
.sky-landscape{height:calc(448 * var(--u));mask-image:linear-gradient(#000 78%,transparent)}
.sky-world:before{background-image:url('assets/sky-depth.webp');background-position:center 38%}
.scene-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.scene-copy>span{max-width:none;letter-spacing:-.15px}
.orb .icon{fill:#258dff;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 2px 2px #1978eb33)}
.orb.gold .icon{fill:#ffbf62;stroke:#fff}.orb.pink .icon{fill:#f496b0;stroke:#fff}
.sleeping-bear{width:48%;height:100%;right:-1%;bottom:0;object-fit:cover;object-position:62% center;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.train-group{left:63%;top:49%;width:34%}
.hero-character{left:34%;top:28.5%;width:45%}
.hero-character>img:first-child{width:100%}
.greeting{left:38%;top:69%}
@media(max-width:700px){.sky-landscape{height:630px}.train-group{left:64%;top:51%;width:45%}.sleeping-bear{width:53%;height:78%;bottom:0;right:-4%;object-position:60% center;mask-image:linear-gradient(90deg,transparent,#000 20%)}.scene-card{min-height:224px}}
@media(max-width:700px){.hero-character{top:auto;bottom:0;left:7%;width:96%;max-width:430px}.sleeping-bear{object-fit:contain;object-position:center bottom}.greeting{left:15%;top:66%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.scene-card:hover,.news-card:hover{transform:none}.scene-card:hover>img{transform:none}}