:root{--teal:#159a8c;--teal2:#2cc7b4;--prune:#7a2f5d}#app{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body[data-ecran=tech] #app{overflow:hidden}body[data-ecran=tech] .maison{display:none}.ecran{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:calc(var(--haut) + 64px) 18px calc(var(--bas) + 24px);animation:nj-monte .42s cubic-bezier(.2,.9,.3,1.2) both}h1,h2,h3,h4{margin:0;letter-spacing:-.02em}h4{align-self:stretch;max-width:440px;width:100%;margin:10px auto 0;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--encre2)}.aide{margin:0;color:var(--encre2);font-weight:700;font-size:15px;line-height:1.35;text-align:center;max-width:400px}.btn.grand{min-height:62px;font-size:21px;border-radius:20px;width:100%;max-width:440px}.btn.teal{background:linear-gradient(180deg,var(--teal2),var(--teal));box-shadow:0 14px 26px -10px #159a8ccc,inset 0 1px #ffffff73,inset 0 -4px #00000029}.bloc{background:var(--carte);border-radius:22px;padding:14px 16px;box-shadow:var(--ombre);width:100%;max-width:440px}.titre{text-align:center}.titre h1{font-size:40px;font-weight:900}.titre p{margin:4px 0 0}.logo{width:120px;height:120px;border-radius:30px;background:linear-gradient(150deg,var(--teal2),#0f6e64);display:grid;place-items:center;box-shadow:0 24px 40px -18px #0f6e64cc,inset 0 2px #ffffff59,inset 0 -5px #0000002e;transform:rotateX(18deg) rotate(-5deg);animation:flotte 4s ease-in-out infinite alternate}.logo svg{width:76px;height:76px}@keyframes flotte{to{transform:rotateX(10deg) rotate(4deg) translateY(-6px)}}.liste{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px}.tuile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 12px 14px;border-radius:18px;background:var(--carte);box-shadow:var(--ombre);text-align:left;min-height:76px}.tuile .num{font-size:12px;font-weight:900;color:var(--teal)}.tuile b{font-size:15px;font-weight:900;line-height:1.15}.tuile small{font-size:12px;font-weight:800;color:var(--encre2)}.tuile.bon{background:#ecfaf6}.tuile.bon small{color:var(--teal)}.ligne-reglage{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:52px;padding:6px 0}.ligne-reglage+.ligne-reglage{border-top:1px solid var(--trait);margin-top:6px;padding-top:12px}.ligne-reglage>div:first-child{flex:1 1 150px}.ligne-reglage b{font-size:16px;font-weight:900}.ligne-reglage small{display:block;font-size:13px;color:var(--encre2);font-weight:700}.pastilles{display:flex;gap:8px}.pastilles button{width:36px;height:36px;border-radius:50%;background:var(--c);box-shadow:inset 0 -3px #0003,0 4px 8px -4px #0006;outline:3px solid transparent;outline-offset:2px;transition:outline-color .15s,transform .15s}.pastilles button.choisi{outline-color:var(--encre);transform:scale(1.08)}.bascule{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:16px;background:#3c281414}.bascule button{min-height:44px;padding:0 10px;border-radius:12px;font-weight:900;font-size:14px;color:var(--encre2)}.bascule button.choisi{background:#fff;color:var(--encre);box-shadow:0 4px 10px -6px #28190a99}.tech{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--fond)}.tech.elle-bas{flex-direction:column-reverse}.elle{flex:none;padding:calc(var(--haut) + 8px) 12px 8px;background:linear-gradient(180deg,#efe3cd,#f6efe2);box-shadow:0 6px 16px -10px #28190a80;z-index:3}.tech.elle-bas .elle{padding:8px 12px calc(var(--bas) + 8px);background:linear-gradient(0deg,#efe3cd,#f6efe2)}.elle .tourne{transform:rotate(180deg);display:grid;grid-template-columns:1fr 1fr;gap:10px}.vote{min-height:66px;border-radius:18px;font-weight:900;font-size:20px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}.vote small{font-size:12px;font-weight:800;opacity:.85;margin-top:3px}.vote.lu{background:linear-gradient(180deg,#ff7a5c,var(--rouge));box-shadow:0 12px 22px -10px #e0332bcc,inset 0 1px #fff6,inset 0 -4px #00000029}.vote.pas{background:linear-gradient(180deg,var(--teal2),var(--teal));box-shadow:0 12px 22px -10px #159a8ccc,inset 0 1px #fff6,inset 0 -4px #00000029}.scene{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#fbf7ef;box-shadow:inset 0 2px 8px #28190a14}.lui{flex:none;padding:8px 12px calc(var(--bas) + 10px);background:linear-gradient(0deg,#efe3cd,#f6efe2);box-shadow:0 -6px 16px -10px #28190a80;z-index:3;display:flex;flex-direction:column;gap:6px}.tech.elle-bas .lui{padding:calc(var(--haut) + 8px) 12px 8px;background:linear-gradient(180deg,#efe3cd,#f6efe2)}.entete{display:flex;align-items:center;gap:8px}.entete .rond{flex:none;width:44px;height:44px;font-size:18px}.entete .nom{flex:1;min-width:0}.entete .nom small{display:block;font-size:12px;font-weight:900;color:var(--teal)}.entete .nom b{display:block;font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phrase{margin:0;font-size:13.5px;font-weight:700;color:var(--encre2);line-height:1.3}.curseur{display:flex;align-items:center;gap:10px;min-height:40px}.curseur label{flex:none;font-size:13px;font-weight:900;min-width:92px}.curseur output{flex:none;font-size:13px;font-weight:900;min-width:52px;text-align:right;color:var(--teal)}.curseur input{flex:1;min-width:0;accent-color:var(--teal);height:32px}.actions{display:grid;grid-template-columns:1fr auto;gap:8px}.actions .btn{min-height:50px;font-size:17px;border-radius:16px;padding:0 14px}.signe{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:900;color:var(--encre2)}.signe i{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 -2px #0003}.note{position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%);padding:14px 22px;border-radius:20px;background:#2f2214eb;color:#fff;font-weight:900;font-size:20px;pointer-events:none;animation:note .9s cubic-bezier(.2,.9,.3,1.2) both;text-align:center}.note span{display:block}.note .pour-elle{transform:rotate(180deg);font-size:15px;opacity:.85;margin-bottom:6px}@keyframes note{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.indice{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:13px;font-weight:800;color:#7a6a55bf;pointer-events:none}.mot{position:absolute;white-space:nowrap;font-weight:900;letter-spacing:.01em;pointer-events:none;line-height:1}.centre{left:50%;top:62%;transform:translate(-50%,-50%)}.pad{position:absolute;left:50%;bottom:44px;width:84px;height:84px;margin-left:-42px;border-radius:50%;border:3px dashed rgba(122,106,85,.35);pointer-events:none}.micro{position:absolute;inset:0;padding:6px;word-break:break-all;color:#5b4c3b;font-weight:700;line-height:1.15;overflow:hidden}.micro em{font-style:normal}.loupe{position:absolute;border-radius:50%;overflow:hidden;background:#fbf7ef;box-shadow:0 18px 30px -12px #28190a99,0 0 0 3px #fff,0 0 0 5px #28190a40;pointer-events:none}.loupe .micro{inset:0 auto auto 0;transform-origin:0 0}canvas.grattage{position:absolute;inset:0;width:100%;height:100%}.rayures{position:absolute;inset:0}.nuit{position:absolute;inset:0;background:#000}.tech.tamise .elle,.tech.tamise .lui{filter:brightness(.45)}.leurres{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);align-content:space-evenly;gap:10px 4px;padding:18px 8px}.leurres span{display:flex;align-items:center;justify-content:center;gap:3px;font-weight:800;color:#5b4c3b;white-space:nowrap;overflow:hidden}.leurres i{flex:none;border-radius:50%;background:var(--c)}.moitie{position:absolute;left:50%;top:60%;white-space:nowrap;font-weight:900;line-height:1;pointer-events:none}.fente{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);overflow:hidden;border-radius:6px;background:#fff;box-shadow:inset 0 2px 5px #00000026}.fente span{display:block;white-space:nowrap;font-weight:900;line-height:1.2;will-change:transform}.flanc{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background:#3c28140d}.flanc span{writing-mode:vertical-rl;font-weight:900;white-space:nowrap;line-height:1}.bord{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;background:#3c28140d}.bord span{font-weight:900;white-space:nowrap;line-height:1}.doigt-point{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#159a8c1f;pointer-events:none}.classement{display:flex;flex-direction:column;gap:8px;width:100%;max-width:440px}.rang{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:18px;background:var(--carte);box-shadow:var(--ombre);text-align:left}.rang .pos{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#3c281414}.rang:not(.vide):nth-child(1) .pos{background:#ffd54a}.rang:not(.vide):nth-child(2) .pos{background:#dfe4ea}.rang:not(.vide):nth-child(3) .pos{background:#f2b183}.rang b{display:block;font-size:15px;font-weight:900;line-height:1.15}.rang small{display:block;font-size:12px;font-weight:800;color:var(--encre2);margin-top:2px}.barre{height:8px;border-radius:5px;background:#3c28141a;margin-top:6px;overflow:hidden}.barre i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--teal2),var(--teal));transform-origin:0 50%;animation:pousse .7s cubic-bezier(.2,.9,.3,1.1) both}@keyframes pousse{0%{transform:scaleX(0)}}.pct{font-size:22px;font-weight:900;color:var(--teal);min-width:56px;text-align:right}.rang.vide .pct{color:var(--encre2);font-size:14px}.lien{font-weight:800;color:var(--encre2);text-decoration:underline;text-underline-offset:3px;padding:10px;min-height:44px}.lien.rouge{color:var(--rouge)}@media(prefers-reduced-motion:reduce){.logo,.barre i,.note,.ecran{animation-duration:.01s}}@media(max-height:700px){.phrase{font-size:12.5px}.vote{min-height:58px;font-size:18px}.actions .btn{min-height:46px}}