/* Certoly: generated blue pixel frame, native readable text, functional pointer. */
.certoly-guide{position:fixed;inset:0;z-index:600;pointer-events:none;font-family:inherit;color:#F5F6FF}
.guide-spot{position:fixed;box-sizing:border-box;border:2px solid #A3C4FF;border-radius:22px;background:transparent;box-shadow:0 0 0 4px #6E93F526,0 0 20px #8FB2FF33,0 0 0 9999px rgba(9,15,31,.61);pointer-events:none}
/* Informational and action steps share the same clear spotlight. */
.guide-block{position:fixed;pointer-events:auto;touch-action:none}
.guide-talk:focus{outline:none}.guide-talk{position:fixed;display:grid;grid-template-columns:184px minmax(0,1fr);align-items:start;pointer-events:none;padding:0;box-sizing:border-box;overflow:visible!important;max-height:none!important}
.guide-toly{grid-column:1;grid-row:1;display:block;width:202px;max-width:110%;height:auto;margin-top:12px;image-rendering:pixelated;pointer-events:none}
.guide-talk-content{grid-column:2;grid-row:1;min-width:0}.guide-bubble{position:relative;box-sizing:border-box;pointer-events:auto;background-image:var(--toly-bubble);background-repeat:no-repeat;background-size:100% 132%;background-position:center;padding:32px calc(4% + 20px) 32px calc(8% + 20px);min-width:0}
.guide-overline{display:block;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#BFCFF4;margin-bottom:8px}
.guide-bubble h2,.guide-bubble h1{font-size:19px;line-height:1.25;text-align:center;margin:0 0 10px;font-weight:800;color:#F5F6FF}
.guide-bubble p{font-size:16px;line-height:1.45;margin:0;color:#E0E7FA;text-wrap:pretty;text-align:center}
.guide-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;padding:0 12px 4px 28px;pointer-events:auto}
.guide-actions button{font-family:inherit;font-size:15px;font-weight:800;line-height:1.3;min-height:48px;border:0;padding:12px 20px;cursor:pointer;max-width:100%;white-space:normal}
.guide-next,.guide-finish-next{background:linear-gradient(120deg,#7798ED,#8B7AE6);color:#fff;border-radius:16px;box-shadow:0 4px #48568E,inset 0 1px 0 #D6E1FF66;text-shadow:0 1px 2px #273C6970;transition:transform .15s,box-shadow .15s}
.guide-next:hover,.guide-finish-next:hover{filter:brightness(1.07)}
.guide-next:active,.guide-finish-next:active{transform:translateY(3px);box-shadow:0 1px #48568E}
.guide-skip{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:5;pointer-events:auto;min-height:44px;padding:10px 16px;border:1px solid #8396C066;background:#263453;color:#E5EDFF;border-radius:14px;font:700 13px/1.3 inherit;font-family:inherit;cursor:pointer;box-shadow:0 3px 0 #142039}
.guide-skip:hover{background:#354566}.guide-skip:focus-visible{outline:3px solid #D4DEFF;outline-offset:3px}

.guide-actions button:focus-visible,.guide-finish button:focus-visible{outline:3px solid #D4DEFF;outline-offset:5px}
.guide-click{position:fixed;z-index:1;pointer-events:none;width:60px;height:76px;filter:drop-shadow(2px 4px 0 #0B153A88);animation:guide-point 1.6s steps(4,end) infinite}
.guide-click svg{display:block;width:100%;height:100%;overflow:visible}
.guide-click-spark{animation:guide-tap 1.6s steps(1,end) infinite}
.certoly-guide [hidden]{display:none!important}
.guide-tap-hint{display:none;box-sizing:border-box;background:#263453;border-radius:12px;padding:7px 10px;color:#DCE6FC;font-size:12px;line-height:1.4;text-align:center;width:100%}.guide-touch-feedback{position:fixed;z-index:650;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid #CADBFF;box-shadow:0 0 0 3px #354875;border-radius:5px;pointer-events:none;animation:guide-touch .42s steps(4,end) forwards}@keyframes guide-touch{from{transform:scale(.4);opacity:1}to{transform:scale(1.7);opacity:0}}
@keyframes guide-point{0%,65%,100%{transform:translate(0,0)}30%,45%{transform:translate(-8px,-8px)}}
@keyframes guide-tap{0%,25%,60%,100%{opacity:0}30%,50%{opacity:1}}
[data-guide-locked=true]{opacity:.48!important;cursor:default!important}
html[data-guide-starter=true] .app-home [data-nav-action=cycleNb],html[data-guide-starter=true] .app-home [data-nav-action=basculeChrono]{pointer-events:none}
html[data-guide-starter=true] [data-certoly-ad],html[data-guide-active=true] [data-certoly-ad]{visibility:hidden}
.guide-finish{pointer-events:auto;overflow:auto;display:grid;place-items:center;padding:28px 24px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 35%,#35466A 0,#202945 55%,#171E35 100%);color:#F5F6FF}
.guide-finish-card{width:min(620px,100%);margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center;max-height:none!important;overflow:visible!important}
.guide-finish-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#BBCDF1;margin-bottom:12px}
.guide-finish h1{font-size:clamp(25px,3vw,36px);line-height:1.15;margin:0;color:#F5F6FF}
.guide-flame-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;width:min(380px,100%);height:230px;margin:16px 0 12px}
.guide-first-flame{width:200px;height:220px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 26px #F0B44B22)}
.guide-flame-toly{width:146px;height:160px;object-fit:contain;image-rendering:pixelated;margin-left:-12px;margin-bottom:4px}
.guide-flame-message{font-size:17px;line-height:1.5;color:#DCE5FA;margin:0 0 20px}
.guide-finish-reward{display:flex;gap:16px;align-items:center;padding:16px 24px;background:#3A486B66;border:1px solid #879DC54D;border-radius:20px;text-align:left}
.guide-first-badge{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}
.guide-finish-reward strong{display:block;font-size:18px;line-height:1.4;color:#FBE4BA}.guide-finish-reward span{display:block;font-size:14px;line-height:1.4;color:#D3DFF6}
.guide-finish-score{font-size:13px;line-height:1.4;color:#BBCAE5;margin:16px 0 20px}
.guide-finish-next{width:min(100%,380px);min-height:54px;padding:14px 20px;border:0;font-family:inherit;font-weight:800;font-size:17px;line-height:1.3;cursor:pointer}
.guide-finish-skip{min-height:44px;border:0;background:none;color:#CCD6EF;font:inherit;font-size:13px;cursor:pointer;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){
 .guide-next{display:none!important}.guide-tap-hint{display:block}.certoly-guide[data-read="true"] .guide-bubble{cursor:pointer}.guide-skip{font-size:12px;padding:10px 12px}
 .guide-talk{grid-template-columns:102px minmax(0,1fr)}.guide-toly{width:120px;max-width:118%;margin-top:12px}
 .guide-bubble{padding:24px calc(4% + 10px) 24px calc(8% + 14px)}.guide-bubble h2,.guide-bubble h1{font-size:16px}.guide-bubble p{font-size:16px;line-height:1.4}.guide-overline{font-size:9px;margin-bottom:8px}.guide-actions{gap:8px;margin-top:10px;padding:0 8px 4px 20px}.guide-actions button{padding:10px 12px;font-size:14px}
 .guide-finish{padding:24px 16px}.guide-flame-stage{height:180px;margin:16px 0 12px}.guide-first-flame{width:155px;height:180px}.guide-flame-toly{width:124px;height:140px}.guide-flame-message{font-size:16px;margin-bottom:16px}.guide-finish-reward{padding:12px 18px;gap:12px}.guide-finish-score{font-size:12px;margin:14px 0 18px}
}
@media(max-height:600px){.guide-finish{padding:16px}.guide-flame-stage{height:125px;margin:10px 0}.guide-first-flame{width:115px;height:125px}.guide-flame-toly{width:100px;height:108px}.guide-finish-kicker{margin-bottom:8px}.guide-flame-message{margin-bottom:12px}.guide-finish-reward{padding:10px 16px}.guide-first-badge{width:36px;height:36px}.guide-finish-score{margin:12px 0}.guide-finish-skip{margin-top:8px}}
@media(max-height:480px) and (min-width:600px){.guide-talk{grid-template-columns:96px minmax(0,1fr)}.guide-toly{width:108px}.guide-bubble{padding-top:24px;padding-bottom:24px}.guide-bubble h2{font-size:18px}.guide-actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.guide-click,.guide-click-spark{animation:none!important}.guide-touch-feedback{animation:none;opacity:.65}.guide-next,.guide-finish-next{transition:none}}

/* Toly porte la première flamme : composition dédiée, sans livre. */
.guide-flame-stage .guide-flame-carrier{width:310px;height:290px;max-width:100%;object-fit:contain;transform:none;image-rendering:pixelated}
@media(max-width:600px){.guide-flame-stage .guide-flame-carrier{width:230px;height:210px}.guide-flame-stage{height:210px}}
@media(max-height:600px){.guide-flame-stage .guide-flame-carrier{width:165px;height:150px}.guide-flame-stage{height:150px}}

/* Un seul défilement et deux sorties toujours accessibles après le bilan. */
html:has(.guide-finish),body:has(.guide-finish){overflow:hidden!important}
.guide-finish-actions{position:sticky;bottom:-24px;z-index:1;width:100%;box-sizing:border-box;background:#202945;padding:12px 0 max(16px,env(safe-area-inset-bottom));margin-top:8px}
.guide-finish-actions button{width:100%}
@media(max-width:600px){.guide-finish .guide-flame-stage{height:126px;margin:10px 0}.guide-finish .guide-flame-carrier{height:126px;width:150px}.guide-finish .guide-flame-message{font-size:14px;line-height:1.45;margin:8px 0 12px}.guide-finish-actions{bottom:-24px}.guide-finish-card{padding-bottom:0}}
/* 09/10/2026 · deuxième tour du carnet (choix de Kenan), en calme : un halo doré léger derrière Toly, six confettis dans trois teintes douces,
   le titre et la médaille en or doux. Rien ne dépasse de la carte (pas de défilement horizontal sur téléphone). */
.guide-finish .guide-finish-card{position:relative;isolation:isolate}
.guide-finish .guide-finish-card::before{content:'';position:absolute;z-index:-1;left:50%;top:48px;width:min(560px,100%);height:400px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(232,198,110,.16),rgba(232,198,110,.05) 60%,transparent);pointer-events:none}
.guide-finish .guide-flame-stage::before{content:'';position:absolute;inset:-12px 0;pointer-events:none;background:linear-gradient(rgba(232,198,110,.85) 0 0) 8% 20%/8px 8px no-repeat,linear-gradient(rgba(169,188,235,.75) 0 0) 18% 74%/6px 6px no-repeat,linear-gradient(rgba(185,169,232,.75) 0 0) 90% 28%/8px 8px no-repeat,linear-gradient(rgba(232,198,110,.7) 0 0) 82% 82%/6px 6px no-repeat,linear-gradient(rgba(169,188,235,.7) 0 0) 70% 6%/6px 6px no-repeat,linear-gradient(rgba(185,169,232,.7) 0 0) 30% 4%/6px 6px no-repeat}
.guide-finish .guide-finish-card h1{color:#F3D9A0}
.guide-finish .guide-finish-reward{background:linear-gradient(160deg,rgba(232,198,110,.13),rgba(232,198,110,.04));border-color:rgba(232,198,110,.42)}
.guide-finish .guide-finish-reward strong{color:#F3D9A0}