/* Le carnet d’aventures : les repères graphiques du site, à hauteur d’enfant. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-400.woff') format('woff')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-500.woff') format('woff')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700 900;font-display:swap;src:url('assets/fonts/dm-sans-700.woff') format('woff')}
@font-face{font-family:Fraunces;font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/fraunces-500.woff') format('woff')}
@font-face{font-family:Fraunces;font-style:normal;font-weight:650 900;font-display:swap;src:url('assets/fonts/fraunces-700.woff') format('woff')}
:root{--ink:#173a32;--paper:#fbf8ee;--white:#fffdf6;--sun:#efad3f;--orange:#b94d31;--muted:#52665b;--line:#d2dccb;--sky:#a9cbd0;--sage:#8fab80;--soft-sun:#f8edc9;--soft-sky:#e3eef0;--serif:Fraunces,Georgia,serif;--sans:'DM Sans',Arial,sans-serif;font-family:var(--sans);font-size:17px;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button,input,select,textarea{font-family:var(--sans)}
h1,h2,.mode-card-name,.hub-link strong,.memory-tile h3,.memory-empty h3{font-family:var(--serif);font-weight:500;color:var(--ink)}
h1{font-size:clamp(2.7rem,5.5vw,4.8rem);line-height:1.04;letter-spacing:-.045em}
h1 em,.page-intro em{color:var(--orange);font-weight:500}
h2{line-height:1.16;letter-spacing:-.03em}
h3{color:var(--ink)}
main{max-width:1260px;padding:36px 28px 48px;min-height:65vh}
main :is(h1,h2,h3,p,button){overflow-wrap:break-word}
main :is(.page-intro,.hero>div,.section-heading>div,.hub-copy,.play-heading h1){min-width:0}
p{line-height:1.65}
.eyebrow{color:var(--orange);font-size:.7rem;letter-spacing:.14em;line-height:1.6}
.kids-illustration{display:block;width:100%;height:100%;max-width:160px;max-height:120px;flex-shrink:0;overflow:visible}
.kids-header{max-width:1260px;padding:20px 28px;gap:26px;border-bottom:1px solid var(--line);position:relative}
.kids-brand{flex-shrink:0;gap:13px;color:var(--ink);letter-spacing:-.035em;font:500 1.6rem/1.1 var(--serif)}
.kids-brand img{display:block;width:65px;height:65px;object-fit:contain}
.kids-brand small{margin-top:7px;letter-spacing:.05em;font:700 .62rem/1.3 var(--sans);text-transform:uppercase}
.kids-header nav{margin-left:auto;margin-right:0;gap:5px;flex-wrap:nowrap}
.kids-header nav button{font-size:.84rem;min-height:46px;padding:12px 16px;border:1px solid transparent;border-radius:999px}
.kids-header nav button.is-current{background:var(--soft-sun);border-color:#dac38b;color:var(--ink)}
.kids-header nav button:hover{background:#ecefdf}
.site-return{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.78rem;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.skip:focus{position:absolute;z-index:20;background:var(--sun);border-radius:12px;left:12px;top:12px}
.button{border-radius:999px;min-height:52px;padding:14px 24px;font-size:.9rem;font-weight:700;gap:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;background:var(--ink);color:var(--white);text-align:center}
.button.sun{background:var(--sun);color:#0d2b24;box-shadow:0 3px 0 #b7822826}
.button.secondary{border-color:#acbcab;background:transparent;color:var(--ink)}
.button.text{box-shadow:none;border-color:transparent;border-radius:12px;font-size:.85rem;text-underline-offset:5px}
.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #173a3210}
.button.secondary:hover{background:#eef1e6}
.button.small{min-height:44px;padding:10px 17px;font-size:.8rem}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.kids-welcome{grid-template-columns:1.05fr 1fr;gap:55px;margin:14px 0 38px;padding:12px 0 22px}
.kids-label{display:inline-block;margin-bottom:22px;padding:7px 12px;background:var(--soft-sun);border-radius:10px 4px 10px 4px;transform:rotate(-1deg);color:var(--ink);font-size:.63rem;letter-spacing:.12em}
.hero h1{max-width:630px}
.hero .intro{font-size:1rem;line-height:1.65;max-width:520px;margin:24px 0 28px}
.hero-art{padding:10px 5px 16px}
.hero-art img{aspect-ratio:700/470;object-fit:contain;width:100%;height:auto;border:6px solid var(--white);border-radius:32px;transform:rotate(1deg);box-shadow:0 12px 30px #173a3210}
.map-note{bottom:0;left:25px;max-width:calc(100% - 45px);border-radius:10px 5px 10px 5px;transform:rotate(-2deg);padding:11px 17px;background:var(--soft-sun);font-size:.74rem;color:var(--ink)}
.family-entry{margin:0;padding:12px 0;gap:20px;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
.family-entry h2{font:700 .86rem/1.5 var(--sans)}
.family-entry p{font-size:.8rem;color:var(--muted);margin:2px 0 0;line-height:1.5}
.family-entry .button{padding:10px 0;min-height:44px;white-space:normal;text-align:left}
.kids-missions{padding:42px 0 46px;margin:26px 0 40px;background:var(--soft-sun);box-shadow:0 0 0 100vmax var(--soft-sun);clip-path:inset(0 -100vmax)}
.section-heading{align-items:center;margin-bottom:22px;gap:25px}
.section-heading .eyebrow{margin:0 0 7px;color:var(--orange);font-size:.67rem}
.section-heading h2{font-size:clamp(2.1rem,3.6vw,3rem)}
.section-heading p{margin-top:9px;font-size:.88rem;line-height:1.6}
.journey-summary{min-width:170px;max-width:270px;flex-shrink:0}
.journey-summary p{font-size:.77rem;line-height:1.5;color:var(--muted);margin:0 0 8px}
.journey-summary strong{color:var(--ink);font-size:1.1rem;white-space:nowrap;margin-right:4px}
.journey-summary progress{display:block;width:100%;height:8px;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:#d9dfcc;color:var(--ink);overflow:hidden}
.journey-summary progress::-webkit-progress-bar{background:#d9dfcc;border-radius:999px}
.journey-summary progress::-webkit-progress-value{background:var(--ink);border-radius:999px}
.journey-summary progress::-moz-progress-bar{background:var(--ink);border-radius:999px}
.mode-controls{margin:20px 0 28px}
.mode-current{background:#fffdf68c;border:1px solid #d8d9c1;border-radius:18px;padding:10px 16px;gap:12px}
.mode-current p{font-size:.75rem;line-height:1.4;gap:10px}
.mode-current strong{font-size:.9rem}
.mode-symbol{width:43px;height:34px;flex-shrink:0;display:block}
.mode-current .button{background:transparent;min-height:42px;padding:9px 15px}
.mode-choices{padding:24px 0 2px}
.mode-choices h2{font-size:1.8rem;margin-bottom:18px}
.mode-card{background:var(--white);border:1px solid #b9c8b2;border-radius:24px;padding:22px;gap:10px}
.mode-card.mode-exploration{background:#fff8e5;border-color:#d8c58b}
.mode-card[aria-pressed=true]{border-width:2px;border-color:var(--ink);padding:21px;box-shadow:0 4px 0 #173a3210}
.mode-card-icon{display:block;width:86px;height:64px}
.mode-card-name{font-size:1.7rem}
.mode-card-description{font-size:.9rem}
.mode-card-action{font-size:.82rem}
#mode-choice-note{font-size:.82rem}
.mission-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mission{border:1px solid #d8ddc9;border-radius:28px;background:var(--white);box-shadow:0 4px 0 #173a3205;transition:transform .18s ease,box-shadow .18s ease}
.mission:hover{transform:translateY(-3px);box-shadow:0 9px 24px #173a3210}
.mission-art{height:154px;margin:10px 10px 0;width:calc(100% - 20px);border-radius:20px;background:var(--tint)}
.mission-art::before,.mission-art::after{display:none}
.mission-symbol{display:block;width:150px;height:113px;filter:none;transform:rotate(-3deg)}
.mission-number{left:12px;top:12px;width:32px;height:32px;border:1px solid #173a321a;background:#fffdf6e6;color:var(--ink);font-size:.68rem}
.mission-done{top:12px;right:12px;font-size:.64rem;padding:6px 10px}
.mission-body{display:flex;flex-direction:column;padding:22px 24px 20px}
.mission-place{color:var(--muted);letter-spacing:.11em;font-size:.6rem;margin-bottom:8px}
.mission h3{font:500 1.58rem/1.14 var(--serif);letter-spacing:-.025em}
.mission-desc{font-size:.85rem;line-height:1.6;margin:12px 0 20px;flex:1}
.mission-action{margin-top:auto;font-size:.82rem;align-items:center}
.mission-action>span:last-child{display:grid;place-items:center;width:30px;height:30px;background:var(--soft-sun);border-radius:50%;font-size:1.1rem;flex-shrink:0}
.kids-discover-invitation{display:flex;align-items:center;gap:24px;padding:26px 30px;background:var(--soft-sky);border-radius:28px;margin:40px 0 24px}
.kids-discover-invitation>.kids-illustration{width:95px;height:80px;flex-shrink:0}
.kids-discover-invitation>div{flex:1;min-width:0}
.kids-discover-invitation h2{font-size:1.8rem}
.kids-discover-invitation .eyebrow{font-size:.63rem;margin:0 0 5px}
.kids-discover-invitation p:last-child{font-size:.86rem;margin-top:8px;color:var(--muted)}
.kids-discover-invitation .button{flex-shrink:0}
.page-intro{max-width:800px;margin:12px 0 34px}
.page-intro p{font-size:1rem;line-height:1.65}
.page-intro .eyebrow{font-size:.7rem;margin:0 0 14px}
.hub-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 40px}
.hub-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px;border:1px solid var(--line);border-radius:28px;background:var(--white);color:var(--ink)}
.hub-link:is(.games,.after,.memories,.home,.curious){background:var(--white);border-color:var(--line)}
.hub-link>.hub-art{display:grid;place-items:center;align-self:stretch;width:100%;height:125px;border-radius:18px;background:#e5ecdb;margin-bottom:21px;font-size:1rem}
.hub-link.games>.hub-art,.hub-link.home>.hub-art{background:var(--soft-sun)}
.hub-link.memories>.hub-art{background:#f6e3d1}
.hub-link.after>.hub-art,.hub-link.curious>.hub-art{background:var(--soft-sky)}
.hub-art .kids-illustration{width:120px;height:90px}
.hub-copy{display:block;flex:1;padding-right:18px}
.hub-link strong{font-size:1.6rem;line-height:1.18;letter-spacing:-.025em}
.hub-link small{font-size:.86rem;line-height:1.6;margin-top:10px;color:var(--muted)}
.hub-link>b{align-self:flex-end;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft-sun);margin-top:16px}
.carnet-sheet{position:relative;padding:40px 46px 26px;background:var(--white);border:1px solid #d5ddca;border-radius:30px;box-shadow:5px 6px 0 var(--paper),6px 7px 0 #d5ddca;margin:14px 4px 35px 0}
.carnet-sheet::before{content:"";position:absolute;top:26px;bottom:26px;left:16px;border-left:2px dashed #d9c9a5;pointer-events:none}
.carnet-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}
.carnet-heading .page-intro{margin:0 0 22px;max-width:670px}
.carnet-heading h1{font-size:clamp(2.6rem,4.5vw,4rem)}
.carnet-cover-art{width:210px;flex-shrink:0;transform:rotate(2deg)}
.carnet-cover-art>.kids-illustration{margin:0 auto 15px;width:160px;height:120px}
.carnet-cover-art .journey-summary{min-width:0}
.carnet-sheet .mode-current{background:#f4f1e4}
.stamps-heading{font-size:1.7rem;margin:30px 0 8px}
.stamps-heading+.note{font-size:.82rem;margin:0 0 24px}
.stamps{gap:20px;margin:22px 0 30px}
.stamp{position:relative;display:flex;flex-direction:column;align-items:center;border:1.5px dashed #c2ccba;border-radius:25px;background:#f5f5ed;padding:22px 18px;color:var(--ink);min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.stamp .symbol{width:104px;height:78px;display:block;filter:grayscale(.65);opacity:.65;margin-bottom:13px;font-size:1rem}
.stamp.earned{background:var(--soft-sun);border:1.5px solid #8fab80;box-shadow:0 4px 0 #173a3210;transform:rotate(-1deg)}
.stamp.earned:nth-child(even){transform:rotate(1deg)}
.stamp.earned .symbol{filter:none;opacity:1}
.stamp strong{font:500 1.23rem/1.25 var(--serif);flex:1}
.stamp small{font-size:.75rem;line-height:1.5;margin-top:10px}
.stamp-action{font-size:.78rem;font-weight:700;margin-top:15px;text-decoration:underline;text-underline-offset:4px}
.stamp:hover{transform:translateY(-3px);box-shadow:0 7px 15px #173a3210}
.carnet-actions{justify-content:center;border-top:1px solid var(--line);padding-top:25px}
.profile-panel h2{font-size:1.6rem}
.profile-panel p{font-size:.9rem}
.avatars{gap:12px}
.avatar{border-radius:18px;background:#f4f0e1;min-width:88px}
.avatar .avatar-art{display:block;width:64px;height:48px;margin:0 auto 8px}
.avatar[aria-pressed=true]{background:var(--soft-sun);border-color:var(--ink)}
.play-wrap{max-width:900px}
.play-top{margin-bottom:24px;align-items:center}
.back{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;color:var(--ink);font-size:.86rem;font-weight:700}
.play-card,.panel{border:1px solid var(--line);border-radius:28px;background:var(--white);box-shadow:0 5px 0 #173a3204;color:var(--ink)}
.play-card{padding:clamp(24px,4vw,44px)}
.play-heading h1{font:500 clamp(1.8rem,3.2vw,2.65rem)/1.17 var(--serif);letter-spacing:-.025em}
.play-heading{margin:15px 0 22px}
.play-card .eyebrow{font-size:.65rem}
.play-card :is(.game-instruction,.note){font-size:.9rem;line-height:1.6}
.listen{border-radius:999px;background:var(--soft-sky);border-color:#b7cdd0;font-size:.76rem;padding:11px 15px;white-space:nowrap}
.option,.free-choice{border-radius:18px;background:var(--white);border-color:#c8d4bf;padding:17px 20px;font-size:1rem;font-weight:500;color:var(--ink)}
.option.selected,.free-choice:has(input:checked){background:var(--soft-sun);border-color:var(--ink)}
.option:disabled{opacity:1}
.choice-mark{border-color:#8fab80;flex-shrink:0}
.match-row,.order-item,.free-match{border-radius:18px;background:#f0f2e8;border-color:var(--line)}
.order-controls button{border-radius:12px;min-height:44px}
.feedback,.feedback.try,.status,.status.error{border-radius:18px;padding:20px;border:1px solid #bfcea9;background:#eaf0e0;line-height:1.65}
.feedback.try,.status.error{background:#fff0cf;border-color:#dac18a}
.feedback h2{font:700 1.1rem/1.35 var(--sans)}
.challenge,.free-ending{background:var(--soft-sun);border-radius:22px;border:1px dashed #c8aa65;padding:24px}
.challenge h2{font:500 1.5rem/1.2 var(--serif);margin-bottom:10px}
.challenge p{margin:10px 0}
.stamp-large{width:160px;height:120px;margin:16px auto 24px}
.tip-card,.home-card,.curious-tile,.free-tile{border:1px solid var(--line);border-radius:28px;background:var(--white);color:var(--ink);box-shadow:0 4px 0 #173a3205;padding:27px}
.tip-card:nth-child(3n+2),.home-card.home-cuisine,.curious-tile:nth-child(3n+2),.free-color-2{background:#fff8e5}
.tip-card:nth-child(3n),.home-card.home-nature,.free-color-3{background:#eef2e5}
.home-card.home-ensemble,.curious-tile:nth-child(3n),.free-color-1{background:#eaf2f3}
.tip-card h2,.home-card h2,.curious-tile h2,.free-tile h2{font:500 1.65rem/1.18 var(--serif);margin-top:16px}
.tip-card p,.home-card p,.curious-tile p,.free-tile p{font-size:.94rem;line-height:1.65}
.tip-symbol,.home-card-icon{display:block;width:100px;height:75px;margin-bottom:8px}
.tip-action{font-size:.84rem;font-weight:700;line-height:1.5}
.memory-tile{border-radius:24px 12px 24px 12px;background:#fff5d7;padding:28px;box-shadow:3px 5px 0 #d6cbb833}
.memory-tile:nth-child(3n+2){background:#f8e8de}
.memory-tile:nth-child(3n){background:#eaf0df}
.memory-tile h3{font-size:1.45rem}
.memory-tile p{font-size:1rem;line-height:1.7}
.memory-prompt,.memory-empty{border-radius:24px}
.memory-editor :is(input,textarea),.survey-text,.profile-select{border-radius:14px;font-family:var(--sans);font-size:1rem;line-height:1.5}
.family-panel{background:var(--soft-sky);border-color:#b7cdd0;border-width:1px}
.family-panel a.button{background:var(--sky);color:var(--ink);border-color:#85abb1}
.kids-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;max-width:1260px;margin:0 auto;padding:35px 28px 28px;border-top:1px solid var(--line);font-size:.8rem}
.kids-footer-brand>strong{display:block;font:500 2.1rem/1.2 var(--serif);color:var(--ink);margin-bottom:12px}
.kids-footer-brand p{font-size:.83rem;line-height:1.6;color:var(--muted)}
.kids-footer nav{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}
.kids-footer :is(button,a){display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.8rem;text-decoration:underline;text-underline-offset:5px;font-weight:700;color:var(--ink);padding:8px 0;margin:0}
.kids-footer span{margin:0}
.kids-copyright{width:100%;padding-top:18px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted)}
@media(min-width:701px){.mobile-nav{display:none}}
@media(max-width:1050px){.kids-header{gap:15px}.kids-brand{font-size:1.4rem;gap:9px}.kids-brand img{width:54px;height:54px}.kids-header nav button{padding:11px 12px;font-size:.78rem}.kids-header .site-return{font-size:.72rem}.kids-welcome{gap:32px}.hero h1{font-size:3.7rem}.hero-buttons{gap:10px}.hero-buttons .button{padding:14px 19px}.hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}.carnet-sheet{padding:32px 34px}.carnet-sheet::before{left:12px}.carnet-cover-art{width:170px}}
@media(max-width:850px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-welcome{gap:24px}.hero h1{font-size:3.25rem}.hero .intro{font-size:.94rem}.kids-header{flex-wrap:wrap}.kids-header nav{order:3;width:100%;justify-content:center}.kids-header .site-return{margin-left:auto}.kids-discover-invitation{gap:17px;padding:23px}.kids-discover-invitation>.kids-illustration{width:70px;height:65px}.kids-discover-invitation h2{font-size:1.6rem}.carnet-heading{gap:20px}.carnet-heading h1{font-size:3rem}.stamps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:root{font-size:16px}main{padding:24px 20px 34px}.kids-header{padding:14px 20px;flex-wrap:nowrap;gap:14px}.kids-brand{font-size:1.4rem}.kids-brand img{width:49px;height:49px}.kids-brand small{font-size:.56rem;letter-spacing:.035em}.kids-header nav{display:none}.kids-header .site-return{display:inline-flex;margin-left:auto;font-size:.76rem}.kids-welcome{grid-template-columns:1fr;gap:25px;margin:3px 0 30px;padding:5px 0}.hero h1{font-size:clamp(3rem,11vw,4rem);max-width:500px}.kids-label{font-size:.6rem;margin-bottom:17px}.hero .intro{font-size:1rem;margin:21px 0 23px}.hero-buttons .button{padding:14px 20px;min-height:52px}.hero-art{max-width:500px;width:100%;margin:auto;padding:4px 6px 14px}.hero-art img{max-height:none;height:auto;object-fit:contain;border-radius:25px}.map-note{font-size:.72rem;left:22px;bottom:0;padding:10px 14px}.family-entry{flex-direction:row;align-items:center;padding:13px 0;gap:15px}.family-entry .button{width:auto;flex-shrink:1;min-width:94px;max-width:140px;padding:9px 0}.family-entry h2{font-size:.83rem}.family-entry p{font-size:.77rem}.kids-missions{padding:30px 0;margin-top:22px}.section-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px}.section-heading h2{font-size:2.4rem}.section-heading p{font-size:.91rem}.section-heading .journey-summary{width:100%;max-width:260px}.journey-summary p{font-size:.8rem}.mode-current{padding:11px 12px;flex-wrap:nowrap}.mode-current p{min-width:0;font-size:.73rem;gap:8px}.mode-current strong{font-size:.89rem}.mode-symbol{width:36px;height:30px}.mode-current .button{font-size:.78rem;padding:10px 13px}.mode-cards{grid-template-columns:1fr}.mode-choices h2{font-size:1.7rem}.mode-card-description{font-size:1rem}.mission-grid{grid-template-columns:1fr;gap:18px}.mission{display:grid;grid-template-columns:105px minmax(0,1fr);border-radius:25px}.mission-art{margin:10px 0 10px 10px;width:95px;height:auto;min-height:177px;border-radius:18px}.mission-symbol{width:96px;height:80px;transform:rotate(-3deg)}.mission-number{top:10px;left:10px;width:26px;height:26px;font-size:.63rem}.mission-done{top:auto;bottom:9px;left:4px;right:4px;text-align:center;white-space:normal;font-size:.57rem;padding:6px 3px}.mission-body{padding:20px 18px}.mission h3{font-size:1.45rem}.mission-place{font-size:.59rem}.mission-desc{font-size:.85rem;margin:10px 0 13px}.mission-action{font-size:.79rem;gap:8px}.mission-action>span:last-child{width:26px;height:26px}.kids-discover-invitation{display:grid;grid-template-columns:63px minmax(0,1fr);gap:16px;padding:22px;margin:30px 0 22px}.kids-discover-invitation>.kids-illustration{width:63px;height:60px}.kids-discover-invitation h2{font-size:1.6rem}.kids-discover-invitation p:last-child{font-size:.86rem}.kids-discover-invitation>.button{grid-column:1/-1;justify-self:start}.hub-links{grid-template-columns:1fr;gap:18px}.hub-link{display:grid;grid-template-columns:77px minmax(0,1fr) 22px;gap:16px;align-items:center;padding:20px}.hub-link>.hub-art{width:77px;height:82px;margin:0;border-radius:16px}.hub-art .kids-illustration{width:74px;height:60px}.hub-copy{padding:0}.hub-link strong{font-size:1.45rem}.hub-link small{font-size:.88rem;margin-top:8px}.hub-link>b{width:24px;height:28px;margin:0;align-self:center;background:transparent}.carnet-sheet{padding:25px 23px 20px;margin-top:2px;border-radius:26px}.carnet-sheet::before{left:9px}.carnet-heading{display:block}.carnet-heading h1{font-size:2.9rem}.carnet-heading .page-intro p{font-size:.94rem}.carnet-cover-art{display:flex;align-items:center;width:100%;gap:16px;transform:none;margin-bottom:22px}.carnet-cover-art>.kids-illustration{width:75px;height:60px;margin:0}.carnet-cover-art .journey-summary{flex:1;max-width:none}.stamps{gap:12px;margin:22px -6px 25px}.stamps-heading{font-size:1.55rem}.stamp{padding:17px 10px;border-radius:21px}.stamp .symbol{width:80px;height:60px}.stamp strong{font-size:1.16rem}.stamp small{font-size:.73rem}.stamp-action{font-size:.77rem}.carnet-actions{gap:12px}.carnet-actions>.button{width:100%;font-size:.88rem;padding:13px 16px}.page-intro h1{font-size:clamp(2.5rem,9.5vw,3.5rem)}.play-card{padding:24px 20px;border-radius:25px}.play-heading h1{font-size:2rem}.play-top{gap:10px}.play-top .back{font-size:.85rem}.step-dots{gap:4px}.step-dots span{width:8px;height:8px}.step-dots small{margin-left:3px;font-size:.7rem}.play-actions{gap:12px}.play-actions .button{min-width:120px;font-size:.86rem;padding:14px 16px}.option,.free-choice{padding:16px 13px;gap:12px}.panel{padding:23px 20px}.tip-card,.home-card,.curious-tile,.free-tile{padding:24px}.tips-grid,.home-grid,.free-grid,.curious-grid{grid-template-columns:1fr}.kids-footer{padding:27px 20px calc(110px + env(safe-area-inset-bottom));gap:22px}.kids-footer nav{width:100%;gap:6px 22px}.kids-footer :is(button,a){font-size:.83rem}.kids-copyright{font-size:.68rem}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:10;inset:auto 0 0;gap:4px;background:#fffdf6;border-top:1px solid #cbd6c6;box-shadow:0 -4px 20px #173a3207;padding:9px 10px calc(9px + env(safe-area-inset-bottom));backdrop-filter:none}.mobile-nav button{min-width:0;min-height:54px;padding:7px 2px;border-radius:16px;color:var(--ink);font-size:1rem}.mobile-nav button svg{display:block;width:23px;height:23px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.mobile-nav span{font:700 .65rem/1.35 var(--sans);display:block;margin:5px 0 0}.mobile-nav .is-current{background:var(--soft-sun)}body{scroll-padding-bottom:100px}main{scroll-margin-bottom:100px}}
@media(max-width:370px){main{padding-inline:17px}.kids-header{padding-inline:17px;gap:9px}.kids-brand{font-size:1.26rem}.kids-brand img{width:42px;height:42px}.kids-brand small{font-size:.49rem}.hero-buttons{display:grid;grid-template-columns:1fr}.hero-buttons .button{width:100%}.mission{grid-template-columns:84px minmax(0,1fr)}.mission-art{width:74px}.mission-symbol{width:76px;height:70px}.mission-body{padding:18px 14px}.mission h3{font-size:1.3rem}.mission-place{font-size:.53rem}.hub-link{grid-template-columns:65px minmax(0,1fr);gap:13px;padding:18px}.hub-link>.hub-art{width:65px;height:77px}.hub-link>b{display:none}.hub-link strong{font-size:1.3rem}.carnet-sheet{padding:22px 19px}.mode-symbol{display:none}.stamps{gap:9px}.stamp strong{font-size:1.05rem}.play-card{padding:22px 16px}.play-heading h1{font-size:1.8rem}.mobile-nav span{font-size:.59rem}}
@media(prefers-reduced-motion:no-preference){.kids-discover-invitation>.kids-illustration{transition:transform .25s ease}.kids-discover-invitation:hover>.kids-illustration{transform:rotate(-5deg)}.finish .stamp-large{animation:carnet-stamp .4s ease-out both}@keyframes carnet-stamp{from{transform:scale(1.15) rotate(-7deg);opacity:.4}to{transform:scale(1) rotate(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.kids-label,.map-note,.hero-art img,.mission-symbol,.stamp.earned,.carnet-cover-art{transform:none}}
@media print{.kids-header,.kids-footer,.mobile-nav,.family-entry,.kids-missions,.kids-discover-invitation,.carnet-heading,.carnet-actions,.profile-panel,.mode-controls,.hub-links,.stamps-heading,.stamps,.note{display:none!important}main{padding:0;max-width:none}.carnet-sheet,.play-card,.panel{background:white;box-shadow:none;border:0;padding:0}.carnet-sheet::before{display:none}.certificate{display:block;border:4px double var(--ink);padding:30px}.home-sheet h1,.memory-sheet h1{font-size:26pt}.home-sheet h2,.memory-sheet h2{font-size:18pt}.memory-story{font-size:12pt}}

/* Boussole Uto’Pistes */
.kids-compass-intro{max-width:760px}.kids-compass-visual{max-width:560px;margin:10px auto 38px;padding:18px}.kids-compass-visual img{display:block;width:100%;height:auto}.kids-compass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 32px}.kids-compass-card{border:1px solid var(--line);border-radius:28px;background:var(--white);padding:28px;box-shadow:0 5px 0 #173a3204}.kids-compass-card>span{font-size:2rem}.kids-compass-card h2{font:500 1.65rem/1.2 var(--serif);margin:10px 0 12px}.kids-compass-card p:not(.eyebrow){line-height:1.65}.kids-compass-card strong{display:block;margin-top:16px;line-height:1.5}.kids-compass-card.attention{background:var(--soft-sky)}.kids-compass-card.intention{background:var(--soft-sun)}.kids-compass-card.robustness{background:#eaf0e0}.kids-compass-card.sanctuary{background:#f7e6dd}.kids-compass-recap{max-width:820px;margin:0 auto 28px;padding:30px;border-radius:28px;background:#fffdf6;border:1px solid var(--line)}.kids-compass-recap h2{font:500 2rem/1.2 var(--serif)}.kids-compass-recap ol{display:grid;gap:10px;padding-left:22px;line-height:1.55}.hub-link.compass{background:#f7e6dd}@media(max-width:700px){.kids-compass-grid{grid-template-columns:1fr}.kids-compass-card{padding:23px 20px}.kids-compass-visual{padding:0;margin-bottom:25px}}