@font-face{font-family:Fredoka;src:url(assets/Fredoka.ttf)}@font-face{font-family:Nunito;src:url(assets/Nunito.ttf)}:root{--ink:#30094f;--yellow:#ffe975;--nav:#100521}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:66px}body{margin:0;background:var(--nav);color:var(--ink);font-family:Nunito,sans-serif;padding-bottom:62px}a{color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{font-family:inherit}.chapter{position:relative;overflow:hidden;scroll-margin-top:0}.stage{height:calc(100svh - 62px);min-height:680px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden}.scene{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover}.hero{background:#99dfe2}.hero-scene{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 58%;z-index:-1}.hero h1{position:absolute;top:2%;left:50%;transform:translateX(-50%);width:min(51%,710px);margin:0}.hero h1 img{width:100%;display:block}.hero-actions{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center;white-space:nowrap}.toy-button{background:linear-gradient(#fff9b2 0%,#ffe33f 55%,#ffbd30);border:3px solid #410c61;border-radius:20px;color:#30054f;box-shadow:0 5px 0 #ff695a;text-decoration:none;font-weight:950;padding:13px 23px;cursor:pointer;transition:transform .18s,box-shadow .18s;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:15px}.toy-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ff695a}.toy-button:active{transform:translateY(3px);box-shadow:0 2px 0 #ff695a}.film-link{font-weight:950;font-size:14px;text-decoration:none;text-shadow:0 1px 6px white}.review-label{position:absolute;left:25px;bottom:24px;font-size:9px;letter-spacing:.16em}.small-brand{position:absolute;left:3.5%;top:4%;width:20%;max-width:310px;height:auto;z-index:2}.stage h2{position:absolute;left:29%;right:14%;top:4%;margin:0;height:15%;z-index:2;text-align:center}.stage h2 img{max-width:100%;width:auto;height:100%;object-fit:contain}.subhead{position:absolute;left:29%;right:5%;top:22%;font-weight:950;text-align:center;font-size:clamp(15px,2vw,29px);margin:0}.concept{background:#d7b1e8}.concept .scene{object-position:center 58%}.concept-facts{position:absolute;bottom:8%;left:7%;right:34%;display:flex;justify-content:space-between;gap:40px;font-size:17px;font-weight:850}.concept-facts b{font-size:22px}.gameplay{background:#f7f3e0}.gameplay .scene{top:5%;height:94%;object-fit:cover}.play-steps{position:absolute;bottom:7%;left:3%;right:3%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.play-steps h3{font-size:19px;font-weight:950;margin:0}.play-steps p{font-size:13px;margin:6px 0 0}.play-steps em{font-style:normal;color:#714e92}.mobile-step{display:none}.caption{position:absolute;bottom:1.8%;left:4%;right:4%;text-align:center;font-size:12px;font-weight:800;margin:0}.collection{background:#83dfe8}.specials{background:#080d20;color:white}.specials .stage h2{left:29%;right:6%}.specials .scene{object-fit:cover}.finish-labels{position:absolute;left:0;right:0;bottom:15%;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font:650 clamp(22px,3vw,44px) Fredoka;color:#fff07f;text-shadow:2px 3px 0 #5b1b7e,-1px -1px 0 #21062f}.finish-labels span:first-child{color:#bdff37}.finish-labels span:nth-child(2){color:#cfddff}.packaging{background:#e9d5df}.packaging .stage{min-height:740px}.packaging .scene{top:13%;height:87%;object-fit:contain;object-position:center bottom}.packaging .who{position:absolute;right:2.5%;top:3%;width:15%;height:auto}.packaging .stage h2{left:33%;right:24%}.packaging .inspect{position:absolute;right:8%;top:26%;font-size:13px}.pack-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:32px 7% 45px;background:#f2e0e7}.pack-details h3{font:650 24px Fredoka;margin:0 0 10px}.pack-details p{font-size:17px;margin:0;line-height:1.5}.lifestyle{background:#cabbe4}.lifestyle .scene{object-fit:cover}.lifestyle .caption{color:white;text-shadow:0 1px 5px #301244}.film{background:radial-gradient(at 50% 30%,#44216b,#100521 80%);padding:65px 6% 55px;color:white;min-height:100svh}.film-heading{display:flex;align-items:center;justify-content:center;gap:6vw;margin-bottom:35px}.film-heading img{width:250px}.film-heading h2{font:650 clamp(30px,4vw,64px)/1.04 Fredoka;margin:0;color:#ffe375}.film-heading h2 span{color:white}.player{position:relative;max-width:1200px;margin:auto}.player video{display:block;width:100%;aspect-ratio:16/9;border-radius:28px;background:#050614;box-shadow:0 25px 70px #0007}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;padding:20px 32px}.big-play:hover{transform:translate(-50%,-55%)}.big-play[hidden]{display:none}.film-actions{display:flex;gap:35px;align-items:center;justify-content:center;margin-top:35px}.film-actions>a:last-child{font-size:13px;font-weight:850}footer{position:fixed;z-index:30;bottom:0;left:0;width:100%;height:62px;background:#100521;display:flex;align-items:center;gap:24px;padding:6px 3.5%;color:white}footer img{width:85px;height:43px;object-fit:contain}footer>span{font-size:10px}footer nav{display:flex;gap:12px}.chapter-select{margin-left:auto}select{background:transparent;color:#fff;border:0;font-family:Nunito;font-weight:800;font-size:13px;padding:8px;cursor:pointer}select option{background:#100521}.previous,.next{padding:0;width:54px;height:34px;border-radius:14px;font-size:25px;box-shadow:0 3px 0 #ff695a}.pdf-short{font-size:12px;font-weight:900;text-decoration:none}.reading-progress{position:fixed;z-index:35;bottom:62px;left:0;width:0;height:3px;background:#ffcf50}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;z-index:50;top:-100px;background:white;padding:15px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #00cde8;outline-offset:5px}dialog{width:min(94vw,1400px);border:0;border-radius:25px;padding:20px;background:#f2e1e7;color:var(--ink)}dialog::backdrop{background:#0e031de8;backdrop-filter:blur(8px)}dialog>img{display:block;width:100%;max-height:78svh;object-fit:contain}dialog p{text-align:center;font-size:13px}dialog .close{float:right;margin-bottom:12px;font-size:12px;padding:8px 16px}.chapter h2,.subhead,.finish-labels,.pack-details{transition:opacity .6s,translate .6s}.js .chapter:not(.seen) h2,.js .chapter:not(.seen) .subhead{opacity:0;translate:0 14px}@media(min-width:1600px){.stage{max-height:1100px}.hero h1{width:650px}}@media(max-width:760px){body{padding-bottom:62px}.stage{height:auto;min-height:0!important;max-height:none;padding-top:20px;display:flex;flex-direction:column}.scene{position:relative;inset:auto!important;width:100%;height:auto!important;object-fit:contain!important;z-index:0;order:3;aspect-ratio:1.75}.small-brand{position:relative;top:auto;left:auto;width:150px;align-self:center;margin:0 0 16px;order:0}.stage h2{position:relative;inset:auto!important;width:90%;height:85px;margin:0 auto 18px;order:1}.stage h2 img{width:100%;height:100%}.subhead{position:relative;inset:auto!important;width:90%;font-size:18px;margin:0 auto 20px;order:2}.hero .stage{height:calc(100svh - 62px);min-height:610px!important;padding:0}.hero h1{width:90%;top:4%;z-index:2}.hero-scene{object-fit:cover;object-position:48% center;top:24%;height:66%;width:100%}.hero-actions{bottom:5%;gap:15px;flex-direction:column}.hero-actions .toy-button{font-size:14px}.film-link{font-size:12px}.review-label{bottom:15px;left:15px;font-size:7px}.concept-facts{position:relative;inset:auto;order:4;padding:24px;gap:20px;margin:0;font-size:12px}.concept-facts b{font-size:17px}.gameplay .scene{display:none}.play-steps{position:relative;inset:auto;order:3;display:block;text-align:left}.play-steps article{padding:22px 6% 28px}.play-steps article:nth-child(2){background:#fff0c5}.play-steps article:nth-child(3){background:#ecd8f4}.play-steps h3{font-size:21px}.play-steps p{font-size:16px;line-height:1.5}.mobile-step{display:block;width:100%;height:340px;object-fit:cover;border-radius:22px;margin-bottom:20px}.caption{position:relative;inset:auto;order:5;padding:20px 6%;font-size:10px}.collection .scene{aspect-ratio:1.35;object-fit:cover!important}.specials .scene{aspect-ratio:1.4;object-fit:cover!important}.finish-labels{position:relative;inset:auto;order:4;font-size:17px;padding:12px 2%}.packaging .who{display:none}.packaging .inspect{position:relative;inset:auto;order:4;align-self:center;margin:10px 0 25px}.packaging .scene{aspect-ratio:1.35;object-fit:cover!important;object-position:center}.pack-details{display:block;padding:26px 7%}.pack-details>div{padding:12px 0 20px}.pack-details h3{font-size:21px}.pack-details p{font-size:16px}.lifestyle .scene{aspect-ratio:1.2;object-fit:cover!important}.film{padding:45px 5%}.film-heading{display:block;text-align:center}.film-heading img{width:180px;margin-bottom:28px}.film-heading h2{font-size:35px}.big-play{font-size:13px;padding:14px 20px;white-space:nowrap}.film-actions{flex-direction:column;gap:25px}.film-actions .toy-button{font-size:12px}.player video{border-radius:18px}footer{gap:10px;padding:7px 12px}footer img{width:59px}footer>span{display:none}.chapter-select{flex:1;min-width:0}select{font-size:11px;max-width:140px;width:100%;padding:4px}.previous,.next{width:35px;height:30px;font-size:19px}footer nav{gap:7px}.pdf-short{font-size:10px}.reading-progress{bottom:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.js .chapter:not(.seen) h2,.js .chapter:not(.seen) .subhead{opacity:1;translate:none}}.hero h1{width:min(43%,610px);top:1.5%}@media(max-width:760px){.hero h1{width:88%;top:4%}.hero-scene{object-fit:contain;top:24%;height:57%;object-position:center;background:#98dfe2}}
.packaging .scene{object-fit:cover;object-position:center bottom}.toy-button:disabled{opacity:.4;cursor:default;transform:none}.hero .film-link{background:#fff6;border-radius:20px;padding:10px 14px}
@media(min-width:761px){.packaging .stage{height:auto;min-height:0;max-height:none;aspect-ratio:1440/930;background-image:url(assets/scene-pack.jpg);background-size:100% 100000%;background-position:top}.packaging .scene{top:12.9%;height:87.1%;object-fit:contain}}
@media(max-width:760px){.hero .stage{height:610px;min-height:0!important}.hero-scene{top:22%;height:54%}.hero-actions{bottom:6%}}