@font-face{font-family:Baloo;src:url('assets/fonts/Baloo2-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Fredoka;src:url('assets/fonts/Fredoka-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--yellow:#ffcf27;--cream:#fff8e8;--ink:#4a260e;--orange:#ff9e17;--muted:#795b3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #146c98;outline-offset:5px}img{display:block;max-width:100%;height:auto}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:16px}.skip:focus{top:12px}.site-header{background:var(--cream);position:relative;z-index:10}.header-inner{height:85px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:32px}.brand{width:192px;height:72px;overflow:hidden;position:relative;flex-shrink:0;mix-blend-mode:multiply}.brand img{position:absolute;width:192px;max-width:none;top:-46px}nav{display:flex;gap:30px;margin-left:auto}nav a{font-family:Fredoka,sans-serif;font-size:17px;text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;align-items:center;gap:25px}.language{font-family:Fredoka,sans-serif;font-size:17px;border:1px solid #e6c994;border-radius:20px;padding:8px 14px}.menu-toggle{display:none;background:none;border:0;padding:9px}.menu-toggle span{display:block;width:25px;height:3px;margin:4px 0;background:var(--ink);border-radius:2px}.hero{background:var(--yellow);position:relative;overflow:hidden;text-align:center}.hero-inner{max-width:960px;margin:auto;padding:38px 24px 65px}.hero-tag{display:inline-block;margin:0 0 18px;padding:9px 25px;background:var(--cream);border-radius:40px;box-shadow:0 3px 0 #b67b2833;font-family:Fredoka,sans-serif;font-size:19px}h1,h2,h3{font-family:Baloo,Fredoka,sans-serif;font-weight:800}h1{font-size:clamp(50px,6vw,78px);line-height:1.01;letter-spacing:-1.5px;margin:0 0 17px;paint-order:stroke fill;-webkit-text-stroke:7px var(--cream)}.hero-intro{font-size:21px;line-height:1.45;margin:0 auto 14px}.hero-cabinet{width:760px;margin:0 auto 20px;border-radius:34px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;border:1px solid white;border-radius:40px;padding:16px 35px;background:linear-gradient(#fffbed,#fff1c7);color:var(--ink);font-family:Baloo,sans-serif;font-size:29px;font-weight:800;box-shadow:0 5px 0 #a56a2133,0 8px 20px #ad721523;transition:transform .15s}.play-button:hover{transform:translateY(-2px)}.play-triangle{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid var(--orange);display:inline-block;flex-shrink:0}.discover{display:block;width:fit-content;margin:17px auto 0;text-decoration:none;font-size:18px}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:45px;fill:var(--cream)}.container{max-width:1060px;margin:auto;padding:0 28px}.section{padding:55px 0}.section-heading{text-align:center}.eyebrow{font-family:Fredoka,sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:13px;margin:0 0 12px}h2{font-size:clamp(29px,3.5vw,43px);line-height:1.13;margin:0 0 15px}.section-heading>p:last-child{font-size:18px;line-height:1.5;margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;margin:45px 0 0;padding:0;text-align:center}.steps li{position:relative}.steps li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 85px);top:76px;width:calc(100% - 125px);border-top:3px dotted #c3a77d}.step-medallion{width:155px;height:155px;margin:0 auto 25px;border:1px solid white;background:linear-gradient(#fffdf5,#fff1d4);border-radius:50%;box-shadow:0 4px 0 #d1b88144;position:relative;display:grid;place-items:center}.step-medallion>img{width:115px;height:104px;object-fit:cover;object-position:center 45%;border-radius:18px}.step-number{position:absolute;bottom:-2px;right:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;border:2px solid var(--cream);font-family:Fredoka,sans-serif;font-size:19px}.steps h3{font-size:27px;line-height:1.1;margin:0 0 13px}.steps p{font-size:17px;line-height:1.55;margin:0;color:var(--muted)}.dex-book{display:block;background:#159ace;border:4px solid #037aaf;border-left:9px solid #ffcc38;border-radius:9px 15px 15px 9px;width:94px;height:105px;transform:rotate(-9deg);box-shadow:3px 5px 0 #056998;position:relative}.dex-book img{width:70px;height:70px;object-fit:contain;margin:20px auto 0}.dex-book>span{position:absolute;top:7px;left:7px;color:white;font-family:Fredoka,sans-serif;font-size:14px}.gameplay{padding-top:15px}.video-card{max-width:940px;background:var(--yellow);border-radius:30px;padding:25px;text-align:center}.video-card h2{font-size:33px;margin-bottom:20px}.video-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:22px;overflow:hidden;background:#e5bb40}.video-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .4s}.video-preview:hover>img{transform:scale(1.025)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:85px;height:85px;border-radius:50%;border:4px solid white;background:#4a260ed9}.video-play .play-triangle{border-left-color:white;margin-left:6px}.video-caption{position:absolute;bottom:20px;left:0;right:0;color:white;font-family:Fredoka,sans-serif;font-size:18px;background:#4a260eaa;width:fit-content;margin:auto;padding:8px 18px;border-radius:25px}.video-note{font-size:15px;line-height:1.6;margin:18px 0 0}.collection{text-align:center;padding-top:15px}.collection>div>p{font-size:18px;line-height:1.6;color:var(--muted)}.duck-lineup{display:flex;justify-content:center;gap:35px;max-width:620px;margin:25px auto 0}.duck-lineup figure{margin:0;flex:1;min-width:0}.duck-lineup img{width:100%;height:auto}figcaption{font-size:13px;color:var(--muted);margin-top:12px}footer{text-align:center;background:var(--ink);color:var(--cream);padding:25px}footer p{margin:0 0 10px;font-size:18px}footer p a{font-weight:bold;text-decoration:none}footer>a{font-size:13px;text-underline-offset:3px}footer small{display:block;margin-top:13px;opacity:.7;font-size:11px}dialog{background:var(--cream);border:0;border-radius:22px;color:var(--ink);padding:18px;max-width:min(94vw,560px);width:100%;max-height:94dvh;box-shadow:0 15px 70px #0004}dialog::backdrop{background:#27170bba;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:15px}.dialog-heading h2{font-size:24px;margin:0}.close-dialog{background:#f5e7cd;border:0;width:40px;height:40px;border-radius:50%;font-size:29px;color:var(--ink)}dialog video{display:block;width:100%;max-height:65dvh;background:#17110a;border-radius:12px}.clip-picker{display:flex;justify-content:center;gap:10px;margin-top:14px}.clip-picker button{border:1px solid #c9aa76;background:transparent;border-radius:20px;padding:10px 16px;color:var(--ink);font-size:14px}.clip-picker button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}body.modal-open{overflow:hidden}
@media(min-width:1000px){.hero-cabinet{width:660px}.hero h1{font-size:70px}.hero h1 br{display:none}}
@media(max-width:650px){html{scroll-padding-top:75px}.header-inner{height:65px;padding:0 18px;gap:15px}.brand{width:145px;height:61px}.brand img{width:145px;top:-33px}.header-actions{margin-left:auto;gap:12px}.language{font-size:14px;padding:6px 11px}.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:65px;background:var(--cream);padding:20px;box-shadow:0 10px 15px #5c3f1220}nav.is-open{display:flex;flex-direction:column;gap:22px}.hero-inner{padding:24px 14px 55px}.hero-tag{font-size:15px;padding:8px 20px;margin-bottom:18px}h1{font-size:clamp(42px,10.7vw,65px);line-height:1.04;-webkit-text-stroke:5px var(--cream);letter-spacing:-.7px;margin-bottom:15px}.hero-intro{font-size:16px;line-height:1.45;max-width:350px;margin-bottom:15px}.desktop-break{display:none}.hero-cabinet{width:100%;border-radius:22px;margin-bottom:16px}.play-button{font-size:23px;padding:12px 29px;gap:13px}.play-button .play-triangle{border-top-width:10px;border-bottom-width:10px;border-left-width:17px}.discover{font-size:15px;margin-top:15px}.wave{height:26px}.section{padding:32px 0}.container{padding:0 18px}h2{font-size:29px}.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:12px}.section-heading>p:last-child{font-size:15px}.steps{gap:13px;margin-top:28px}.step-medallion{width:clamp(80px,24vw,124px);height:clamp(80px,24vw,124px);margin-bottom:20px}.step-medallion>img{width:73%;height:68%;border-radius:10px}.step-number{width:29px;height:29px;font-size:14px;bottom:-3px;right:-2px}.steps li:not(:last-child):after{left:calc(50% + 13vw);top:12vw;width:calc(100% - 24vw);border-top-width:2px}.steps h3{font-size:19px;line-height:1.14;min-height:44px;margin-bottom:9px}.steps p{font-size:12px;line-height:1.5}.dex-book{width:58px;height:67px;border-width:3px;border-left-width:6px;border-radius:5px 9px 9px 5px;box-shadow:2px 3px 0 #056998}.dex-book img{width:42px;height:42px;margin-top:17px}.dex-book>span{font-size:9px;top:6px;left:3px}.gameplay{padding:12px 14px 28px}.video-card{padding:15px 12px;border-radius:23px}.video-card h2{font-size:27px;margin-bottom:13px}.video-preview{aspect-ratio:1.65;border-radius:17px}.video-play{width:58px;height:58px;border-width:3px}.video-play .play-triangle{border-top-width:10px;border-bottom-width:10px;border-left-width:16px}.video-caption{font-size:11px;bottom:9px;padding:5px 10px}.video-note{font-size:12px;margin-top:12px}.collection{padding-top:8px}.collection>div>p{font-size:14px}.duck-lineup{gap:10px;margin-top:15px;max-width:360px}figcaption{font-size:10px;margin-top:8px}footer{padding:20px}footer p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero-cabinet,.brand img{height:auto}

.brand{width:130px;height:78px}.brand img{width:125px;top:-24px;left:0}@media(max-width:650px){.brand{width:105px;height:61px}.brand img{width:100px;top:-19px}}