body.sombre{background: var(--nuit);background-image: radial-gradient(1200px 600px at 85% -10%,rgba(59,47,224,.35),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(255,193,46,.10),transparent 60%);background-attachment: fixed;color: #fff;min-height: 100dvh}.sombre .muet{color: rgba(255,255,255,.62)}.sombre a:not(.btn):not(.marque){color: var(--safran)}.tuiles{display: grid;gap: 12px}.tuile{--fond: var(--A);--texte: #fff;position: relative;display: flex;align-items: center;gap: 14px;width: 100%;min-height: 68px;padding: 14px 16px;border-radius: 16px;border: 0;text-align: left;cursor: pointer;background: var(--fond);color: var(--texte);font-weight: 700;font-size: 1.05rem;line-height: 1.3;box-shadow: inset 0 -4px 0 rgba(0,0,0,.18);transition: transform .12s ease,opacity .25s,filter .25s,box-shadow .2s}.tuile:active{transform: scale(.985)}.tuile.t1{--fond: var(--B)}.tuile.t2{--fond: var(--C);--texte: var(--nuit)}.tuile.t3{--fond: var(--D)}.tuile .bulle{--c: currentColor;background: rgba(255,255,255,.16);border-color: rgba(255,255,255,.75);color: inherit;width: 38px;height: 38px}.tuile.t2 .bulle{background: rgba(16,14,44,.08);border-color: rgba(16,14,44,.55)}.tuile .forme{margin-left: auto;width: 20px;height: 20px;flex: none;opacity: .75;fill: currentColor}.tuile .t-texte{flex: 1;min-width: 0;overflow-wrap: anywhere}.tuile .t-compte{margin-left: auto;font-family: var(--f-titre);font-size: 1.1rem;font-weight: 700}.tuile.verrou{cursor: default}.tuiles.choisie .tuile:not(.choix){opacity: .35;filter: saturate(.4)}.tuile.choix{box-shadow: 0 0 0 4px #fff,inset 0 -4px 0 rgba(0,0,0,.18)}.tuiles.revele .tuile:not(.bonne){opacity: .28;filter: saturate(.25)}.tuiles.revele .tuile.bonne{box-shadow: 0 0 0 4px var(--safran),0 0 40px rgba(255,193,46,.45);animation: zam .6s ease}.tuiles.revele .tuile.bonne .bulle{background: var(--safran);border-color: var(--safran);color: var(--nuit)}@keyframes zam{0%{transform: scale(1)}35%{transform: scale(1.035)}100%{transform: scale(1)}}.barre-tuile{position: absolute;left: 0;bottom: 0;height: 5px;border-radius: 0 0 0 16px;background: rgba(255,255,255,.7);transition: width .6s ease}.chrono{height: 8px;border-radius: 99px;background: rgba(255,255,255,.12);overflow: hidden}.chrono span{display: block;height: 100%;width: 100%;background: var(--safran);border-radius: 99px;transition: width .25s linear,background .3s}.chrono span.alerte{background: var(--corail)}.joueur .j-haut{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: max(12px,env(safe-area-inset-top)) 16px 12px;max-width: 640px;margin: 0 auto}.j-outils{display: flex;gap: 8px;align-items: center}.btn-son{width: 38px;height: 38px;border-radius: 10px;border: 1.5px solid rgba(255,255,255,.2);background: transparent;color: #fff;display: grid;place-items: center;cursor: pointer}.btn-son svg{width: 18px;height: 18px}.j-scene{max-width: 640px;margin: 0 auto;padding: 8px 16px calc(28px + env(safe-area-inset-bottom))}.j-carte{background: var(--nuit-2);border: 1px solid rgba(255,255,255,.08);border-radius: 22px;padding: 24px 20px}.j-eyebrow{font-weight: 800;font-size: .74rem;letter-spacing: .14em;text-transform: uppercase;color: var(--safran);margin-bottom: 8px}.j-titre{font-size: clamp(1.45rem,6vw,1.9rem);font-weight: 700;margin-bottom: 8px}.j-sous{color: rgba(255,255,255,.7);margin-bottom: 20px}.sombre .champ>span{color: rgba(255,255,255,.85)}.sombre .champ input:not([type=checkbox]):not([type=radio]),.sombre .champ select{background: rgba(255,255,255,.07);border-color: rgba(255,255,255,.18);color: #fff}.sombre .champ input::placeholder{color: rgba(255,255,255,.4)}.sombre .champ input:not([type=checkbox]):not([type=radio]):focus{border-color: var(--safran);box-shadow: 0 0 0 4px rgba(255,193,46,.18)}.saisie-code{width: 100%;text-align: center;font-family: var(--f-titre);font-weight: 700;font-size: 2.2rem;letter-spacing: .12em;padding: 14px 10px;border-radius: 16px;border: 2px solid rgba(255,255,255,.18);background: rgba(255,255,255,.06);color: #fff}.saisie-code:focus{outline: none;border-color: var(--safran);box-shadow: 0 0 0 5px rgba(255,193,46,.18)}.j-erreur{color: #ff9a90;font-weight: 700;margin: 10px 0 0;min-height: 1.4em}.j-attente{text-align: center;padding: 34px 20px}.j-attente .compte{font-family: var(--f-titre);font-weight: 700;font-size: clamp(2.6rem,14vw,4rem);letter-spacing: .02em;margin: 10px 0 4px}.j-attente .compte.texte{font-size: 1.15rem;font-weight: 600;font-family: var(--f-texte);color: rgba(255,255,255,.8)}.j-presents{display: inline-flex;gap: 8px;align-items: center;margin-top: 16px;padding: 8px 14px;border-radius: 999px;background: rgba(255,255,255,.07);font-weight: 700;font-size: .9rem}.j-astuce{margin-top: 22px;color: rgba(255,255,255,.7);font-size: .92rem}.j-orbite{width: 92px;height: 92px;margin: 0 auto 6px;position: relative}.j-orbite img{width: 92px;height: 92px;animation: flotte 3s ease-in-out infinite}@keyframes flotte{50%{transform: translateY(-6px) rotate(-3deg)}}.j-q-haut{display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-bottom: 10px;font-weight: 700;font-size: .86rem;color: rgba(255,255,255,.7)}.j-q-haut .rubrique{color: var(--safran);text-transform: uppercase;letter-spacing: .08em;font-size: .74rem;font-weight: 800;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.j-question{font-size: clamp(1.15rem,4.8vw,1.4rem);font-weight: 700;line-height: 1.35;margin: 16px 0 18px;font-family: var(--f-texte)}.j-etat{margin-top: 14px;text-align: center;font-weight: 700;color: rgba(255,255,255,.8);min-height: 1.5em}@media (min-width: 620px){.joueur .tuiles{grid-template-columns: 1fr 1fr}.joueur .tuile{min-height: 96px}}.verdict{text-align: center;padding: 24px 16px 6px}.verdict .pastille{width: 84px;height: 84px;margin: 0 auto 12px;border-radius: 50%;display: grid;place-items: center;animation: zam .6s ease}.verdict .pastille svg{width: 44px;height: 44px}.verdict.ok .pastille{background: var(--ok)}.verdict.ko .pastille{background: var(--ko)}.verdict.vide .pastille{background: rgba(255,255,255,.14)}.verdict h2{font-size: 1.6rem;margin-bottom: 4px}.verdict .gain{font-family: var(--f-titre);font-size: 1.25rem;color: var(--safran);font-weight: 700}.bonne-rep{margin-top: 18px;padding: 16px;border-radius: 16px;background: rgba(255,193,46,.1);border: 1px solid rgba(255,193,46,.35)}.bonne-rep .etiq{font-size: .74rem;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--safran);margin-bottom: 8px}.bonne-rep .ligne{display: flex;gap: 12px;align-items: center;font-weight: 700;font-size: 1.05rem}.bonne-rep .bulle{background: var(--safran);border-color: var(--safran);color: var(--nuit)}.explication{margin-top: 10px;color: rgba(255,255,255,.78);font-size: .95rem}.rapide{margin-top: 14px;font-weight: 700;color: #fff;display: flex;gap: 8px;align-items: center}.rapide::before{content: "⚡"}.j-rang{display: flex;justify-content: space-between;align-items: center;margin-top: 16px;padding: 14px 16px;border-radius: 16px;background: rgba(255,255,255,.06)}.j-rang b{font-family: var(--f-titre);font-size: 1.25rem}.fin-score{text-align: center;padding: 10px 0 18px}.fin-score .gros{font-family: var(--f-titre);font-weight: 800;font-size: clamp(3rem,18vw,4.6rem);color: var(--safran);line-height: 1}.fin-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;margin: 10px 0 18px}.fin-stats div{background: rgba(255,255,255,.06);border-radius: 14px;padding: 12px 8px;text-align: center}.fin-stats b{display: block;font-family: var(--f-titre);font-size: 1.2rem}.fin-stats span{font-size: .78rem;color: rgba(255,255,255,.65)}.liste-rub{display: grid;gap: 8px;margin: 8px 0 18px}.liste-rub .r{display: grid;grid-template-columns: 1fr auto;gap: 4px 10px;align-items: center;padding: 10px 12px;border-radius: 12px;background: rgba(255,255,255,.05)}.liste-rub .r .jauge{grid-column: 1 / -1;height: 6px;border-radius: 99px;background: rgba(255,255,255,.1);overflow: hidden}.liste-rub .r .jauge i{display: block;height: 100%;background: var(--ok);border-radius: 99px}.liste-rub .r.faible .jauge i{background: var(--corail)}.liste-rub .r .travail{color: #ffb0a8;font-size: .78rem;font-weight: 800}.top5{list-style: none;padding: 0;margin: 0;display: grid;gap: 6px}.top5 li{display: flex;gap: 12px;align-items: center;padding: 10px 12px;border-radius: 12px;background: rgba(255,255,255,.05);font-weight: 700}.top5 li.moi{background: rgba(255,193,46,.16)}.top5 .rg{width: 26px;text-align: center;font-family: var(--f-titre)}.top5 .nm{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.top5 .nm small{display: block;font-weight: 600;color: rgba(255,255,255,.55);font-size: .78rem}.top5 .pt{font-family: var(--f-titre);font-size: .95rem}.hote{overflow: hidden}.h-cadre{height: 100dvh;display: grid;grid-template-rows: auto 1fr}.h-haut{display: flex;align-items: center;gap: 16px;padding: 14px 26px;border-bottom: 1px solid rgba(255,255,255,.07)}.h-haut .h-titre{font-weight: 700;color: rgba(255,255,255,.8);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.h-haut .h-espace{flex: 1}.h-pin{font-family: var(--f-titre);font-weight: 700;background: rgba(255,255,255,.08);padding: 6px 12px;border-radius: 10px;letter-spacing: .06em;white-space: nowrap}.h-pin small{font-family: var(--f-texte);font-weight: 700;color: rgba(255,255,255,.6);letter-spacing: 0;margin-right: 6px}.h-compteur{display: inline-flex;align-items: center;gap: 8px;font-weight: 800;white-space: nowrap}.h-compteur svg{width: 20px;height: 20px}.h-cmd{display: flex;gap: 8px}.h-scene{position: relative;min-height: 0;padding: clamp(14px,2.4vw,34px);overflow: hidden}.h-lobby{height: 100%;display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: clamp(18px,3vw,48px);align-items: center}.h-rejoindre{display: grid;gap: clamp(8px,1.6vh,18px);justify-items: start;align-content: center}.h-rejoindre .etape{font-weight: 700;font-size: clamp(1rem,1.5vw,1.35rem);color: rgba(255,255,255,.78)}.h-rejoindre .url{font-family: var(--f-titre);font-weight: 600;font-size: clamp(1.05rem,2vw,1.8rem);color: #fff;word-break: break-all}.h-code{white-space: nowrap;font-family: var(--f-titre);font-weight: 800;font-size: clamp(3rem,min(7.4vw,13vh),8rem);line-height: .95;letter-spacing: .04em;color: var(--safran);text-shadow: 0 10px 50px rgba(255,193,46,.25)}.h-qr{background: #fff;border-radius: 22px;padding: 10px;width: clamp(130px,min(16vw,30vh),260px);aspect-ratio: 1;box-shadow: 0 20px 60px rgba(0,0,0,.35)}.h-qr svg{width: 100%;height: 100%;display: block}.h-salle{height: 100%;display: grid;grid-template-rows: auto 1fr auto;gap: 16px;min-height: 0}.h-salle .compte-joueurs{display: flex;align-items: baseline;gap: 14px}.h-salle .compte-joueurs b{font-family: var(--f-titre);font-size: clamp(2.4rem,5vw,4.4rem);font-weight: 800}.h-salle .compte-joueurs span{font-weight: 700;color: rgba(255,255,255,.7);font-size: 1.15rem}.h-noms{display: flex;flex-wrap: wrap;align-content: flex-start;gap: 10px;overflow: hidden;min-height: 0}.h-noms span{padding: 9px 16px;border-radius: 999px;background: rgba(255,255,255,.09);font-weight: 700;font-size: clamp(.9rem,1.2vw,1.1rem);animation: arrive .45s cubic-bezier(.2,1.4,.4,1)}@keyframes arrive{from{transform: scale(.4);opacity: 0}}.h-depart{display: grid;gap: 12px}.h-decompte{font-family: var(--f-titre);font-weight: 800;font-size: clamp(2.4rem,6vw,5rem);line-height: 1}.h-decompte small{display: block;font-family: var(--f-texte);font-size: 1rem;font-weight: 700;color: rgba(255,255,255,.65);margin-bottom: 6px}.h-boutons{display: flex;flex-wrap: wrap;gap: 10px}.h-jeu{height: 100%;display: grid;grid-template-columns: minmax(0,1fr) clamp(240px,24vw,360px);gap: clamp(16px,2vw,30px);min-height: 0}.h-principal{display: grid;grid-template-rows: auto auto 1fr auto;gap: clamp(10px,1.6vh,20px);min-height: 0}.h-infos{display: flex;align-items: center;gap: 16px}.h-infos .num{font-family: var(--f-titre);font-weight: 700;font-size: clamp(1rem,1.5vw,1.3rem)}.h-infos .rub{color: var(--safran);font-weight: 800;letter-spacing: .1em;text-transform: uppercase;font-size: .86rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.h-infos .rep{margin-left: auto;font-weight: 800;white-space: nowrap}.h-anneau{width: clamp(64px,6.5vw,96px);height: clamp(64px,6.5vw,96px);position: relative;flex: none}.h-anneau svg{width: 100%;height: 100%;transform: rotate(-90deg)}.h-anneau circle{fill: none;stroke-width: 9}.h-anneau .fond{stroke: rgba(255,255,255,.12)}.h-anneau .avance{stroke: var(--safran);stroke-linecap: round;transition: stroke-dashoffset .25s linear,stroke .3s}.h-anneau.alerte .avance{stroke: var(--corail)}.h-anneau b{position: absolute;inset: 0;display: grid;place-items: center;font-family: var(--f-titre);font-weight: 800;font-size: clamp(1.3rem,2.2vw,2rem)}.h-question{font-family: var(--f-texte);font-weight: 800;font-size: clamp(1.5rem,3.1vw,3rem);line-height: 1.22;letter-spacing: -.01em}.hote .tuiles{grid-template-columns: 1fr 1fr;gap: clamp(10px,1.4vw,18px);align-content: end}.hote .tuile{min-height: clamp(76px,12vh,130px);font-size: clamp(1rem,1.7vw,1.6rem);padding: 16px 20px;cursor: default}.hote .tuile .bulle{width: clamp(38px,3.4vw,52px);height: clamp(38px,3.4vw,52px);font-size: clamp(.85rem,1.1vw,1.1rem)}.h-revelation{display: grid;gap: 8px}.h-revelation .explication{font-size: clamp(.95rem,1.3vw,1.2rem);margin: 0}.h-revelation .rapide{font-size: clamp(1rem,1.4vw,1.3rem);margin: 0}.h-cote{background: rgba(255,255,255,.04);border: 1px solid rgba(255,255,255,.07);border-radius: 20px;padding: 16px;display: grid;grid-template-rows: auto 1fr auto;min-height: 0}.h-cote h3{font-size: .8rem;letter-spacing: .14em;text-transform: uppercase;color: var(--safran);margin-bottom: 12px}.classement{list-style: none;margin: 0;padding: 0;display: grid;gap: 7px;align-content: start;overflow: hidden}.classement li{display: grid;grid-template-columns: 30px minmax(0,1fr) auto auto;align-items: center;gap: 8px;padding: 9px 10px;border-radius: 12px;background: rgba(255,255,255,.05);font-weight: 700;transition: background .4s}.classement li.monte{animation: monte-rang .8s ease}@keyframes monte-rang{0%{background: rgba(18,162,106,.45);transform: translateY(8px)}100%{transform: none}}.classement .rg{font-family: var(--f-titre);text-align: center;font-size: .95rem}.classement li:nth-child(1) .rg{color: var(--safran)}.classement .nm{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.classement .nm small{display: block;font-weight: 600;font-size: .74rem;color: rgba(255,255,255,.5);overflow: hidden;text-overflow: ellipsis}.classement .pt{font-family: var(--f-titre);font-size: .95rem}.classement .fl{font-size: .8rem;width: 14px;text-align: center}.classement .fl.h{color: #3ee69c}.classement .fl.b{color: #ff8a80}.commentaire{margin-top: 12px;font-weight: 700;color: rgba(255,255,255,.8);font-size: .92rem;min-height: 2.6em}.vide-classement{color: rgba(255,255,255,.5);font-weight: 600;padding: 8px 2px}.h-fin{height: 100%;display: grid;grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr);gap: clamp(18px,3vw,44px);min-height: 0}.h-fin .titre-fin{font-size: clamp(1.6rem,3vw,2.6rem);font-weight: 800;margin-bottom: 8px}.podium{display: grid;grid-template-columns: repeat(3,1fr);align-items: end;gap: clamp(10px,1.6vw,22px);height: min(56vh,520px);margin-top: 18px}.podium .col{display: grid;grid-template-rows: auto auto auto 1fr;justify-items: center;text-align: center;gap: 6px;height: 100%}.podium .med{font-size: clamp(2rem,3.4vw,3.2rem);line-height: 1}.podium .nm{font-weight: 800;font-size: clamp(1rem,1.6vw,1.5rem);max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.podium .pt{font-family: var(--f-titre);color: var(--safran);font-weight: 700}.podium .socle{width: 100%;border-radius: 18px 18px 6px 6px;display: grid;place-items: start center;padding-top: 14px;font-family: var(--f-titre);font-weight: 800;font-size: clamp(2rem,4vw,3.6rem);color: rgba(255,255,255,.9);animation: pousse .9s cubic-bezier(.2,1.1,.3,1) both;transform-origin: bottom}.podium .p1 .socle{height: 100%;background: linear-gradient(180deg,var(--safran),#d99400);color: var(--nuit);animation-delay: .5s}.podium .p2 .socle{height: 72%;background: linear-gradient(180deg,#b9b6d6,#7d7aa6);animation-delay: .25s}.podium .p3 .socle{height: 52%;background: linear-gradient(180deg,#e69a6a,#b4683c)}.podium .col .socle{align-self: end}.podium .vide{opacity: .2}@keyframes pousse{from{transform: scaleY(0)}}.h-fin .classement{overflow: auto}.h-actions-fin{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 16px}.h-message{height: 100%;display: grid;place-items: center;text-align: center}.h-message .carte-msg{max-width: 560px}.h-message h2{font-size: 1.6rem;margin-bottom: 10px}.h-menu{position: absolute;right: 26px;top: 64px;z-index: 30;background: var(--nuit-2);border: 1px solid rgba(255,255,255,.1);border-radius: 16px;padding: 8px;display: grid;min-width: 250px;box-shadow: 0 24px 60px rgba(0,0,0,.5)}.h-menu button{text-align: left;background: transparent;border: 0;color: #fff;padding: 11px 12px;border-radius: 10px;font-weight: 700;cursor: pointer}.h-menu button:hover{background: rgba(255,255,255,.07)}.h-menu button.danger{color: #ff9a90}.h-menu hr{border: 0;border-top: 1px solid rgba(255,255,255,.08);margin: 6px 4px;width: auto}@media (max-width: 900px){.hote{overflow: auto}.h-cadre{height: auto;min-height: 100dvh}.h-lobby,.h-jeu,.h-fin{grid-template-columns: 1fr;height: auto}.h-haut{flex-wrap: wrap;padding: 12px 16px}.hote .tuiles{grid-template-columns: 1fr}.podium{height: 320px}}