@charset "UTF-8";
:root{--blue:#8bcdf2;--ink:#172e3c;--coral:#fa624d;--yellow:#f9e66c;--cream:#fffdf4;--line:#18334425;--font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font:14px/1.7 var(--font);color:var(--ink);background:var(--cream)}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad2e37;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;background:var(--blue)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--yellow);font-size:27px;font-weight:800;border-radius:15px 15px 6px 15px;transform:rotate(-8deg)}.brand b{font-size:23px;line-height:1.3;letter-spacing:1px}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:1.8px;margin-top:5px}.topbar nav{display:flex;gap:35px;font-size:12px;font-weight:600}.topbar nav a:hover{text-decoration:underline;text-underline-offset:7px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 27px;min-height:48px;border:0;border-radius:100px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-3px);box-shadow:0 5px 0 #172e3c20}.pill.dark{background:var(--ink);color:var(--cream)}.pill.coral{background:var(--coral);color:var(--ink);min-height:60px;padding:17px 29px}.pill.coral span{font-size:9px;letter-spacing:1px;border-left:1px solid #172e3c44;padding-left:22px}.pill.light{background:var(--cream);color:var(--ink)}.pill.outline{border:1px solid var(--ink);background:transparent}.overline{display:block;font-size:10px;letter-spacing:2px;font-weight:600}.overline i{display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:9px}.play-hero{position:relative;display:grid;grid-template-columns:1fr 1.2fr;background:var(--blue);padding:30px 6% 125px;gap:10px;min-height:750px;overflow:hidden}.hero-copy{padding-top:45px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(64px,7.5vw,110px);font-weight:900;line-height:1.09;letter-spacing:-5px;margin:26px 0 24px}.hero-copy h1 span{color:var(--cream);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero-copy h1 em{font-style:normal;display:inline-block;color:var(--coral);transform:rotate(12deg);margin-left:5px}.hero-copy>p{font-size:13px;line-height:2;color:#32556a;margin-bottom:27px}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:10px;margin-top:25px;color:#3b6275}.tiny-flower{font-size:27px;line-height:1;color:var(--ink)}.play-stage{position:relative;min-width:0;min-height:570px;isolation:isolate}.stage-word{position:absolute;top:-20px;right:-25px;font-size:clamp(90px,12vw,190px);font-weight:950;line-height:1;color:#ffffff2e;letter-spacing:-10px;transform:rotate(8deg);z-index:-3}.sun-disc{position:absolute;width:380px;height:380px;background:var(--yellow);border-radius:50%;left:50%;top:55px;transform:translateX(-50%);z-index:-2;transition:background .35s}.play-stage[data-character="1"] .sun-disc{background:#ffc4af}.play-stage[data-character="2"] .sun-disc{background:#c5b8fa}.cloud{position:absolute;background:var(--cream);width:95px;height:30px;border-radius:40px;z-index:-1}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;bottom:10px;width:40px;height:40px;left:14px}.cloud:after{left:45px;width:30px;height:30px}.cloud-one{left:5%;top:130px;transform:rotate(-10deg)}.cloud-two{right:-10px;top:255px;transform:scale(.7)}.orbit-dot{position:absolute;border-radius:50%;background:var(--coral)}.dot-one{height:14px;width:14px;top:77px;left:14%}.dot-two{height:9px;width:9px;top:365px;right:5%}.speech{position:absolute;top:75px;right:1%;border:2px solid var(--ink);background:var(--cream);border-radius:50%;padding:17px 21px;font-size:14px;font-weight:700;transform:rotate(9deg);z-index:3;box-shadow:3px 4px 0 var(--ink)}.stage-pet{position:absolute;left:50%;top:60px;transform:translateX(-50%) rotate(-6deg);height:340px;width:80%;object-fit:contain;filter:drop-shadow(12px 18px 1px #1f435b20);transition:transform .3s}.stage-pet:hover{transform:translateX(-50%) rotate(2deg) translateY(-8px)}.pet-platform{position:absolute;top:365px;left:50%;transform:translateX(-50%) rotate(-5deg);width:310px;height:50px;border-radius:50%;background:#6eaaca;z-index:-1}.floating-label{position:absolute;top:350px;left:5%;font-size:11px;font-weight:600;background:var(--cream);border:1.5px solid var(--ink);padding:7px 15px;border-radius:5px;transform:rotate(-10deg);z-index:2}.stage-caption{position:absolute;top:430px;left:0;right:0;text-align:center}.stage-caption>span{font-size:8px;letter-spacing:2px;display:block}.stage-caption b{font-size:23px;display:block;margin-top:4px}.stage-caption p{font-size:11px;color:#32556a;margin-top:4px}.buddy-selector{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;width:max-content}.buddy-selector button{display:flex;align-items:center;gap:8px;padding:9px 16px;background:#ffffff40;border:1.5px solid transparent;border-radius:20px;color:var(--ink);min-height:60px}.buddy-selector img{height:40px;width:38px;object-fit:contain}.buddy-selector span{font-size:11px;white-space:nowrap;font-weight:600}.buddy-selector button.selected{background:var(--cream);border-color:var(--ink);box-shadow:0 4px 0 var(--ink)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-around;gap:22px;padding:17px 4%;font-size:20px;font-weight:800;transform:rotate(-1.5deg) scale(1.015);transform-origin:center;white-space:nowrap}.hero-bottom b{font-size:28px;font-weight:400}.hero-bottom .bottom-en{font-size:13px;letter-spacing:1px}.island-section{max-width:1440px;margin:auto;padding:110px 6% 85px}.island-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:25px;align-items:start;margin-bottom:40px}.island-heading .overline{font-size:8px;line-height:2;color:#57747e}.island-heading h2{font-size:38px;font-weight:800;line-height:1.35;letter-spacing:-1px}.island-heading h2 span{color:#2a8aaf}.island-heading>p{font-size:12px;color:#64808a;align-self:end;justify-self:end}.island-window{position:relative;height:420px;border-radius:150px 25px 25px 25px;overflow:hidden;background:#7cc6e7}.island-window>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.window-label{position:absolute;left:35px;bottom:25px;color:var(--ink);background:var(--cream);border-radius:50px;padding:9px 19px;font-size:11px}.island-postit{position:absolute;right:28px;top:25px;background:var(--yellow);width:148px;height:148px;border-radius:50%;display:grid;place-content:center;font-size:19px;line-height:1.6;font-weight:700;transform:rotate(10deg);text-align:center}.activity-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.activity-row>div{border-top:2px solid var(--ink);padding-top:18px}.activity-row span{font-size:9px;letter-spacing:1px;color:#64808a}.activity-row h3{font-size:23px;margin:10px 0}.activity-row p{font-size:11px;color:#64808a}.play-help{padding:65px 8%;background:#efeafa;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.help-title .overline{font-size:9px;color:#675b80}.help-title h2{font-size:36px;line-height:1.4;margin-top:18px;letter-spacing:-1px}.help-title img{height:150px;width:150px;object-fit:contain;transform:rotate(-8deg);margin:25px 0 -10px}.questions details{border-top:1px solid #63597255}.questions details:last-of-type{border-bottom:1px solid #63597255}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:14px;font-weight:600;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';font-size:22px;line-height:1}.questions details[open] summary:after{content:'−'}.questions details p{font-size:12px;line-height:2;color:#70677d;padding:0 25px 23px 0}.questions .pill{margin-top:30px}.questions a:not(.pill){text-decoration:underline}.play-finale{background:var(--coral);position:relative;display:flex;align-items:center;justify-content:space-between;padding:55px 8%;gap:30px;overflow:hidden}.play-finale>span{font-size:100px;line-height:1;color:var(--yellow);transform:rotate(10deg)}.play-finale h2{font-size:42px;line-height:1.35;letter-spacing:-1px;flex:1}.footer{padding:30px 6%;font-size:10px;color:#677b80;line-height:2.1;background:var(--cream)}.footer strong{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:8px}.footer a{text-decoration:underline;text-underline-offset:3px}
/* A playful arrival screen, with fully preserved authentication forms. */
.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--blue)}.login-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:35px 35px 55px;width:100%;flex:1;align-items:center}.login-play{position:relative;align-self:stretch;padding:25px 0 0;display:flex;flex-direction:column}.login-play .overline{font-size:9px;letter-spacing:2px}.login-play h1{font-size:58px;font-weight:850;letter-spacing:-3px;line-height:1.2;margin:24px 0 0}.login-play h1 span{color:var(--cream);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink)}.login-pet-scene{position:relative;min-height:290px;isolation:isolate;flex:1}.login-pet-scene .sun-disc{width:250px;height:250px;top:35px;left:46%}.login-pet-scene>img{height:275px;width:90%;position:relative;margin:25px auto 0;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(8px 13px 1px #25415622)}.login-pet-scene .speech{font-size:11px;top:35px;right:0;padding:13px 16px}.login-pet-scene .cloud{left:0;top:70px;transform:scale(.65)}.login-spark{position:absolute;left:8px;bottom:25px;font-size:65px;color:var(--coral);line-height:1;transform:rotate(12deg)}.login-play>p{font-size:12px;color:#32556a;line-height:1.9;margin-top:20px}.panel{padding:33px 35px 20px;background:var(--cream);border:2px solid var(--ink);border-radius:32px;box-shadow:9px 10px 0 #172e3c;position:relative}.panel:before{content:'';width:48px;height:10px;border-radius:10px;background:var(--coral);display:block;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:2px;color:#617782}.panel h2{font-size:27px;line-height:1.3;letter-spacing:-1px;margin:12px 0}.sub{font-size:11px;line-height:1.9;color:#6b7a7e;margin:8px 0 20px}.tabs{display:flex;background:#e7edf0;border-radius:30px;padding:5px;margin:25px 0}.tabs button{background:transparent;border:0;flex:1;border-radius:24px;min-height:41px;font-size:12px;color:#718189}.tabs button.active{background:var(--ink);color:var(--cream);font-weight:600}.field{font-size:11px;font-weight:600;display:block;margin:17px 0}.field input{display:block;width:100%;padding:13px 15px;margin-top:8px;border:1.5px solid #c7d3d6;border-radius:13px;min-height:48px;background:white;color:var(--ink);outline:0}.field input:focus{border-color:#297ca7;box-shadow:0 0 0 3px #8bcdf244}.field input::placeholder{font-size:12px;color:#91a0a4;font-weight:400}.agreement{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.8;color:#78868b;margin:22px 0}.agreement input{accent-color:var(--ink);margin:3px 0;width:14px;height:14px;flex-shrink:0}.agreement a{text-decoration:underline;text-underline-offset:3px}.button{border:0;background:var(--coral);color:var(--ink);border-radius:30px;padding:15px 20px;font-size:13px;font-weight:700;min-height:52px;cursor:pointer}.button:hover{background:#f97561}.button:disabled{opacity:.6;cursor:wait}.wide{width:100%}.status{font-size:11px;color:#b63328;min-height:20px;margin:14px 0 0;overflow-wrap:anywhere}.text-btn{border:0;background:transparent;color:var(--ink);font-size:12px;text-decoration:underline;padding:10px;cursor:pointer}#back-login{display:block;margin:8px auto}.modal{max-width:700px;width:90%;border:2px solid var(--ink);border-radius:25px;padding:22px 30px;background:var(--cream);color:var(--ink)}.modal::backdrop{background:#172e3c99}.modal>.text-btn{display:block;margin-left:auto}.modal .content{max-height:65vh;overflow:auto;font-size:13px}.login-page>.footer{background:#8bcdf2;border-top:1px solid #172e3c22;font-size:9px;color:#426a7c;padding-top:24px;padding-bottom:24px}.login-page>.footer strong{font-size:11px}
@media(min-width:1550px){.play-hero{padding-left:max(6%,calc((100vw - 1300px)/2));padding-right:max(6%,calc((100vw - 1300px)/2));grid-template-columns:1fr 1.2fr}.hero-copy h1{font-size:110px}}
@media(max-width:1050px){.topbar{height:90px;padding:20px 4%}.topbar nav{gap:22px}.play-hero{padding:25px 5% 125px;grid-template-columns:1fr 1.1fr;min-height:710px}.hero-copy h1{font-size:76px}.sun-disc{width:300px;height:300px;top:75px}.stage-pet{height:285px;top:75px}.pet-platform{top:325px;width:260px}.floating-label{top:325px;left:0;font-size:9px}.speech{top:55px;right:-5px;font-size:12px;padding:14px}.stage-caption{top:400px}.play-stage{min-height:530px}.buddy-selector{gap:8px;bottom:-25px}.buddy-selector button{padding:8px 12px;gap:5px}.buddy-selector span{font-size:9px}.hero-bottom{font-size:17px;gap:15px}.hero-bottom .bottom-en{font-size:10px}.island-heading{grid-template-columns:1fr 1.5fr}.island-heading>p{grid-column:2;justify-self:start}.island-heading h2{font-size:33px}.play-help{gap:45px;padding:55px 6%}.login-layout{gap:45px;padding-left:5%;padding-right:5%}.login-play h1{font-size:48px}.panel{padding:28px 27px 18px}.panel h2{font-size:24px}}
@media(max-width:700px){.topbar{height:auto;min-height:83px;padding:18px 6%;flex-wrap:wrap;gap:16px}.brand b{font-size:21px}.brand small{font-size:6px;letter-spacing:1px}.brand-symbol{width:36px;height:38px;border-radius:12px 12px 5px 12px;font-size:24px}.topbar .pill{min-height:40px;padding:10px 18px;font-size:11px}.topbar nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #172e3c22;padding-top:12px;font-size:11px}.play-hero{grid-template-columns:1fr;padding:15px 7% 105px;gap:20px}.hero-copy{padding-top:15px}.overline{font-size:8px;letter-spacing:1px}.hero-copy h1{font-size:clamp(62px,16vw,88px);letter-spacing:-4px;margin:20px 0}.hero-copy h1 br{display:none}.hero-copy h1 em{margin-left:0}.hero-copy>p{font-size:12px;margin-bottom:20px}.hero-copy>p br:first-child{display:none}.pill.coral{min-height:52px;padding:14px 24px;font-size:12px}.hero-footnote{font-size:9px;margin-top:18px}.tiny-flower{font-size:22px}.play-stage{min-height:505px}.stage-word{font-size:110px;top:0;right:0;letter-spacing:-5px}.sun-disc{top:60px;width:265px;height:265px}.stage-pet{top:50px;height:270px;width:90%}.speech{top:48px;font-size:10px;right:0;padding:12px 15px}.pet-platform{top:295px;width:235px;height:35px}.floating-label{top:300px;left:0;font-size:9px}.cloud-one{left:-5px;top:130px;transform:scale(.7)}.cloud-two{top:240px;right:-15px;transform:scale(.5)}.dot-one{top:45px;left:10%;width:9px;height:9px}.dot-two{top:285px}.stage-caption{top:355px}.stage-caption b{font-size:21px}.stage-caption p{font-size:10px}.stage-caption>span{font-size:7px}.buddy-selector{bottom:0;gap:8px}.buddy-selector button{min-height:55px;padding:7px 11px;border-radius:17px}.buddy-selector img{width:32px;height:35px}.buddy-selector span{font-size:9px}.hero-bottom{padding:12px 5%;font-size:13px;gap:14px;justify-content:center;transform:rotate(-2deg) scale(1.04)}.hero-bottom b{font-size:20px}.hero-bottom .bottom-en,.hero-bottom b:last-of-type{display:none}.hero-bottom span:nth-of-type(4){display:none}.island-section{padding:65px 6% 55px}.island-heading{display:block;margin-bottom:25px}.island-heading .overline{font-size:7px}.island-heading h2{font-size:31px;margin:17px 0}.island-heading>p{font-size:11px}.island-heading>p br{display:none}.island-window{height:320px;border-radius:80px 18px 18px 18px}.island-window>img{object-position:64% center}.island-postit{width:100px;height:100px;right:14px;top:16px;font-size:13px}.window-label{left:16px;bottom:16px;font-size:10px;padding:7px 14px}.activity-row{grid-template-columns:1fr;gap:22px;margin-top:25px}.activity-row>div{padding:15px 0 0;display:grid;grid-template-columns:80px 1fr;column-gap:10px}.activity-row span{font-size:8px;grid-row:1/3;padding-top:4px}.activity-row h3{font-size:20px;margin:0 0 6px}.activity-row p{font-size:10px}.play-help{grid-template-columns:1fr;gap:30px;padding:40px 6%}.help-title{position:relative}.help-title h2{font-size:28px}.help-title img{position:absolute;right:0;bottom:-5px;height:90px;width:90px;margin:0;opacity:.85}.help-title .overline{font-size:8px}.questions summary{font-size:12px;padding:21px 0}.questions details p{font-size:11px}.questions .pill{font-size:12px;min-height:45px;margin-top:25px}.play-finale{padding:35px 7%;gap:18px;flex-wrap:wrap}.play-finale>span{font-size:60px}.play-finale h2{font-size:27px}.play-finale>.pill{margin-left:78px;font-size:12px;padding:12px 22px;min-height:45px}.footer{font-size:9px;padding:25px 6%}.footer strong{font-size:11px}.login-page .topbar{flex-wrap:nowrap}.login-layout{grid-template-columns:1fr;max-width:500px;gap:28px;padding:20px 7% 45px}.login-play{padding:0;min-height:150px}.login-play .overline{font-size:7px;letter-spacing:1px}.login-play h1{font-size:38px;letter-spacing:-2px;margin-top:17px;position:relative;z-index:2}.login-play>p{font-size:10px;max-width:60%;margin-top:17px}.login-pet-scene{position:absolute;width:140px;height:145px;right:-6px;bottom:0;min-height:0;z-index:0}.login-pet-scene .sun-disc{width:120px;height:120px;top:15px;left:55%}.login-pet-scene>img{height:135px;width:100%;margin:0}.login-pet-scene .speech,.login-pet-scene .cloud,.login-spark{display:none}.panel{border-radius:25px;padding:25px 24px 17px;box-shadow:6px 7px 0 var(--ink)}.panel:before{margin-bottom:20px;width:35px;height:7px}.panel h2{font-size:24px}.panel .eyebrow{font-size:8px}.tabs{margin:21px 0}.field input{font-size:16px;padding:12px 14px}.agreement{font-size:10px}.modal{padding:18px 22px;border-radius:20px}.login-page>.footer{font-size:9px}}
@media(max-width:370px){.hero-copy h1{font-size:57px;letter-spacing:-4px}.buddy-selector{gap:6px}.buddy-selector button{padding:7px 8px}.buddy-selector img{width:27px}.hero-bottom{gap:12px}.sun-disc{width:235px;height:235px}.login-play h1{font-size:34px}.login-pet-scene{width:115px;right:-8px}.panel{padding-left:20px;padding-right:20px}.panel h2{font-size:21px}.help-title h2{font-size:25px}.help-title img{height:75px;width:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-copy h1 br{display:block}.play-finale{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px 18px}.play-finale>.pill{grid-column:2;justify-self:start;margin-left:0}.play-finale h2{font-size:27px}}