*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:#352042;background:#fffaf3;font-family:Tahoma,Arial,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}header,main,footer{max-width:1360px;margin:auto}header{padding:12px 6%;display:flex;justify-content:space-between;align-items:center}.brand img{width:100px;border-radius:24px}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:bold}#language{border:1px solid #c8addc;border-radius:30px;padding:8px 20px;background:#fff;cursor:pointer}.hero{padding:35px 6% 80px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.eyebrow{color:#7a4de0;font-size:12px;letter-spacing:1px;font-weight:bold}h1{font-size:clamp(50px,5.6vw,78px);line-height:1.4;letter-spacing:-2px;color:#58217e;margin:18px 0 25px;max-width:570px}h2{font-size:37px;line-height:1.5;letter-spacing:-1px;margin:10px 0 20px}h3{font-size:26px;line-height:1.6}.lead{font-size:18px;max-width:650px}.button{display:inline-flex;align-items:center;gap:30px;padding:14px 24px;margin-top:14px;background:#6a2daa;color:white;font-weight:bold;border-radius:35px;box-shadow:0 5px 0 #482069}.button:hover{background:#552383}.status{font-size:13px;color:#716177;margin-top:23px}.hero-art{position:relative;background:#efd9f8;border-radius:46% 44% 47% 41%;padding:20px;transform:rotate(-3deg);box-shadow:14px 15px 0 #ffcd3d}.portrait{aspect-ratio:1;background-size:300% 200%;background-position:left top;background-repeat:no-repeat;border-radius:45% 45% 30% 30%;overflow:hidden;background-color:#ffe9cd}.hero-zuzu,.zuzu{background-image:url('/assets/zuzu.webp')}.fufu{background-image:url('/assets/fufu.webp')}.shokululu{background-image:url('/assets/shokululu.webp')}.samboosa{background-image:url('/assets/samboosa.webp')}.hala{background-image:url('/assets/hala.webp')}.hero-zuzu{border-radius:45%;transform:rotate(3deg)}.star{position:absolute;color:#ffbe21;font-size:70px;line-height:1;text-shadow:2px 2px #7a4de0}.s1{top:-20px;right:5px}.s2{bottom:15px;left:-18px;font-size:100px}.hello{position:absolute;bottom:-10px;right:20px;padding:8px 24px;border-radius:30px;background:white;color:#6a2daa;font-size:19px;box-shadow:0 3px 12px #50206018;transform:rotate(4deg)}.show,.friends{padding:75px 6%}.show{border-top:2px dashed #e2d0ec;background:linear-gradient(#fffaf3,#f5efdf)}.section-title{margin-bottom:35px;max-width:780px}.show-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.show-grid figure{margin:0}.show-grid img{border-radius:28px;display:block;border:8px solid white;box-shadow:0 8px 30px #543d6114}.show-grid figcaption{font-size:12px;text-align:center;color:#75647a;margin-top:12px}.show-grid p{font-size:16px}.friend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.friend-grid article{text-align:center}.friend-grid h3{font-size:21px;color:#602a8b;margin:17px 0 5px}.friend-grid p{font-size:13px;line-height:1.9;margin:0;color:#6f5f73}.episode{margin:20px 6% 70px;background:#4a206b;border-radius:35px 90px 35px 35px;padding:60px 7%;color:white;display:grid;grid-template-columns:1fr 180px;gap:35px;align-items:center;overflow:hidden}.episode .eyebrow{color:#ffcf3e}.episode h2{font-size:45px}.episode p{max-width:670px}.release-note{border-top:1px solid #85549b;padding-top:22px;font-size:14px;color:#f3e7ff}.ball{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff90a4,#d93270 70%);border:5px dashed #ffbdd3;display:grid;place-items:center;color:#ffc947;font-size:65px;transform:rotate(15deg);box-shadow:15px 17px 0 #321748}.mission{padding:50px 12% 70px;text-align:center;max-width:1080px;margin:auto}.mission h2{font-size:38px;color:#612586}.mission>p:last-child{font-size:18px}.future{padding:55px 12%;background:#f3e7ff;text-align:center}.future h2{font-size:29px}.future p{max-width:700px;margin:20px auto;font-size:15px}footer{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#715b7b}footer img{border-radius:15px}a:focus-visible,button:focus-visible{outline:3px solid #a465ee;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}html[lang=en] h1{line-height:1.1;font-size:clamp(50px,5.9vw,80px)}html[lang=en] h2{line-height:1.25}html[lang=en] p{line-height:1.8}@media(max-width:900px){.hero{gap:30px}.hero-art{padding:12px}h1{font-size:54px}.show-grid{grid-template-columns:1fr;gap:20px}.friend-grid{grid-template-columns:repeat(3,1fr);row-gap:35px}.episode{grid-template-columns:1fr 130px;padding:45px 7%}}@media(max-width:600px){header{padding:8px 6%}.brand img{width:77px}nav{gap:12px}nav>a{display:none}#language{padding:7px 15px;font-size:12px}.hero{grid-template-columns:1fr;padding:20px 7% 65px;gap:40px}h1{font-size:48px;line-height:1.4;letter-spacing:-1px}.lead{font-size:16px}.hero-art{max-width:380px;width:92%;margin:0 auto}.star{font-size:50px}.s2{font-size:70px}.hello{font-size:16px}.show,.friends{padding:45px 7%}h2{font-size:29px}.show-grid{gap:15px}.show-grid p{font-size:15px}.friend-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.friend-grid h3{font-size:21px}.friend-grid p{font-size:13px}.episode{margin:10px 6% 35px;padding:40px 8%;grid-template-columns:1fr;border-top-right-radius:65px}.episode h2{font-size:35px}.ball{width:110px;margin:auto}.mission{padding:40px 8%}.mission h2{font-size:28px}.mission>p:last-child{font-size:16px}.future{padding:40px 8%}.future h2{font-size:26px}footer{font-size:11px;gap:15px}html[lang=en] h1{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
