:root{--ink:#213d57;--muted:#576e7b;--sky:#b6eef3;--coral:#ff655e;--yellow:#ffd44e;--paper:#fffdf7;--blue:#168eb5;--display:'Baloo 2',system-ui,sans-serif;--body:'Nunito',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:17px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #6849cf;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(66px,6.4vw,100px);margin-bottom:25px}h2{font-size:clamp(38px,4.5vw,64px);margin-bottom:24px}h3{font-size:36px}em{font-style:normal;color:var(--blue)}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:900;color:var(--blue);margin-bottom:22px}.header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 80px));height:108px;margin:auto}.wordmark{font-family:var(--display);font-size:49px;font-weight:800;line-height:1;text-decoration:none;letter-spacing:-4px;transform:rotate(-6deg);color:#ffd349;text-shadow:0 3px #c77927,-2px -2px white,2px -2px white,-2px 2px white,2px 2px white;display:inline-block;position:relative}.wordmark span{display:inline-block}.wordmark span:nth-child(even){transform:translateY(-3px) rotate(5deg)}.wordmark i{position:absolute;right:-17px;top:-4px;font-size:20px;color:#a25fe5;text-shadow:none;font-style:normal}.header nav{display:flex;gap:35px;font-size:14px;font-weight:900}.header nav a{text-decoration:none}.header nav a:hover{color:#0e789c}.button{border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 26px;font-weight:900;font-size:15px;line-height:1.5;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 0 #be433e}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #be433e}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #be433e}.button-coral{background:var(--coral);color:white}.button-small{font-size:12px;padding:12px 20px}.button-white{background:#ffffffd9;box-shadow:0 4px 0 #74bcc6}.button-white:hover{box-shadow:0 7px 0 #74bcc6}.button-yellow{background:var(--yellow);box-shadow:0 5px 0 #d19d2d}.button-yellow:hover{box-shadow:0 8px 0 #d19d2d}.hero{position:relative;min-height:790px;height:min(950px,100svh);background:#93e1ed;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 52%;animation:arrive 1.2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#c4f1f0dd 0%,#b7eff088 32%,transparent 60%)}.hero-content{position:relative;z-index:1;padding-top:45px;pointer-events:none}.hero-content>*{max-width:630px;pointer-events:auto}.hero .eyebrow{display:flex;gap:10px;align-items:center}.hero .eyebrow span{width:7px;height:7px;background:#ff7860;border-radius:50%}.hero h1 em{color:#f16d48}.hero-copy{font-size:19px;line-height:1.7;color:#385a6a}.hero-actions{display:flex;gap:28px;align-items:center;margin:32px 0 30px}.text-link{font-weight:900;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:15px}.text-link span{font-size:23px}.text-link:hover{text-decoration:underline}.hero-note{font-size:11px;font-weight:800;color:#486b79;display:flex;gap:8px;align-items:center}.hero-note>span{color:#ae71cc;font-size:22px}.floating-note{position:absolute;right:6%;bottom:17%;z-index:2;border-radius:15px 15px 15px 2px;padding:15px 22px;background:#fffdf0;transform:rotate(7deg);font-size:13px;line-height:1.6;box-shadow:0 6px 20px #1a556a12;animation:bob 5s ease-in-out infinite}.floating-note span{position:absolute;right:-15px;top:-22px;font-size:40px;color:#9b63d3}.scroll-note{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);z-index:3;text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.7px;display:flex;align-items:center;gap:15px;white-space:nowrap}.scroll-note span{font-size:24px}.cloud-edge{position:absolute;bottom:-1px;width:100%;height:42px;background:var(--paper);clip-path:polygon(0 40%,8% 55%,18% 45%,30% 70%,45% 55%,55% 75%,72% 40%,88% 70%,100% 30%,100% 100%,0 100%)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.intro-copy>p:not(.eyebrow){font-size:16px;max-width:480px}.character-card{position:relative;margin:0;background:white;padding:12px 12px 25px;border-radius:20px;box-shadow:0 15px 50px #3b576016;transform:rotate(3deg)}.character-card img{aspect-ratio:1.35;object-fit:cover;border-radius:12px;object-position:45%}.character-card figcaption{padding:20px 15px 0;font-family:var(--display);font-size:21px;line-height:1.2;position:relative}.character-card figcaption strong{display:block}.paw{position:absolute;right:20px;top:20px;font-size:36px;color:#e7b843}.photo-tape{position:absolute;width:90px;height:30px;background:#ffe394c7;left:37%;top:-14px;transform:rotate(-9deg);z-index:1}.sticker{position:absolute;right:0;top:35px;background:var(--yellow);width:94px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;line-height:1.3;transform:rotate(12deg);border-radius:47% 53% 46% 54%;box-shadow:0 4px #e1b13b}.sticker strong{font-family:var(--display);font-size:23px}.game-section{background:#e9f7fb;padding:90px 0 50px;border-radius:60px 60px 0 0}.section-heading{text-align:center}.section-heading>p:last-child{font-size:16px}.mode-tabs{display:flex;justify-content:center;gap:12px;margin:38px auto 30px}.mode-tabs button{background:white;border:2px solid transparent;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:900}.mode-tabs button[aria-selected=true]{background:var(--ink);color:white;box-shadow:0 4px #b6cdda}.mode-panel{display:grid;grid-template-columns:1.45fr 1fr;border:7px solid white;border-radius:25px;background:white;box-shadow:0 15px 45px #1852670c;overflow:hidden}.mode-visual{position:relative;min-height:350px}.mode-visual img{width:100%;height:100%;object-fit:cover;object-position:65%}.image-caption{position:absolute;bottom:16px;left:18px;font-size:9px;font-weight:900;letter-spacing:1.5px;padding:5px 10px;border-radius:5px;background:#fffdf0dc}.mode-description{padding:50px 42px;position:relative}.mode-description h3{font-size:43px}.mode-description>p:not(.eyebrow){font-size:15px}.mode-number{font-family:var(--display);font-size:84px;font-weight:800;position:absolute;right:22px;top:0;color:#f0f5f6;line-height:1;pointer-events:none}.mode-description .eyebrow{position:relative}.mode-tip{border-top:1px solid #e9edf0;padding-top:18px;display:flex;gap:15px;font-size:12px;font-weight:800;color:#547383}.mode-tip>span:first-child{font-size:26px;color:#a365df}.mini-play{display:flex;align-items:center;justify-content:center;gap:35px;padding-top:40px}.mini-play p{font-size:12px;margin:0}.mini-play p>*{display:block}.mini-play p strong{color:var(--ink)}.balloons{display:flex;gap:12px}.balloon{border:0;background:none;font-size:49px;line-height:1;filter:drop-shadow(0 4px 0 #20395425);transition:transform .15s;animation:bob 3s ease-in-out infinite}.balloon:hover{transform:scale(1.2) rotate(12deg)}.balloon.popped{animation:pop .5s ease-in-out}.purple{color:#a24ae7}.pink{color:#fb5bbc;animation-delay:-.7s}.yellow{color:#ffc73a;animation-delay:-1.4s}.blue{color:#22b9ee;animation-delay:-2.1s}.pop-output{font-size:12px;font-weight:900;min-width:80px;color:#9a53ca}.travel{position:relative;overflow:hidden}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:55px}.destination{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #3258690c;position:relative;transition:transform .3s}.destination:hover{transform:translateY(-8px) rotate(-1deg)}.stamp{position:absolute;z-index:1;top:20px;left:20px;font-size:9px;letter-spacing:1.5px;font-weight:900;padding:5px 10px;background:#ffffffbd;border-radius:5px}.landscape{height:230px;position:relative;overflow:hidden;background:#c5ecf6}.landscape svg{position:absolute;width:90%;height:90%;left:5%;bottom:0;fill:#8ab0c2;stroke:#608da7;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.sun{position:absolute;right:40px;top:45px;width:60px;height:60px;background:#fff4b7;border-radius:50%}.egypt .landscape{background:#ffdf9b}.egypt .landscape svg{fill:#eab45a;stroke:#ca9041}.egypt .sun{background:#ffb44e}.iceland .landscape{background:#c8ebe5}.iceland .landscape svg{fill:#abd1d2;stroke:#619d9d}.iceland .sun{background:#fffde5}.destination-text{padding:28px 28px 24px}.destination h3{font-size:27px;margin-bottom:13px}.destination p{font-size:14px}.destination-text>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#7c919d}.travel-caption{text-align:center;margin:38px 0 0;font-size:13px;font-weight:800}.travel-caption span{font-size:24px;color:#b885dc;padding-left:15px}.trailer-section{background:#254b64;color:white;padding:90px 0;position:relative;overflow:hidden}.trailer-section em{color:var(--yellow)}.trailer-section .eyebrow{color:#96dce5}.trailer-section p:not(.eyebrow){color:#d2e2eb;font-size:15px}.trailer-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.trailer-poster{padding:0;border:7px solid #ffffff30;position:relative;border-radius:23px;overflow:hidden;transform:rotate(3deg);background:#18394d;box-shadow:0 18px 25px #13283b33}.trailer-poster img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.85;transition:transform .4s,opacity .4s}.trailer-poster:hover img{transform:scale(1.06);opacity:1}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:white;border-radius:50%;color:#224b64;display:grid;place-items:center;padding-left:5px;font-size:22px;box-shadow:0 0 0 12px #ffffff25}.poster-label{position:absolute;bottom:17px;left:22px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:white}.end-section{text-align:center;padding:100px 0 90px;position:relative}.end-star{display:block;color:#b577d8;font-size:48px;margin-bottom:16px;animation:turn 9s ease-in-out infinite}.end-section .button{margin-top:12px}.footer{border-top:1px solid #e8e9df;display:flex;align-items:center;justify-content:space-between;padding:35px 0 40px;gap:30px}.footer .wordmark{font-size:38px}.footer p{font-size:11px;margin:0}.footer p>span{font-size:10px;color:#85939b}.footer>a:last-child{font-size:12px;font-weight:800;text-decoration:none}.footer p a{font-weight:800}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}dialog{width:min(950px,92vw);border:0;border-radius:20px;padding:22px;background:var(--paper);box-shadow:0 25px 100px #11243588}dialog::backdrop{background:#102e43bd;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.dialog-header h2{font-size:23px;margin:0}.close-dialog{border:0;border-radius:50%;background:#e5eef1;width:42px;height:42px;flex-shrink:0;font-size:20px}.video-frame{aspect-ratio:16/9;background:#15344a;border-radius:10px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}dialog>p{font-size:11px;margin:12px 0 0}body.modal-open{overflow:hidden}.js .reveal{opacity:0;translate:0 24px;transition:opacity .65s ease,translate .65s ease}.js .reveal.visible{opacity:1;translate:0 0}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes arrive{from{opacity:0;scale:1.04}to{opacity:1;scale:1}}@keyframes pop{0%{scale:1}40%{scale:1.6;opacity:0}60%{scale:.3;opacity:0}100%{scale:1;opacity:1}}@keyframes turn{0%,100%{rotate:-8deg}50%{rotate:15deg}}
@media(min-width:1700px){.hero-art{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,#c4f1f0dd,transparent 62%)}}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.header{width:calc(100% - 60px)}.hero{min-height:740px}.hero-content>*{max-width:530px}.hero h1{font-size:74px}.hero-copy{font-size:17px}.hero-actions{gap:18px}.hero-art{object-position:58% center}.intro{gap:50px}.mode-description{padding:35px 25px}.mode-description h3{font-size:36px}.mode-visual{min-height:320px}.trailer-layout{gap:40px}.destinations{gap:18px}.destination-text{padding:22px 20px}.header nav{gap:22px}.mini-play{gap:20px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:82px;width:calc(100% - 40px)}.header .wordmark{font-size:42px}.header nav{display:none}.button-small{font-size:10px;padding:10px 13px;border-radius:10px}.hero{height:auto;min-height:970px;align-items:flex-start}.hero-art{top:auto;bottom:0;height:65%;object-position:67% center;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#bceff1 0%,#bceff1 34%,#bceff100 64%)}.hero-content{padding-top:130px}.hero h1{font-size:clamp(52px,13vw,72px);line-height:1.02;margin-bottom:18px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.hero-copy{font-size:15px;max-width:350px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:22px;margin-bottom:22px}.hero-actions .button{padding:14px 19px;font-size:13px}.text-link{font-size:12px;gap:8px}.hero-note{font-size:9px}.floating-note{right:23px;bottom:85px;font-size:10px;padding:12px 15px}.scroll-note{bottom:30px;font-size:8px}.cloud-edge{height:25px}.section{padding-block:70px}.intro{grid-template-columns:1fr;gap:45px}.intro-copy>p:not(.eyebrow){font-size:15px}.character-card{margin:0 12px 0 5px}.character-card figcaption{font-size:20px}.sticker{right:-5px;width:80px;height:80px;top:20px;font-size:12px}.sticker strong{font-size:20px}.game-section{border-radius:35px 35px 0 0;padding:65px 0 35px}.section-heading>p:last-child{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.5px}.mode-tabs{margin:28px auto 25px}.mode-tabs button{padding:11px 20px;font-size:12px}.mode-panel{grid-template-columns:1fr;border-width:5px;border-radius:18px}.mode-visual{min-height:0;aspect-ratio:1.5}.mode-description{padding:30px 24px}.mode-description h3{font-size:35px}.mode-description>p:not(.eyebrow){font-size:14px}.mode-number{font-size:75px;top:12px}.mini-play{flex-wrap:wrap;gap:15px;text-align:center}.mini-play p{width:100%;font-size:11px}.balloon{font-size:42px}.pop-output{font-size:10px;min-width:65px}.destinations{grid-template-columns:1fr;gap:23px;margin-top:35px}.destination{display:grid;grid-template-columns:.9fr 1fr;min-height:230px}.landscape{height:100%;min-height:230px}.landscape svg{width:140%;max-width:none;left:-20%;height:80%}.sun{width:40px;height:40px;right:15px;top:62px}.stamp{font-size:7px;letter-spacing:.5px;left:10px;top:15px;padding:4px 7px}.destination-text{padding:35px 15px;align-self:center}.destination h3{font-size:25px}.destination p{font-size:12px}.destination-text>span{font-size:8px}.travel-caption{font-size:11px}.trailer-layout{grid-template-columns:1fr;gap:40px}.trailer-section{padding:65px 0}.trailer-section p:not(.eyebrow){font-size:14px}.trailer-poster{margin:0 8px;border-width:5px}.end-section{padding:65px 0}.footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:25px}.footer p{width:100%;order:3}.footer .wordmark{margin-right:35px}.desktop-only{display:none}dialog{padding:15px;border-radius:15px}.dialog-header h2{font-size:18px}.close-dialog{width:35px;height:35px}.video-frame{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;translate:none}}

/* Seconde passe : les contrôles et le parcours reprennent le langage du jeu. */
h2 em{color:inherit}.hero h1 em{color:var(--ink)}
.hero-shade{background:linear-gradient(90deg,#bdeef1c9 0%,#b7eff050 31%,transparent 53%)}
.chapter{display:inline-block;padding:7px 19px 5px;background:#fff;border:2px solid #b4deeb;border-radius:8px;rotate:-3deg;box-shadow:3px 3px 0 #b4deeb}
.game-section{border-radius:0;position:relative;margin-top:20px;background:#d9f2fa}
.game-section:before{content:'';position:absolute;left:0;right:0;top:-27px;height:30px;background:radial-gradient(ellipse at 50% 100%,#d9f2fa 68%,transparent 70%) 0 0/90px 30px repeat-x}
.mode-tabs{gap:5px;position:relative;z-index:2;margin-bottom:-14px}
.mode-tabs button{border-radius:16px 16px 0 0;border:3px solid #ffffff;padding:15px 30px 24px;background:#92cde3;color:#25536c;box-shadow:inset 0 3px #c4ecf7}
.mode-tabs button[aria-selected=true]{background:#fff;color:#213d57;box-shadow:inset 0 4px #ffce4b}
.mode-panel{border-radius:20px;box-shadow:0 8px 0 #aedbe9;position:relative}
.mode-description h3{font-size:45px}.mode-number{color:#e6f1f5}
.balloons{gap:14px}.balloon{padding:0;width:58px;height:64px;filter:drop-shadow(0 4px 2px #24536b18);display:flex;align-items:center}.balloon img{width:58px;height:64px;pointer-events:none}
.mini-play{padding-top:48px;padding-bottom:15px}.mini-play p strong{font-family:var(--display);font-size:20px;line-height:1.2}.mini-play p span{font-size:11px;margin-top:5px}
.travel{background:#fffdf7;padding-bottom:90px}
.travel .section-heading{text-align:left;padding-left:30px;max-width:700px}
.travel .section-heading h2{margin-bottom:20px}.travel .chapter{background:#fff2ba;border-color:#e6c55c;box-shadow:3px 3px #e6c55c}
.destinations{position:relative;gap:60px;margin-top:15px;padding:10px 25px 0;align-items:start}
.travel-route{position:absolute;inset:50px 0 auto;width:100%;height:290px;pointer-events:none;overflow:visible}.travel-route path{fill:none;stroke:#c8d9d9;stroke-width:4;stroke-dasharray:5 12;stroke-linecap:round}
.destination{background:transparent;box-shadow:none;border-radius:0;overflow:visible;position:relative}
.destination:nth-of-type(2){margin-top:90px}.destination:nth-of-type(3){margin-top:30px}.destination:hover{transform:translateY(-5px)}
.landscape{height:230px;border-radius:46% 54% 48% 52%;background:#d4f0f5;rotate:-4deg;box-shadow:inset 0 -8px #bedfe5;overflow:hidden}
.egypt .landscape{rotate:5deg;box-shadow:inset 0 -8px #edc877}.iceland .landscape{rotate:-3deg;box-shadow:inset 0 -8px #a8d5cf}
.landscape svg{width:95%;left:2.5%;height:88%;bottom:-2px}
.destination .stamp{top:9px;left:-3px;rotate:-9deg;background:#fff;border:2px solid #e2ded4;box-shadow:2px 3px #e8e3d6;padding:8px 10px;border-radius:3px}
.destination-text{padding:25px 3px 0}.destination h3{font-size:31px;margin-bottom:12px}.destination-text>span{border:2px solid #8da2a0;border-radius:50%;padding:4px 12px;display:inline-block;rotate:-8deg;color:#708988;font-size:8px;letter-spacing:1px}.destination p{font-size:14px;margin-bottom:18px}.travel-caption{margin-top:45px;rotate:-2deg}
.trailer-section{background:#d7edf1;color:var(--ink);padding:85px 0;clip-path:polygon(0 3%,23% 0,60% 3%,100% 0,100% 98%,76% 100%,40% 97%,0 100%)}
.trailer-section em{color:inherit}.trailer-section .eyebrow{color:#47788b}.trailer-section p:not(.eyebrow){color:var(--muted)}
.trailer-poster{border:10px solid white;border-bottom-width:40px;border-radius:3px;background:#fff;box-shadow:5px 10px 0 #9bbdc633;transform:rotate(4deg)}
.trailer-poster img{opacity:1;aspect-ratio:16/10}.poster-label{bottom:-30px;color:#28465b;left:5px;font-size:9px}.trailer-poster{overflow:visible}.trailer-poster img{border-radius:0}.trailer-poster:hover img{transform:none;filter:brightness(1.05)}
.big-play{background:#ffdb5b;color:#725022;box-shadow:0 5px 0 #c99a2e,0 0 0 10px #ffffff75}
.end-star{margin:0 auto 18px;width:65px;height:72px}.end-section{padding-block:80px 70px}.end-section>.eyebrow{display:none}.end-section h2{font-size:50px}.footer{padding-block:28px}
@media(max-width:1050px){.destinations{gap:25px;padding-inline:0}.destination h3{font-size:27px}.landscape{height:200px}.travel-route{top:35px}.mini-play{gap:22px}.mini-play p strong{font-size:17px}}
@media(max-width:700px){.hero-shade{background:linear-gradient(180deg,#bceff1 0%,#bceff1 34%,#bceff100 62%)}.chapter{font-size:9px;padding:6px 13px}.mode-tabs button{padding:12px 23px 21px}.mode-description h3{font-size:36px}.balloon,.balloon img{width:49px;height:55px}.mini-play{gap:18px;padding-top:35px}.mini-play p strong{font-size:18px}.travel{padding-bottom:55px}.travel .section-heading{padding-left:0;text-align:center}.destinations{display:flex;flex-direction:column;gap:30px;padding-top:15px;margin-top:25px}.destination{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:18px;min-height:0;align-items:center}.destination:nth-of-type(2),.destination:nth-of-type(3){margin-top:0}.destination:nth-of-type(2) .landscape{order:2}.destination:nth-of-type(2) .destination-text{padding-left:12px}.destination:nth-of-type(2) .stamp{left:auto;right:0;top:2px}.destination .stamp{font-size:7px;padding:5px 7px;top:0}.landscape{height:190px;min-height:0;width:100%;border-radius:44% 56% 47% 53%}.landscape svg{width:110%;left:-5%;height:80%}.destination-text{padding:12px 0}.destination h3{font-size:26px}.destination p{font-size:12px}.destination-text>span{font-size:7px}.travel-route{display:none}.travel-caption{font-size:11px;margin-top:30px}.trailer-section{padding-block:75px}.trailer-poster{margin-inline:9px;border-width:7px;border-bottom-width:34px}.poster-label{bottom:-27px;font-size:8px}.end-section h2{font-size:39px}.end-section{padding-block:60px}.floating-note{right:27px}}
.button-coral,.button-yellow{background:transparent url('assets/game-button.png') center/100% 100% no-repeat;color:#68420b;box-shadow:none;border-radius:22px;min-height:84px;padding:22px 32px 20px;min-width:240px;text-shadow:0 1px #fff0b2;font-family:var(--display);font-weight:800;font-size:20px;gap:12px}
.button-coral:hover,.button-yellow:hover{box-shadow:none;transform:translateY(-3px) rotate(-2deg);filter:brightness(1.05)}
.button-coral:active,.button-yellow:active{box-shadow:none;transform:translateY(3px) scale(.97)}
.hero-actions{margin-top:22px;margin-left:-10px}.hero-note{margin-top:-8px}.button-coral .play-icon{font-size:16px}
@media(max-width:700px){.button-coral,.button-yellow,.hero-actions .button{min-width:220px;min-height:76px;font-size:18px;padding:21px 28px 19px}.hero-actions{gap:10px;margin-left:-8px;max-width:370px}.hero-actions .text-link{font-size:11px;gap:6px}.hero-actions .button{min-width:200px}.hero-note{margin-top:-4px}}

/* Démo jouable et escales illustrées. */
.hero-art,.hero-content,.hero-particles{will-change:transform}
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:2}.hero-token{position:absolute;filter:drop-shadow(0 12px 8px #386c8930)}.token-star{width:88px;height:96px;left:46%;bottom:13%;rotate:-17deg;animation:bob 5s ease-in-out infinite}.token-drop{width:46px;height:51px;left:6%;top:16%;rotate:12deg;animation:bob 6s ease-in-out infinite}
.playable-section{padding-block:95px 85px;background:linear-gradient(180deg,#d9f2fa,#c0e8f4)}
.demo-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}
.demo-copy h2{font-size:75px;line-height:.98}.pop-word{display:inline-block;color:#169dc3;rotate:-5deg;font-size:1.17em;text-shadow:2px 3px #fff}.demo-copy>p:not(.eyebrow){font-size:16px;max-width:430px}
.game-instructions{padding:0;list-style:none;margin:32px 0 18px;display:grid;gap:20px}.game-instructions li{display:flex;gap:17px;align-items:center}.game-instructions li>span{width:35px;height:35px;display:grid;place-items:center;background:#fff7d2;border:2px solid #f3c54c;color:#92702c;box-shadow:0 3px #e0b342;border-radius:50%;font-weight:900;font-family:var(--display);font-size:22px;flex-shrink:0}.game-instructions p{margin:0;font-size:14px;line-height:1.5}.game-instructions strong{color:#264c64}.demo-token-row{display:flex;gap:6px;margin:26px 0 16px}.demo-token-row img{width:40px;height:45px;rotate:-8deg}.demo-token-row img:nth-child(even){rotate:9deg;translate:0 -5px}.demo-copy .demo-caption{font-size:11px;color:#648390;margin:0;line-height:1.7}.inline-button{padding:0;background:none;border:0;text-decoration:underline;font-size:inherit;color:#376c83}
.game-cabinet{padding:18px 19px 15px;border:5px solid #61c2e5;border-bottom-width:10px;border-radius:36px;background:linear-gradient(#4bbcec,#159cd3);box-shadow:inset 0 3px #c4f2ff,0 12px 0 #1488b8,0 25px 45px #186b8c20;position:relative;max-width:540px;width:100%;justify-self:end}
.cabinet-top{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;gap:10px;padding:0 5px 15px}.score-box,.moves-box{text-align:center;border-radius:12px;background:#147eb566;padding:7px 12px 5px;color:#fff;box-shadow:inset 0 2px #07609c22}.cabinet-top span{display:block;font-size:9px;letter-spacing:1.6px;font-weight:900;line-height:1.3}.cabinet-top strong{font-family:var(--display);font-weight:800;font-size:31px;line-height:1.15}.game-medal{background:#ffda3d;color:#b38111;border-radius:50%;border:4px solid #fff19f;box-shadow:0 4px #e69e20,0 0 0 4px #1589bf;font-size:43px;font-family:var(--display);line-height:1;width:65px;height:65px;display:grid;place-items:center;rotate:9deg}
.board-wrap{position:relative;padding:8px;background:#effbff;border-radius:18px;border:3px solid #0b83b6;box-shadow:0 3px #b0ebff}
#match-grid{display:flex;flex-direction:column;gap:4px;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.game-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.game-cell{border:0;background:#deedf8;aspect-ratio:1;min-width:0;padding:4px;border-radius:9px;position:relative;display:grid;place-items:center;touch-action:none;box-shadow:inset 0 2px #cddfee;transition:background .15s;cursor:pointer}.game-row:nth-child(even) .game-cell:nth-child(odd),.game-row:nth-child(odd) .game-cell:nth-child(even){background:#c6daee}.game-cell img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 1px #335c8525);pointer-events:none;transition:transform .15s}.game-cell:hover img{transform:scale(1.08)}.game-cell.selected{outline:3px solid #ffcd30;outline-offset:-2px;background:#ffefae!important;z-index:1}.game-cell:focus-visible{outline:3px solid #214a72;outline-offset:-2px;z-index:2}.game-cell.matching img{animation:balloon-burst .34s ease-in both}.game-cell.invalid{animation:shake .25s ease-in-out}.game-cell.falling img{animation:balloon-fall .22s ease-out both}.game-cell.hinted{box-shadow:inset 0 0 0 3px #e8a812;background:#fff1a6!important}.game-cell[aria-disabled=true]{cursor:default}.finished{opacity:.7}#combo-burst{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-8deg);z-index:4;pointer-events:none;white-space:nowrap;font-family:var(--display);font-size:40px;line-height:1;color:#fff;text-shadow:2px 3px 0 #983ec6,-2px -2px 0 #983ec6,2px -2px 0 #983ec6,-2px 2px 0 #983ec6;opacity:0}#combo-burst.show{opacity:1;animation:combo-in .34s ease-out}
.game-controls{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.game-controls button{flex:1;border:2px solid #fff4a1;border-bottom:4px solid #d59a24;background:linear-gradient(#fff078,#ffc52f);color:#6a4815;border-radius:12px;font-weight:900;padding:8px 12px;font-size:12px;line-height:1.4}.game-controls button span{font-size:20px;vertical-align:middle;margin-right:4px}.game-controls button:hover{filter:brightness(1.05)}.game-controls button:active{translate:0 2px}.game-controls button:disabled{opacity:.55;cursor:not-allowed}
#game-status{color:#fff;font-size:12px;text-align:center;font-weight:800;line-height:1.5;min-height:54px;margin:14px 3px 0}#keyboard-help{color:#e6f9ff;font-size:9px;text-align:center;line-height:1.4;margin:8px 0 0}
.illustrated-travel{padding:105px 0 70px;background:#fffdf7}.travel-heading{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:55px}.travel-heading h2{font-size:59px;margin-bottom:0}.travel-heading>p{font-size:15px;margin:30px 0 0;line-height:1.9}.travel-heading strong{color:#3d657b;font-weight:800}
.travel-postcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.travel-postcard:nth-child(2){padding-top:50px}.travel-postcard:nth-child(3){padding-top:12px}.postcard-image{position:relative;padding:8px;background:white;rotate:-3deg;box-shadow:2px 8px 0 #d5e8e633,0 10px 26px #40677612;border-radius:4px}.travel-postcard:nth-child(2) .postcard-image{rotate:3deg}.travel-postcard:nth-child(3) .postcard-image{rotate:-2deg}.postcard-image:before{content:'';position:absolute;z-index:1;background:#ffe59cbd;width:70px;height:25px;top:-10px;left:calc(50% - 35px);rotate:8deg}.postcard-image img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;border-radius:2px}.postmark{position:absolute;bottom:-18px;right:-4px;background:#fffce9f0;color:#78603f;border:3px double #b0a082;border-radius:50%;height:67px;width:67px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:var(--display);font-weight:700;font-size:12px;line-height:1.35;rotate:12deg;text-align:center}.postcard-caption{padding:30px 12px 0}.postcard-caption>span{font-size:8px;font-weight:900;letter-spacing:1.4px;color:#6893a1}.postcard-caption h3{font-size:31px;margin:10px 0 12px}.postcard-caption p{font-size:13px;line-height:1.7;margin:0}.travel-art-note{margin:40px 0 0;text-align:center;font-size:10px;color:#7b8f98}
@keyframes balloon-burst{0%{scale:1}50%{scale:1.22;opacity:1}100%{scale:.2;opacity:0}}@keyframes balloon-fall{from{translate:0 -18px;opacity:.5}to{translate:0 0;opacity:1}}@keyframes shake{0%,100%{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes combo-in{from{scale:.7;opacity:0}to{scale:1;opacity:1}}
@media(max-width:1050px){.demo-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.demo-copy h2{font-size:59px}.game-cabinet{padding:12px 12px 15px;border-radius:27px}.board-wrap{padding:5px}.game-row,#match-grid{gap:3px}.game-cell{padding:3px;border-radius:6px}.travel-heading h2{font-size:48px}.travel-heading{gap:25px}.travel-postcards{gap:20px}.postcard-caption h3{font-size:26px}.postcard-caption{padding-inline:5px}}
@media(max-width:700px){.hero-token.token-star{width:55px;height:62px;left:6%;bottom:18%}.hero-token.token-drop{display:none}.playable-section{padding-block:60px 65px}.demo-layout{grid-template-columns:1fr;gap:30px}.demo-copy{text-align:center}.demo-copy h2{font-size:58px;margin-bottom:20px}.demo-copy>p:not(.eyebrow){font-size:14px;max-width:340px;margin-inline:auto}.game-instructions{display:flex;gap:12px;justify-content:center;margin:25px 0 0}.game-instructions li{flex-direction:column;gap:9px;align-items:center;flex:1}.game-instructions li>span{width:27px;height:27px;font-size:17px}.game-instructions p{font-size:10px;line-height:1.6}.demo-token-row{display:none}.demo-copy .demo-caption{font-size:10px!important;margin:22px auto 0!important}.game-cabinet{justify-self:center;width:100%;max-width:440px;padding:12px 10px 12px;border-width:4px;border-bottom-width:8px}.cabinet-top{grid-template-columns:1fr 55px 1fr;gap:12px;padding-bottom:12px}.game-medal{width:50px;height:50px;font-size:32px;border-width:3px}.cabinet-top strong{font-size:27px}.cabinet-top span{font-size:8px}.board-wrap{padding:5px;border-width:2px;border-radius:12px}.game-cell{padding:2px;border-radius:6px}#match-grid,.game-row{gap:3px}.game-controls{gap:10px;margin-top:12px}.game-controls button{padding:7px;font-size:11px}#game-status{font-size:11px;min-height:50px;margin-top:12px}#keyboard-help{display:none}#combo-burst{font-size:32px}.illustrated-travel{padding:70px 0 50px}.travel-heading{display:block;text-align:center;margin-bottom:42px}.travel-heading h2{font-size:43px}.travel-heading>p{font-size:13px;margin:22px 0 0}.travel-postcards{grid-template-columns:1fr;gap:44px;padding:0 10px}.travel-postcard:nth-child(2),.travel-postcard:nth-child(3){padding-top:0}.postcard-image img{aspect-ratio:1.45}.postcard-caption{padding:28px 10px 0}.postcard-caption h3{font-size:30px}.postcard-caption p{font-size:14px}.travel-art-note{font-size:9px;margin-top:30px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-content,.hero-particles{will-change:auto;transform:none!important}.game-cell.matching img{opacity:.3}.game-cell img{transition:none}.reveal{opacity:1!important;translate:none!important}}

/* Rubans de ciel : deux silhouettes asymétriques, sans bordure répétée. */
.playable-section:before{display:none}
.playable-section{margin-top:100px;padding-top:48px;padding-bottom:215px;border-radius:0;position:relative}
.scene-edge{position:absolute;left:0;width:100%;pointer-events:none;z-index:0;line-height:0}
.scene-edge svg{width:100%;height:100%;display:block}
.edge-arrival{top:-159px;height:160px}
.edge-departure{bottom:-1px;height:190px}
.illustrated-travel{padding-top:38px}

/* Objets proches/lointains : jamais au-dessus du texte ou de la grille. */
.depth-scene{position:relative;isolation:isolate}
.depth-layer{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:1}
.depth-object{position:absolute;width:65px;height:72px;object-fit:contain;will-change:transform;pointer-events:none;filter:drop-shadow(0 10px 6px #234e6b15)}
.depth-far{width:38px;height:43px;opacity:.35;filter:blur(1.2px)}
.depth-near{opacity:.8;rotate:14deg}
.depth-left{left:2%;top:17%}.depth-right{right:2%;bottom:14%}
.depth-scene>.wrap,.depth-scene>.intro-copy,.depth-scene>.character-card{position:relative;z-index:2}
.depth-intro .depth-left{top:9%;left:2%}.depth-intro .depth-right{right:1%;bottom:5%;width:43px;height:48px;opacity:.5}
.depth-game .depth-right{top:20%;bottom:auto;right:1%}.depth-game .depth-left{top:auto;bottom:38px;left:8%;width:80px;height:88px;rotate:-18deg;opacity:.85}
.depth-travel .depth-left{top:10%;left:1%}.depth-travel .depth-right{bottom:3%;right:7%;width:46px;height:51px;opacity:.65}
.depth-film .depth-left{top:9%;left:2%}.depth-film .depth-right{bottom:6%;right:2%;width:48px;height:54px;opacity:.6}
.depth-end .depth-left{left:12%;top:25%;width:52px;height:58px;opacity:.5}.depth-end .depth-right{right:10%;bottom:30%;width:70px;height:78px}
.depth-end>h2,.depth-end>p,.depth-end>button,.depth-end>.end-star{position:relative;z-index:2}

/* L’iPhone sort de la scène ; l’illustration et sa parallaxe restent masquées. */
.hero{overflow:visible;z-index:3;isolation:isolate}
.hero-scene{position:absolute;inset:0;overflow:hidden;z-index:0;background:#93e1ed}
.hero .hero-content{z-index:2}
.hero .cloud-edge{height:100px;bottom:-1px;clip-path:none;background:none;z-index:2;pointer-events:none}
.cloud-edge svg{width:100%;height:100%;display:block}
.hero-phone{position:absolute;right:max(24px,calc((100% - 1380px)/2));bottom:-160px;width:350px;margin:0;z-index:4;pointer-events:none;rotate:-3deg}
.hero-phone img{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 16px #19445e22)}
.hero .floating-note{right:31%;bottom:12%;font-size:11px;padding:11px 15px}
.hero .scroll-note{bottom:70px}
.hero+.intro{padding-top:215px;padding-bottom:135px}
.store-links{display:flex;gap:12px;align-items:center;margin:8px 0 25px}
.store-badge{display:flex;align-items:center;gap:10px;padding:9px 15px;background:#203d53;color:#fff;text-decoration:none;border:1px solid #ffffff65;border-radius:9px;min-width:153px;transition:transform .2s,background .2s;box-shadow:0 3px #163044}
.store-badge:hover{background:#315b76;transform:translateY(-2px)}
.store-badge svg{width:25px;height:29px;flex-shrink:0}
.store-badge>span{display:flex;flex-direction:column;line-height:1.2}
.store-badge small{font-size:8px;font-weight:800;letter-spacing:.8px;margin-bottom:3px}
.store-badge strong{font-size:17px;font-weight:800;white-space:nowrap}
@media(min-width:1700px){.hero-phone{right:max(5%,calc((100% - 1360px)/2));width:390px;bottom:-175px}.hero+.intro{padding-top:240px}}
@media(min-width:701px) and (max-width:1050px){.hero{min-height:900px}.hero-phone{width:300px;right:10px;bottom:-135px}.hero .floating-note{right:34%;bottom:8%}.hero+.intro{padding-top:195px}.store-badge{min-width:140px;padding:9px 12px}.store-badge strong{font-size:15px}.hero .hero-content{padding-top:0}}
@media(max-width:700px){.playable-section{margin-top:65px;padding-top:32px;padding-bottom:140px}.edge-arrival{height:100px;top:-99px}.edge-departure{height:120px}.illustrated-travel{padding-top:28px}.depth-object{will-change:auto}.depth-far{width:26px;height:30px;opacity:.25}.depth-near{width:38px;height:43px;opacity:.6}.depth-intro .depth-right{width:30px;height:34px;bottom:2%;right:0}.depth-game .depth-right{top:33%;right:1%;width:23px;height:27px;opacity:.25}.depth-game .depth-left{width:48px;height:54px;bottom:24px;left:8%}.depth-travel .depth-right{right:3%;bottom:1%;width:32px;height:36px}.depth-travel .depth-left{top:3%;left:1%}.depth-film .depth-right{width:28px;height:31px;right:1%;bottom:4%}.depth-end .depth-left{width:26px;height:30px;left:1%;top:30%}.depth-end .depth-right{width:34px;height:38px;right:0;bottom:24%}.hero{min-height:1120px}.hero .hero-art{height:62%;top:auto;bottom:0}.hero .hero-shade{background:linear-gradient(180deg,#bceff1 0%,#bceff1 42%,#bceff100 69%)}.hero-phone{width:235px;right:5px;bottom:-120px;rotate:-4deg}.hero .cloud-edge{height:65px}.hero .floating-note{right:auto;left:24px;bottom:125px;font-size:10px;padding:10px 12px}.hero .scroll-note{bottom:42px;left:27%;font-size:7px;letter-spacing:.5px;gap:5px;white-space:normal;max-width:130px;text-align:center}.hero .scroll-note span{font-size:18px}.hero+.intro{padding-top:195px;padding-bottom:90px}.store-links{gap:9px;margin:3px 0 22px}.store-badge{padding:9px 11px;min-width:0;gap:8px}.store-badge strong{font-size:15px}.store-badge small{font-size:7px}.store-badge svg{width:22px;height:26px}.hero-content .hero-note{font-size:9px;max-width:285px}.hero-content .hero-actions{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.depth-object{transform:none!important;will-change:auto}.store-badge{transition:none}}
/* Garder la rotation du téléphone à l’intérieur de la largeur disponible. */
@media(min-width:701px) and (max-width:1050px){.hero-phone{right:20px}}
@media(max-width:700px){.hero-phone{right:19px}}

/* Étiquette au premier plan, attachée au téléphone. */
.hero-phone .floating-note{z-index:5;left:-12px;right:auto;top:auto;bottom:28%;width:max-content;max-width:185px;padding:13px 18px;font-size:12px;box-shadow:0 7px 20px #163e5a30}
@media(max-width:700px){.hero-phone .floating-note{left:-13px;right:auto;bottom:26%;padding:10px 13px;font-size:10px;max-width:150px}}

/* Twaig se cache derrière le plateau. Le PNG et les yeux tournent ensemble. */
.game-stage{position:relative;isolation:isolate;width:100%;max-width:540px;justify-self:end;margin-top:110px}
.game-stage .game-cabinet{z-index:2}
.peek-cat{--cat-tilt:-17deg;position:absolute;z-index:1;width:210px;aspect-ratio:1;left:-38px;bottom:calc(100% - 42px);transform:rotate(var(--cat-tilt));transform-origin:50% 75%;pointer-events:none;user-select:none;filter:drop-shadow(0 7px 5px #79551e12)}
.peek-cat>img{width:100%;height:100%;object-fit:contain}
.cat-eye{position:absolute;display:block;width:24.6%;height:24.5%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.cat-eye-left{left:29.8%;top:55.1%}
.cat-eye-right{left:68.3%;top:55.1%}
.cat-pupil{position:absolute;left:50%;top:50%;width:58%;height:65%;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#30302e 0%,#141716 70%);transform:translate(-50%,-50%);transition:translate 100ms ease-out;box-shadow:inset 0 0 0 1px #34332a80}
.cat-pupil:before{content:"";position:absolute;left:20%;top:14%;width:28%;height:25%;border-radius:50%;background:#fffef5}
.cat-pupil:after{content:"";position:absolute;right:19%;bottom:18%;width:10%;height:10%;border-radius:50%;background:#fffef55c}
@media(min-width:701px) and (max-width:1050px){.peek-cat{width:180px;left:-12px;bottom:calc(100% - 36px)}.game-stage{margin-top:100px}}
@media(max-width:700px){.game-stage{max-width:440px;justify-self:center;margin-top:110px}.peek-cat{width:165px;left:18px;bottom:calc(100% - 37px);--cat-tilt:-14deg}}
@media(prefers-reduced-motion:reduce){.cat-pupil{transition:none;translate:0 0!important}}

/* Navigation fixe : transparente à l’accueil, fond papier après 80 px. */
.header{position:fixed;z-index:30;width:100%;max-width:none;padding-inline:max(40px,calc((100% - 1320px)/2));isolation:isolate;transition:height 220ms ease-out}
.header:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdf7f5;border-bottom:1px solid #c4e5e4;box-shadow:0 5px 22px #21435a0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity 220ms ease-out;pointer-events:none}
.header.is-scrolled{height:78px}
.header.is-scrolled:before{opacity:1}
.header.is-scrolled .button-white{background:#ffe071;box-shadow:0 4px 0 #d4ac40}
@media(max-width:1050px){.header{padding-inline:30px}}
@media(max-width:700px){.header{padding-inline:20px}.header.is-scrolled{height:72px}}
@media(prefers-reduced-motion:reduce){.header,.header:before{transition:none}}