:root{--foret-loin:#13291b;--foret-milieu:#0f2216;--foret-pres:#0a1810;--bois-clair:#f1ddb2;--noyer:#6e4527;--noyer-fonce:#3e2412;--pyro:#5a3418;--pyro-doux:#5a3418d6;--grave-fond:#fbf1dc;--corde:#b99561}.scene{isolation:isolate;background:radial-gradient(120% 70% at 50% 0%, #1a3424 0%, var(--forest-900) 60%);min-height:100dvh;position:relative;overflow:hidden}.foret{z-index:-1;pointer-events:none;position:absolute;inset:0}.foret-lune{background:radial-gradient(circle,#d4a4372e 0%,#d4a4370d 40%,#0000 70%);border-radius:50%;width:60vmax;height:60vmax;position:absolute;top:-18vmax;left:50%;translate:-50%}.foret-arbres{width:100%;height:min(46vh,420px);position:absolute;bottom:0;left:0;right:0}.panneau-suspension{--cordes:104px;width:min(100%,440px);padding-top:var(--cordes);transform-origin:50% 0;margin:0 auto;animation:.55s cubic-bezier(.2,.9,.3,1.2) both descente,2.4s ease-out .45s both balancement;position:relative}@keyframes descente{0%{translate:0 -110%}to{translate:0}}@keyframes balancement{0%{rotate:0deg}18%{rotate:2.6deg}40%{rotate:-1.6deg}62%{rotate:.8deg}82%{rotate:-.3deg}to{rotate:0deg}}.corde{height:calc(100vh + var(--cordes) + 14px);background:repeating-linear-gradient(160deg, #0000002e 0 3px, transparent 3px 6px), linear-gradient(90deg, #8e6e3f, var(--corde) 45%, #8e6e3f);border-radius:2px;width:4px;position:absolute;top:-100vh}.corde-g{left:22%}.corde-d{right:22%}.panneau{background:url(/img/bois-clavier.jpg) center / 600px auto, var(--noyer);box-shadow:inset 0 1px 0 #ffdcaa59, inset 0 -3px 0 #00000059, 0 18px 40px -12px #000000b3, 0 4px 0 var(--noyer-fonce);border-radius:18px;padding:10px;position:relative}.panneau:before,.panneau:after{content:"";background:radial-gradient(circle at 35% 35%,#f6e3a4,#b5871f 55%,#6a4c12);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;box-shadow:0 1px 2px #00000080}.panneau:before{left:calc(22% - 5px)}.panneau:after{right:calc(22% - 5px)}.panneau-bois{color:var(--pyro);background:url(/img/bois-panneau.jpg) center / 900px auto, var(--bois-clair);border-radius:10px;padding:clamp(20px,6vw,32px) clamp(18px,6vw,32px) clamp(22px,6vw,30px);position:relative;box-shadow:inset 0 0 0 1px #3e241259,inset 0 2px 6px #3e241259,inset 0 -1px #fff5dc99}.panneau-mascotte{z-index:2;filter:drop-shadow(0 6px 8px #00000073);width:96px;height:auto;animation:.5s cubic-bezier(.3,1.4,.5,1) 1.1s both mascotte-entre;position:absolute;top:-78px;right:-30px}@keyframes mascotte-entre{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}.pyro{color:var(--pyro);text-shadow:0 1px #fff4dc99,0 0 1px #3e241280}.pyro-titre{font-family:var(--font-title);letter-spacing:-.01em;font-size:clamp(26px,7vw,32px);font-weight:600}.pyro-doux{color:var(--pyro-doux)}.touche{--face:#f7ebd0;--face-bas:#e8d3a8;--tranche:#b89462;--encre:var(--pyro);width:100%;min-height:52px;color:var(--encre);cursor:pointer;background:linear-gradient(180deg, var(--face), var(--face-bas));box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #0000001f, 0 4px 0 var(--tranche), 0 6px 10px -4px #2814058c;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:16px;font-weight:700;text-decoration:none;transition:translate 80ms,box-shadow 80ms,filter .12s;display:inline-flex;position:relative}.touche:hover{filter:brightness(1.04)}.touche:active:not(:disabled){box-shadow:inset 0 1px 0 #fff6, 0 1px 0 var(--tranche), 0 2px 4px -2px #28140580;translate:0 3px}.touche:disabled{cursor:progress;filter:saturate(.6)opacity(.75)}.touche:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}.touche--foret{--face:#44805a;--face-bas:#2d5a3d;--tranche:#1c3a26;--encre:var(--cream);text-shadow:0 1px #0000004d}.touche--google{--face:#fff;--face-bas:#f3eee3;--tranche:#c9b48c;--encre:#2b2b2b}.touche--apple{--face:#2b2b2b;--face-bas:#111;--tranche:#000;--encre:#fff}.touche--lien{width:auto;min-height:var(--tap);box-shadow:none;color:var(--pyro);text-underline-offset:3px;background:0 0;padding:0 6px;font-weight:600;text-decoration:underline}.touche--lien:active:not(:disabled){box-shadow:none;translate:none}.champ{gap:6px;display:grid}.champ-label{font-size:14px;font-weight:700}.champ-input{width:100%;min-height:50px;font:inherit;color:#2e1a0c;background:var(--grave-fond);border:1px solid #5a341847;border-radius:10px;padding:0 14px;font-size:16px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 2px 4px #3e241238,0 1px #fff5dcb3}.champ-input::placeholder{color:#5a34186b}.champ-input:focus{border-color:var(--gold-600);outline:none;box-shadow:inset 0 2px 4px #3e24122e,0 0 0 3px #d4a43773}.champ-aide{font-size:13px}.separateur{color:var(--pyro-doux);align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.separateur:before,.separateur:after{content:"";background:#5a341840;border-radius:1px;flex:1;height:2px;box-shadow:0 1px #fff5dc99}.alerte{color:#7a2414;background:#c04f3c1f;border-radius:10px;margin:0;padding:10px 12px;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #c04f3c59}.alerte--ok{color:#1c4a2c;background:#4a8b5c24;box-shadow:inset 0 0 0 1px #4a8b5c66}.pile{gap:14px;display:grid}@media (prefers-reduced-motion:reduce){:root:not(.mouvement-force) .panneau-suspension,:root:not(.mouvement-force) .panneau-mascotte{animation:none}}.connexion{padding:0 var(--gutter) calc(32px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:28px;display:flex}.connexion-logo{width:min(62%,220px);height:auto;margin:0 auto 2px;display:block}.connexion-entete{text-align:center;gap:6px;display:grid}.connexion-sous{margin:0;font-size:15px;line-height:1.45}.connexion-liens{flex-wrap:wrap;justify-content:space-between;gap:4px;margin:-4px -6px 0;display:flex}.connexion-joueur{text-align:center;max-width:440px;color:var(--text-on-dark-muted);margin:0;font-size:15px}.connexion-joueur a{color:var(--gold-500);text-underline-offset:3px;font-weight:700}.mode-ligne{background:#fff8e88c;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1px #5a34182e}.mode-ligne strong{align-items:center;gap:10px;display:flex}@media (max-width:520px){.panneau-mascotte{width:64px;top:-54px;right:2px}.panneau-suspension{--cordes:84px}.connexion-liens .touche--lien{font-size:14px}}.entree-code{text-align:center;min-height:64px;font-family:var(--font-title);letter-spacing:.32em;text-transform:uppercase;padding-left:calc(14px + .32em);font-size:30px;font-weight:600}.scanner{background:#000;position:fixed;inset:0}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-voile{padding:var(--gutter);color:#fff;font-family:var(--font-title);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:16px;display:flex;position:absolute;inset:0}.scanner-cadre{aspect-ratio:1;border:3px solid var(--gold-500);border-radius:22px;width:min(70vw,260px);box-shadow:0 0 0 100vmax #00000073}.plaque{background:url(/img/bois-panneau.jpg) center / 600px auto, var(--bois-clair);border-radius:10px;align-items:center;padding:7px 14px 6px;display:inline-flex;box-shadow:inset 0 0 0 1px #3e241259,0 3px #b89462,0 8px 18px -8px #000000b3}.plaque img{width:auto;height:30px;display:block}.plaque--petite img{height:24px}.planche{color:var(--pyro);background:url(/img/bois-panneau.jpg) center / 900px auto, var(--bois-clair);border-radius:16px;padding:clamp(16px,4vw,24px);position:relative;box-shadow:inset 0 0 0 1px #3e24124d,0 3px #b89462,0 14px 28px -12px #000000a6}.planche h2,.planche h3{color:var(--pyro)}.retour-accueil{z-index:5;top:calc(14px + env(safe-area-inset-top));min-height:44px;font-family:var(--font-title);color:var(--cream);background:#08120c99;border:1px solid #fbf8f12e;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,translate .2s;display:inline-flex;position:absolute;left:14px}.retour-accueil:hover{background:#08120cd9;translate:-2px}.retour-accueil:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}