.th{--color-ink:#0f3d3e;--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-accent-text:#1c5f7a;--th-eclaboussure:#c8ebee;--th-abeille:#c8a030;--th-papillon:#ffb45e;background:#0f3d3e;color:var(--color-text);color-scheme:light;font-family:var(--font-body);inset:0;overflow:hidden;position:fixed}.th__scene{height:100%;isolation:isolate;outline:none;position:relative;width:100%}.th__scene:after{box-shadow:inset 0 0 0 0 rgba(236,84,19,0);content:"";inset:0;pointer-events:none;position:absolute;transition:box-shadow var(--transition-base) var(--ease-out);z-index:3}.th__scene.is-aie:after{box-shadow:inset 0 0 60px 12px rgba(236,84,19,.6)}.th__canvas{-webkit-tap-highlight-color:transparent;display:block;height:100%;inset:0;position:absolute;touch-action:none;user-select:none;width:100%}.th.is-en-jeu .th__canvas{cursor:none}.th__hud{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-2xs);left:0;padding:max(var(--space-sm),env(safe-area-inset-top)) max(var(--space-sm),env(safe-area-inset-right)) 0 max(var(--space-sm),env(safe-area-inset-left));pointer-events:none;position:absolute;right:0;top:0;z-index:2}.th__hud[hidden]{display:none}.th__compteur{align-items:baseline;background:hsla(51,64%,98%,.9);border-radius:var(--radius-pill);box-shadow:0 6px 18px rgba(15,61,62,.2);color:#0f3d3e;display:flex;gap:var(--space-2xs);margin:0;padding:var(--space-3xs) var(--space-sm)}.th__etiquette{font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.th__valeur{font-family:var(--font-title);font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:var(--leading-snug);min-width:2ch}.th__compteur--temps.is-urgent{animation:th-pulsation 1s var(--ease-out) infinite;color:#a93226}.th__hud-actions{display:flex;gap:var(--space-2xs);margin-left:auto}.th__bouton-hud{align-items:center;background:hsla(51,64%,98%,.9);border:0;border-radius:var(--radius-pill);box-shadow:0 6px 18px rgba(15,61,62,.2);color:#0f3d3e;cursor:pointer;display:inline-flex;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2xs);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-3xs) var(--space-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease}.th__bouton-hud:hover{background:#fdfcf6}.th__bouton-hud:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-inverse);outline-offset:var(--focus-ring-offset)}.th__icone{font-size:var(--text-xs);line-height:1}@media (max-width:479px){.th__bouton-texte{display:none}.th__bouton-hud{padding:var(--space-3xs)}.th__compteur{padding:var(--space-3xs) var(--space-xs)}.th__valeur{font-size:var(--text-lg)}}.th__annonce{text-wrap:balance;background:#fdfcf6;border-radius:var(--radius-pill);box-shadow:0 8px 24px rgba(15,61,62,.25);color:#a93226;font-size:var(--text-base);font-weight:var(--weight-bold);left:50%;margin:0;max-width:calc(100% - var(--space-lg));opacity:0;padding:var(--space-2xs) var(--space-md);pointer-events:none;position:absolute;text-align:center;top:calc(var(--space-xs) + var(--space-2xl));transform:translate(-50%,calc(var(--space-2xs)*-1));transition:opacity var(--transition-base) ease,transform var(--transition-base) var(--ease-out);z-index:2}.th__annonce.is-visible{opacity:1;transform:translate(-50%)}.th__decompte{color:#fff;font-family:var(--font-title);font-size:clamp(var(--text-3xl),12vmin,7rem);left:50%;line-height:1;margin:0;opacity:0;pointer-events:none;position:absolute;text-shadow:0 4px 0 #0f3d3e,0 10px 30px rgba(15,61,62,.6);top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.th__decompte.is-visible{animation:th-decompte .7s var(--ease-out) both}.th__ecran{background:linear-gradient(180deg,rgba(15,61,62,.3),rgba(15,61,62,.6));display:grid;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:max(var(--space-sm),env(safe-area-inset-top)) var(--space-sm) calc(var(--space-xl) + env(safe-area-inset-bottom));place-items:center;position:absolute;z-index:4}.th__ecran[hidden]{display:none}.th__carte{background:hsla(51,64%,98%,.95);border-radius:var(--radius-card);box-shadow:0 24px 60px rgba(15,61,62,.4);display:grid;gap:var(--space-sm);justify-items:center;padding:var(--space-md);text-align:center;width:min(100%,34rem)}.th__carte p{margin:0}@media (min-width:576px){.th__carte{padding:var(--space-lg) var(--space-xl)}}.th__carte--mini{color:var(--color-text-secondary);width:min(100%,24rem)}.th__carte--fin,.th__carte--titre{gap:var(--space-lg);width:min(100%,58rem)}@media (min-width:768px){.th__carte--fin,.th__carte--titre{padding:var(--space-xl)}}.th__titre{text-wrap:balance;color:var(--color-ink);font-family:var(--font-title);font-size:var(--title-1);font-weight:var(--weight-regular);line-height:var(--leading-tight);margin:0}.th__titre--petit{font-size:var(--title-3)}.th__sur{color:#8f4e14;letter-spacing:.16em}.th__sous-titre,.th__sur{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase}.th__sous-titre{color:#3e6b6c;letter-spacing:.14em;margin:0}.th__carte--titre{position:relative}.th__logo{aspect-ratio:1;height:auto;left:var(--space-sm);position:absolute;top:var(--space-sm);width:clamp(48px,9vh,72px)}.th__entete{display:grid;gap:var(--space-sm);justify-items:center;width:100%}.th__titre--pixel{width:min(100%,28rem)}.th__titre-pixel{display:block;height:auto;width:100%}.th__titre-pixel-ombre{fill:#0f3d3e}.th__titre-pixel-lettres{fill:#3576a0}.th__titre-pixel-reflet{fill:#7fc4e8}.th__accroche{text-wrap:balance;color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-snug);max-width:34ch}@media (min-width:768px){.th__accroche{font-size:var(--text-md)}}.th__colonnes{display:grid;gap:var(--space-md);width:100%}@media (min-width:768px){.th__colonnes{gap:var(--space-lg);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.th__bloc{align-content:start;background:rgba(15,61,62,.04);border-radius:var(--radius-media);display:grid;gap:var(--space-sm);padding:var(--space-md);text-align:left;width:100%}.th__bloc--podium{background:linear-gradient(180deg,rgba(127,196,232,.2),rgba(127,196,232,.06));text-align:center}.th__regles{text-wrap:pretty;color:var(--color-text);display:grid;font-size:var(--text-sm);gap:var(--space-xs);line-height:var(--leading-snug);list-style:none;margin:0;padding:0}.th__regles li{padding-left:var(--space-md);position:relative}.th__regles li:before{background:#57a2c9;border-radius:0 50% 50%;content:"";height:9px;left:var(--space-3xs);position:absolute;top:.35em;transform:rotate(45deg);width:9px}.th__regles strong{color:#a93226}@media (min-width:768px){.th__regles{font-size:var(--text-base)}}.th__points-detritus{border-top:1px solid rgba(15,61,62,.12);display:grid;gap:var(--space-xs);padding-top:var(--space-sm)}.th__bareme{display:flex;flex-wrap:wrap;gap:var(--space-2xs);justify-content:center;list-style:none;margin:0;padding:0}.th__bareme li{display:grid;gap:var(--space-3xs);justify-items:center;width:44px}.th__bareme img{height:44px;width:44px}.th__bareme span{color:#0f3d3e;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold)}@media (min-width:768px){.th__bareme{justify-content:space-between}}.th__avertissement{background:rgba(181,101,29,.12);border-radius:var(--radius-sm);color:#8f4e14;font-size:var(--text-sm);line-height:var(--leading-snug);padding:var(--space-2xs) var(--space-sm)}.th__legende{color:var(--color-text-secondary);font-size:var(--text-2xs)}@media (min-width:768px){.th__carte--fin{align-items:center;gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.th__resultat{display:grid;gap:var(--space-xs);justify-items:center;width:100%}.th__stats,.th__texte{text-wrap:pretty;color:var(--color-text-secondary);font-size:var(--text-sm);max-width:34ch}.th__score-final{color:#0f3d3e;display:grid;font-size:var(--text-md);justify-items:center;line-height:1.2;padding:var(--space-xs) 0 var(--space-3xs)}.th__score-final span{font-family:var(--font-title);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;line-height:1}@media (min-width:768px){.th__score-final span{font-size:var(--text-4xl)}}.th__note{color:#0f3d3e;font-size:var(--text-sm);font-weight:var(--weight-bold)}.th__resultat .th__actions{padding-top:var(--space-sm)}.th__tableau{display:grid;gap:var(--space-md);width:100%}.th__podium{align-items:end;border-bottom:3px solid rgba(15,61,62,.2);display:grid;gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0 auto;padding:0;width:min(100%,22rem)}.th__marche{align-items:center;color:#0f3d3e;display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.th__marche--2{order:-1}.th__couronne{fill:#c8a030;filter:drop-shadow(0 1px 0 #8A6010);height:auto;width:30px}.th__marche .th__pseudo{border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.12em;max-width:100%;padding:var(--space-3xs) var(--space-2xs)}.th__marche .th__points{font-family:var(--font-title);font-size:var(--text-md);font-variant-numeric:tabular-nums;line-height:1}.th__marche--1 .th__points{font-size:var(--text-lg)}.th__socle{align-self:stretch;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:grid;font-family:var(--font-title);font-size:var(--text-xl);height:var(--space-xl);line-height:1;margin-top:var(--space-2xs);order:1;overflow:hidden;place-items:center;position:relative}.th__marche--1 .th__socle{background:linear-gradient(180deg,#f5e8b0,#c8a030);box-shadow:inset 0 2px 0 #fff5be,0 10px 24px rgba(200,160,48,.3);color:#4a2e04;height:calc(var(--space-2xl) + var(--space-sm))}.th__marche--2 .th__socle{background:linear-gradient(180deg,#f1f4f5,#b9c3c8);box-shadow:inset 0 2px 0 #fff;color:#34434a;height:var(--space-2xl)}.th__marche--3 .th__socle{background:linear-gradient(180deg,#f6dcc3,#c98b55);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.6);color:#4a2a10}.th__marche--1 .th__socle:after{animation:th-reflet 3.6s ease-in-out infinite;background:linear-gradient(105deg,transparent 35%,rgba(255,245,190,.7) 50%,transparent 65%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.th__marche.is-vide{color:var(--color-text-secondary)}.th__marche.is-vide .th__socle{background:rgba(15,61,62,.08);box-shadow:none;color:#3e6b6c}.th__marche.is-vide .th__socle:after{content:none}.th__marche.is-vide .th__couronne{fill:rgba(15,61,62,.2);filter:none}.th__classement{display:grid;gap:var(--space-3xs);list-style:none;margin:0 auto;padding:0;width:min(100%,22rem)}.th__classement li{align-items:center;background:hsla(0,0%,100%,.7);border-radius:var(--radius-pill);color:#0f3d3e;display:grid;gap:var(--space-sm);grid-template-columns:auto 1fr auto;padding:var(--space-3xs) var(--space-sm) var(--space-3xs) var(--space-3xs)}.th__classement li.is-vide{background:transparent;box-shadow:inset 0 0 0 1px rgba(15,61,62,.12);color:var(--color-text-secondary)}.th__classement .th__pseudo{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.2em;text-align:left}.th__classement .th__points{font-family:var(--font-title);font-size:var(--text-base);font-variant-numeric:tabular-nums}.th__rang{background:rgba(15,61,62,.1);border-radius:50%;color:#0f3d3e;display:grid;font-size:var(--text-xs);font-weight:var(--weight-bold);height:28px;place-items:center;width:28px}.th__classement li.is-joueur,.th__marche.is-joueur .th__pseudo{background:rgba(139,154,60,.25);box-shadow:inset 0 0 0 2px #6f7c2f}.th__classement-vide{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-sm)}.th__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.th__jouer{min-width:11rem}.th__bouton-secondaire{background:transparent;border:var(--border-width) solid #0f3d3e;color:#0f3d3e}.th__bouton-secondaire:hover{background:#0f3d3e;color:#fff}.th .btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (max-width:767px) and (min-height:561px){.th__colonnes{display:contents}.th__carte--titre>.th__actions{order:1}.th__carte--titre .th__bloc--podium{order:2}}@media (max-width:575px){.th__carte--fin,.th__carte--titre{gap:var(--space-md)}.th__entete{padding-top:var(--space-xl)}.th__logo{width:44px}.th__accroche{font-size:var(--text-sm)}.th__bloc{padding:var(--space-sm)}.th__bareme{gap:var(--space-3xs);justify-content:space-between}.th__bareme li{width:32px}.th__bareme img{height:32px;width:32px}.th__bloc--podium{padding-inline:var(--space-2xs)}.th__jouer{min-width:0}}@media (max-width:575px),(orientation:landscape) and (max-height:560px){.th__podium{gap:var(--space-3xs)}.th__marche .th__pseudo{font-size:var(--text-xs);letter-spacing:.02em;padding-inline:var(--space-3xs)}}.th__pied{bottom:max(var(--space-2xs),env(safe-area-inset-bottom));left:50%;position:absolute;translate:-50% 0;z-index:5}.th__pied a{background:hsla(51,64%,98%,.9);border-radius:var(--radius-pill);box-shadow:0 6px 18px rgba(15,61,62,.2);color:#0f3d3e;display:block;font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:var(--space-3xs) var(--space-sm);text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}.th__pied a:hover{background:#fdfcf6}.th__pied a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-inverse);outline-offset:var(--focus-ring-offset)}.th.is-en-jeu .th__pied,.th__musique{visibility:hidden}.th__musique{align-items:center;background:hsla(51,64%,98%,.9);border-radius:var(--radius-pill);bottom:max(var(--space-sm),env(safe-area-inset-bottom));box-shadow:0 6px 18px rgba(15,61,62,.2);color:#0f3d3e;display:flex;font-size:var(--text-2xs);font-weight:var(--weight-bold);gap:var(--space-2xs);left:max(var(--space-sm),env(safe-area-inset-left));margin:0;padding:var(--space-3xs) var(--space-sm);pointer-events:none;position:absolute;white-space:nowrap;z-index:2}.th.is-en-jeu .th__musique{visibility:visible}@media (orientation:landscape) and (max-height:560px){.th__carte--fin,.th__carte--titre{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);width:min(100%,50rem)}.th__carte--fin{align-items:start}.th__carte--fin,.th__colonnes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.th__colonnes{gap:var(--space-sm)}.th__entete{gap:var(--space-2xs)}.th__logo{width:44px}.th__titre{font-size:var(--title-3)}.th__titre--pixel{width:min(100%,18rem)}.th__accroche{font-size:var(--text-sm)}.th__bloc{gap:var(--space-2xs);padding:var(--space-sm)}.th__regles{font-size:var(--text-sm);gap:var(--space-3xs)}.th__legende,.th__points-detritus{display:none}.th__resultat{gap:var(--space-3xs)}.th__resultat .th__actions{padding-top:var(--space-2xs)}.th__texte{display:none}.th__score-final{padding:0}.th__score-final span{font-size:var(--text-2xl)}.th__socle{font-size:var(--text-md)}.th__marche--1 .th__socle{height:var(--space-xl)}.th__marche--2 .th__socle{height:var(--space-lg)}.th__marche--3 .th__socle{height:var(--space-md)}.th__classement li{padding-bottom:0;padding-top:0}}.th-pseudo{background:#212527;border:3px solid #7fc4e8;border-radius:var(--radius-card);box-shadow:0 0 0 6px rgba(127,196,232,.2),0 30px 80px rgba(0,0,0,.6);color:#fff;max-height:calc(100% - var(--space-lg));overflow-y:auto;padding:var(--space-lg) var(--space-md);text-align:center;width:min(100% - var(--space-lg),30rem)}.th-pseudo::backdrop{background:rgba(0,0,0,.6)}.th-pseudo p{margin:0}.th-pseudo__sur{color:#7fc4e8;font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:.16em;text-transform:uppercase}.th-pseudo__titre{text-wrap:balance;color:#fff;font-family:var(--font-title);font-size:var(--title-3);font-weight:var(--weight-regular);line-height:var(--leading-tight);margin:var(--space-2xs) 0}.th-pseudo__texte{color:var(--color-on-dark-muted);font-size:var(--text-sm)}.th-pseudo__cases{display:flex;gap:var(--space-3xs);justify-content:center;margin:var(--space-md) 0 var(--space-sm)}.th-pseudo__case{display:grid;gap:var(--space-3xs);justify-items:center}.th-pseudo__fleche,.th-pseudo__lettre{border:0;color:#fff;cursor:pointer;display:grid;font:inherit;place-items:center;width:44px}.th-pseudo__fleche:focus-visible,.th-pseudo__lettre:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-inverse);outline-offset:var(--focus-ring-offset)}.th-pseudo__fleche:disabled,.th-pseudo__lettre:disabled{cursor:default}.th-pseudo__fleche{background:hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:#7fc4e8;font-size:var(--text-sm);height:36px}.th-pseudo__fleche:hover:not(:disabled){background:hsla(0,0%,100%,.16)}.th-pseudo__lettre{background:hsla(0,0%,100%,.06);border-radius:var(--radius-sm);box-shadow:inset 0 -3px 0 hsla(0,0%,100%,.25);font-family:var(--font-title);font-size:var(--text-2xl);height:56px;line-height:1}.th-pseudo__case.is-courante .th-pseudo__lettre{animation:th-clignote 1s steps(1) infinite;background:rgba(127,196,232,.2);box-shadow:inset 0 -3px 0 #7fc4e8}.th-pseudo .th-pseudo__erreur{background:rgba(169,50,38,.3);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-sm);padding:var(--space-2xs) var(--space-sm)}.th-pseudo__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.th-pseudo__passer{background:none;border:0;color:#fff;cursor:pointer;font:inherit;font-size:var(--text-sm);min-height:44px;min-width:44px;padding:var(--space-2xs) var(--space-sm);text-decoration:underline;text-underline-offset:.2em}.th-pseudo__passer:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-inverse);outline-offset:var(--focus-ring-offset)}.th-pseudo .th-pseudo__mention{text-wrap:pretty;color:var(--color-on-dark-muted);font-size:var(--text-2xs);line-height:var(--leading-snug);margin-top:var(--space-sm)}.th-pseudo .th-pseudo__mention a{color:#7fc4e8;text-decoration:underline;text-underline-offset:.2em}.th-pseudo .th-pseudo__mention a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-inverse);outline-offset:var(--focus-ring-offset)}@media (max-width:400px){.th-pseudo{padding:var(--space-md) var(--space-xs)}.th-pseudo__cases{gap:var(--space-3xs)}.th-pseudo__fleche,.th-pseudo__lettre{width:40px}}@keyframes th-pulsation{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes th-decompte{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes th-clignote{50%{box-shadow:inset 0 -3px 0 rgba(127,196,232,.3)}}@keyframes th-reflet{0%,60%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.th-pseudo__case.is-courante .th-pseudo__lettre,.th__compteur--temps.is-urgent{animation:none}.th__decompte.is-visible{animation-name:th-decompte-fixe}.th__annonce{transition:opacity var(--transition-base) ease}.th__marche--1 .th__socle:after{content:none}}@keyframes th-decompte-fixe{0%,to{opacity:0;transform:translate(-50%,-50%)}20%,80%{opacity:1;transform:translate(-50%,-50%)}}