:root{--acc:#7a45dd;--acc2:#a274f0;--acc3:#4f2a9e;--pale:#efe7fb;--ok:#3f9a24;--ok2:#6cc441}body.amb-violet{--fond:#f3edfc;--fond2:#dccbf5;background:var(--fond);background-image:radial-gradient(120% 70% at 50% 0%,#fbf8ff,transparent 70%),radial-gradient(100% 60% at 50% 110%,var(--fond2),transparent 70%)}body.amb-creme{--acc:#e0332b;--acc2:#ff6a4d;--acc3:#a3201a;--pale:#fbeee4}body.amb-bleu{--acc:#1f7fd1;--acc2:#4ab3f4;--acc3:#14558f;--pale:#e6f3fd;--fond:#eef6fd;--fond2:#cfe6f8;background:var(--fond)}body{overflow:hidden}#app{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.btn{background:linear-gradient(180deg,var(--acc2),var(--acc));box-shadow:0 14px 26px -10px color-mix(in srgb,var(--acc) 80%,transparent),inset 0 1px #fff6,inset 0 -3px #00000026}.btn.clair{color:var(--encre);background:var(--carte);box-shadow:var(--ombre)}.btn[disabled]{filter:grayscale(.7);opacity:.55}.ecran{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(var(--haut) + 64px) 18px calc(var(--bas) + 24px);text-align:center;animation:nj-monte .42s cubic-bezier(.2,.9,.3,1.2) both}.ecran>.btn{width:100%;max-width:420px}h1,h2,h3,h4{margin:0;letter-spacing:-.02em}h2{font-size:28px;font-weight:900;overflow-wrap:anywhere}h4{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--encre2);margin:10px 0 0;align-self:stretch;text-align:left}.aide{margin:0;color:var(--encre2);font-weight:700;font-size:15px;max-width:420px}.aide.grosse{font-size:18px;color:var(--encre);overflow-wrap:anywhere}.lien{font-weight:800;color:var(--encre2);text-decoration:underline;text-underline-offset:3px;padding:10px;min-height:44px}.btn.grand{min-height:62px;font-size:21px;border-radius:20px}.rang{display:flex;gap:10px;width:100%;max-width:420px}.rang .btn{flex:1;font-size:17px;padding:0 10px}.toast{position:fixed;left:50%;bottom:calc(var(--bas) + 24px);transform:translate(-50%);z-index:200;background:var(--encre);color:#fff;font-weight:800;padding:12px 18px;border-radius:16px;box-shadow:0 14px 30px -10px #00000080;max-width:88vw;text-align:center}.toast.vu{animation:toast .3s cubic-bezier(.2,.9,.3,1.3)}@keyframes toast{0%{transform:translate(-50%,30px);opacity:0}}.haut{position:fixed;top:calc(var(--haut) + 8px);right:12px;height:44px;display:flex;align-items:center;z-index:90}.score{min-height:44px;min-width:64px;padding:0 14px;border-radius:999px;background:#ffffffe6;font-weight:900;font-size:16px;color:var(--ok);box-shadow:0 6px 14px -6px #28190a73}.score b{font-size:20px}.accueil{justify-content:center;gap:16px}.titre h1{font-size:44px;font-weight:900;color:var(--acc3);text-shadow:0 3px 0 rgba(0,0,0,.06)}.titre p{margin:6px 0 0;font-weight:800;color:var(--encre2)}.pile{position:relative;width:200px;height:150px;perspective:700px}.pile span{position:absolute;inset:0;margin:auto;width:170px;height:110px;border-radius:20px;background:var(--carte);box-shadow:0 20px 34px -16px #3c1e6e99,inset 0 -5px #3c1e6e14}.pile .c1{transform:rotate(-10deg) translate(-16px,6px);opacity:.6}.pile .c2{transform:rotate(7deg) translate(16px,4px);opacity:.8}.pile .c3{display:grid;place-items:center;animation:balance 3.4s ease-in-out infinite alternate}.pile em{font-style:normal;font-weight:900;font-size:28px;color:var(--acc3);letter-spacing:.02em}@keyframes balance{0%{transform:rotateY(-14deg) rotateX(6deg)}to{transform:rotateY(14deg) rotateX(-4deg) translateY(-6px)}}.comment{margin:0;padding:14px 18px 14px 40px;text-align:left;background:var(--carte);border-radius:20px;box-shadow:var(--ombre);width:100%;max-width:420px;font-weight:800;font-size:16px;line-height:1.45}.comment b{color:var(--acc)}.record{margin:0;font-weight:800;color:var(--encre2)}.record b{color:var(--acc3)}.bilan{display:flex;gap:10px;width:100%;max-width:420px}.bilan div{flex:1;background:var(--carte);border-radius:18px;padding:12px 6px;box-shadow:var(--ombre);display:flex;flex-direction:column}.bilan b{font-size:34px;font-weight:900;color:var(--acc3);line-height:1.1}.bilan span{font-weight:800;font-size:13px;color:var(--encre2)}.reglage{align-items:stretch;text-align:left;padding-bottom:calc(var(--bas) + 110px)}.reglage>h2{margin-top:2px}.liste-j{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.liste-j li{display:flex;align-items:center;gap:8px;background:var(--carte);border-radius:18px;padding:6px 6px 6px 10px;box-shadow:var(--ombre)}.liste-j .num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pale);color:var(--acc3);font-weight:900;font-size:14px;flex:none}.liste-j .champ:focus{outline:none}.liste-j li:focus-within{box-shadow:0 0 0 3px var(--acc2),var(--ombre)}.liste-j .champ{flex:1;min-width:0;box-shadow:none;background:transparent;padding:0 4px;font-size:18px;font-weight:900}.mini{width:44px;height:44px;border-radius:12px;background:var(--fond);font-weight:900;color:var(--rouge);flex:none}.btn.petit{min-height:46px;font-size:16px}.curseur{background:var(--carte);border-radius:18px;padding:12px 16px;box-shadow:var(--ombre)}.curseur label{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:16px}.curseur label b{font-size:26px;color:var(--acc)}.curseur input{width:100%;height:44px;accent-color:var(--acc)}.puces{display:flex;flex-wrap:wrap;gap:8px}.puce{min-height:44px;padding:0 16px;border-radius:999px;background:var(--carte);font-weight:800;font-size:16px;box-shadow:0 4px 10px -6px #28190a66}.puce.on{background:linear-gradient(150deg,var(--acc2),var(--acc));color:#fff;box-shadow:0 8px 16px -8px var(--acc)}.bas-fixe{position:fixed;left:0;right:0;bottom:0;padding:14px 18px calc(var(--bas) + 14px);background:linear-gradient(180deg,transparent,var(--fond) 40%);z-index:80;display:flex;justify-content:center}.bas-fixe .btn{width:100%;max-width:420px}.passe{justify-content:center}.avatar{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:44px;font-weight:900;color:#fff;background:linear-gradient(150deg,hsl(var(--h) 70% 62%),hsl(var(--h) 60% 42%));box-shadow:0 18px 30px -12px hsl(var(--h) 60% 30%),inset 0 2px #fff6;animation:pop .6s cubic-bezier(.2,.9,.3,1.4) both}@keyframes pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}}.bulle-info{background:var(--carte);border-radius:999px;padding:10px 18px;box-shadow:var(--ombre);font-weight:800}.bulle-info b{color:var(--acc)}.jeu{gap:10px;padding-top:calc(var(--haut) + 60px);justify-content:flex-start}.frise{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;max-width:360px}.frise span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:#ffffffb3;box-shadow:inset 0 1px 3px #0000001f;color:var(--encre2)}.frise .ok{background:var(--ok);color:#fff;box-shadow:0 3px 6px -3px var(--ok)}.frise .ko{background:#cfc6d8;color:#fff}.frise .cur{background:#fff;color:var(--acc);box-shadow:0 0 0 3px var(--acc);transform:scale(1.12)}.frise .pas{background:#f3d98a}.qui{margin:0;font-weight:800;color:var(--encre2);font-size:15px;display:flex;align-items:center;gap:6px;max-width:100%}.qui em{font-style:normal;color:#b07a00}.pt{width:22px;height:22px;border-radius:50%;flex:none;display:inline-grid;place-items:center;font-size:12px;font-weight:900;color:#fff;background:hsl(var(--h) 60% 52%)}.scene{perspective:900px;width:100%;max-width:400px}.carte{position:relative;background:var(--carte);border-radius:24px;padding:16px 16px 18px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px #ffffffe6 inset,0 -6px #46287812 inset,0 26px 40px -22px #3c1e6ea6,0 3px #e2d7f2,0 6px #d3c4ea;transform-style:preserve-3d;transition:filter .2s}.carte small{font-weight:900;font-size:12px;letter-spacing:.12em;color:var(--encre2)}.carte strong{font-size:38px;font-weight:900;color:var(--acc3);line-height:1.08;overflow-wrap:anywhere;hyphens:auto}.carte strong.long{font-size:30px}.carte strong.tres-long{font-size:25px}.carte .type{font-weight:800;font-size:12px;color:var(--acc);background:var(--pale);padding:3px 10px;border-radius:999px;margin-top:4px}.carte.arrive{animation:retourne .5s cubic-bezier(.2,.9,.3,1.15) both}@keyframes retourne{0%{transform:rotateY(-95deg) translateY(10px);opacity:.2}}.carte.trouvee{animation:trouvee .38s ease-in forwards}@keyframes trouvee{to{transform:scale(1.08) translateY(-30px);opacity:0;filter:hue-rotate(60deg)}}.carte.sort{animation:sort .3s ease-in forwards}@keyframes sort{to{transform:translate(-120%) rotate(-12deg);opacity:0}}.carte.cachee strong,.carte.cachee .type{filter:blur(12px)}.dits{font-weight:800;font-size:15px;color:var(--encre2);min-height:20px}.dits b{color:var(--acc);font-size:18px}.jauge{width:100%;max-width:400px}.jauge .cases{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.jauge.serree .cases{grid-template-columns:repeat(15,1fr)}.jauge i{height:16px;border-radius:5px;background:#e3dbee;box-shadow:inset 0 1px 2px #0000001a}.jauge i.on{background:linear-gradient(180deg,var(--ok2),var(--ok));box-shadow:0 2px 4px -2px var(--ok),inset 0 1px #ffffff73}.jauge i.part{animation:part .45s cubic-bezier(.2,.9,.3,1.2)}@keyframes part{0%{transform:scale(1.5) translateY(-8px);background:#ffd23f}to{transform:none}}.jauge p{margin:6px 0 0;font-weight:800;font-size:14px;color:var(--encre2)}.jauge p b{font-size:20px;color:var(--ok)}.geant{display:flex;flex-direction:column;align-items:center}.geant b{font-size:64px;line-height:1;font-weight:900;color:var(--ok)}.geant.bas b{color:var(--rouge)}.geant span{font-weight:800;color:var(--encre2)}.alerte{margin:0;font-weight:900;color:var(--rouge);font-size:15px}.actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin-top:2px}.btn.plus{min-height:74px;font-size:28px;border-radius:22px}.btn.trouve{min-height:58px;font-size:22px;background:linear-gradient(180deg,var(--ok2),var(--ok));box-shadow:0 14px 26px -10px #3f9a24cc,inset 0 1px #fff6,inset 0 -3px #00000026}.btn.moins{flex:0 0 76px}.regle{margin:0;font-weight:700;font-size:12.5px;color:var(--encre2);opacity:.85}.pose{position:fixed;inset:0;display:flex;flex-direction:column}.moitie{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 18px;text-align:center}.moitie.parleur{transform:rotate(180deg);background:linear-gradient(0deg,rgba(122,69,221,.1),transparent);padding-bottom:calc(var(--haut) + 16px);border-top:2px dashed rgba(122,69,221,.3)}.moitie.devineur{padding-bottom:calc(var(--bas) + 14px)}.moitie .ligne{display:flex;gap:10px;width:100%;max-width:400px}.moitie .ligne .btn{flex:1}.moitie .btn.plus{min-height:68px}.moitie .jauge i{height:12px}.zone{position:relative;width:170px;height:58px;border-radius:14px;display:grid;place-items:center;touch-action:none;background:repeating-linear-gradient(135deg,#e9e2f3 0 2px,#f7f3fc 2px 4px);box-shadow:inset 0 2px 5px #0000001f}.sous-zone{margin:-4px 0 4px;font-weight:800;font-size:12px;color:var(--encre2)}.zone .secret{font-size:12px;font-weight:800;color:#b9b0c6;letter-spacing:.02em;line-height:1.1;max-width:150px}.zone.montre{box-shadow:inset 0 2px 5px #0000001f,0 0 0 3px var(--acc2)}.fin{gap:12px;padding-bottom:calc(var(--bas) + 24px)}.total{display:flex;align-items:baseline;gap:8px;animation:pop .6s cubic-bezier(.2,.9,.3,1.4) both}.total b{font-size:84px;line-height:1;font-weight:900;color:var(--acc3)}.total span{font-size:24px;font-weight:900;color:var(--encre2)}.podium{display:flex;gap:10px;width:100%;max-width:420px}.podium div{flex:1;background:var(--carte);border-radius:20px;padding:12px 6px;box-shadow:var(--ombre);display:flex;flex-direction:column;min-width:0}.podium div.gagne{box-shadow:0 0 0 3px var(--acc),var(--ombre)}.podium b{font-size:44px;font-weight:900;color:var(--acc3)}.podium span{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium small{font-weight:700;color:var(--encre2)}.tableau{list-style:none;margin:0;padding:6px;background:var(--carte);border-radius:20px;box-shadow:var(--ombre);width:100%;max-width:420px}.tableau li{display:flex;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid var(--trait);text-align:left}.tableau li:last-child{border-bottom:0}.tableau .ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;flex:none;background:var(--ok)}.tableau li.ko .ic{background:#c9bfd6}.tableau li.ko b{color:var(--encre2)}.tableau b{flex:1;font-size:16px;font-weight:900;min-width:0;overflow-wrap:anywhere}.tableau em{font-style:normal;font-weight:800;font-size:14px;color:var(--acc);flex:none}.voile{position:fixed;inset:0;z-index:150;background:#28144659;display:flex;align-items:flex-end;animation:fondu .2s both}@keyframes fondu{0%{opacity:0}}.panneau{width:100%;background:var(--fond);border-radius:28px 28px 0 0;padding:10px 18px calc(var(--bas) + 18px);display:flex;flex-direction:column;gap:12px;animation:monte-p .38s cubic-bezier(.2,.9,.3,1.15) both;box-shadow:0 -20px 40px -20px #0006}@keyframes monte-p{0%{transform:translateY(100%)}}.poignee{width:44px;height:5px;border-radius:9px;background:#0000002e;align-self:center}.panneau h3{font-size:22px;font-weight:900}.lignes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lignes li{display:flex;align-items:center;gap:10px;background:var(--carte);border-radius:16px;padding:10px 12px;box-shadow:var(--ombre)}.lignes b{flex:1;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lignes em{font-style:normal;font-weight:800;color:var(--encre2);font-size:14px}@media(max-height:700px){.carte{min-height:120px;padding:12px}.carte strong{font-size:32px}.btn.plus{min-height:62px;font-size:24px}.btn.trouve{min-height:52px}.jeu{gap:8px}}@media(prefers-reduced-motion:reduce){.carte.arrive,.carte.trouvee,.carte.sort,.pile .c3,.avatar,.total{animation-duration:.01s!important}}