:root{--bg:#16112b;--bg-2:#211a3d;--card:#2a2150;--line:#3d3270;--text:#f7f4ff;--muted:#b3a9d9;--pink:#ff4f8b;--yellow:#ffd23f;--green:#3ddc97;--orange:#ff9f43;--red:#ff5a5f;--blue:#5ab0ff;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% -10%, #3a2470 0%, var(--bg) 55%) fixed}h1,h2,h3{margin:0 0 .5rem;line-height:1.15}h1{font-size:1.7rem}h2{font-size:1.15rem}p{margin:.3rem 0}button,input,select{font:inherit;color:inherit}.screen{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;min-height:100dvh;margin:0 auto;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.center-text{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}.dim{opacity:.55}.error{color:var(--red);font-weight:600}.big-emoji{margin:0;font-size:3.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}details>summary{cursor:pointer;color:var(--muted)}.btn{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--pink);border-color:var(--pink);color:#fff}.btn.ghost{background:0 0}.btn.big{width:100%;min-height:60px;font-size:1.15rem}.btn.danger{border-color:var(--red);color:var(--red);background:0 0}.link{color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.back{align-self:flex-start}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.field>span,.field>legend{color:var(--muted);font-size:.9rem}input,select{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;width:100%;min-height:48px;padding:10px 14px}.check{align-items:center;gap:10px;min-height:40px;display:flex}.check input{width:22px;min-height:22px;accent-color:var(--pink)}.code{letter-spacing:.25em;margin:0;font-size:2.6rem;font-weight:900}.code.small{letter-spacing:.15em;font-size:1.1rem}.code-input{text-align:center;letter-spacing:.4em;text-transform:uppercase;font-size:1.8rem;font-weight:800}.code-input.small{letter-spacing:.2em;font-size:1.1rem}.hero{text-align:center;padding:24px 0 8px}.disclaimer{background:var(--bg-2);border-radius:12px;padding:12px;font-size:.9rem}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatar{aspect-ratio:1;background:var(--bg-2);cursor:pointer;border:2px solid #0000;border-radius:12px;padding:0;font-size:1.5rem}.avatar.selected{border-color:var(--pink);background:#3b2560}.lobby-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.qr{background:#fff;border-radius:12px;align-self:center;padding:6px;display:inline-flex}.players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.players li{background:var(--bg-2);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.players li.me{outline:2px solid var(--pink)}.players .avatar-sm{font-size:1.5rem}.players .name{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.players .pos{text-align:center;width:1.6em;color:var(--yellow);font-weight:800}.players .score{font-weight:800}.ready{color:var(--muted);font-size:.85rem}.ready.yes{color:var(--green);font-weight:700}.tag{background:var(--line);border-radius:999px;padding:2px 8px;font-size:.7rem}.spinner{border:4px solid var(--line);border-top-color:var(--pink);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tier-badge{background:var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.tier-facile{background:#1f5b45}.tier-moyen{background:#6b5a12}.tier-difficile{background:#7a4614}.tier-tres_difficile{background:#7a1f2b}.countdown{font-size:8rem;font-weight:900;line-height:1;animation:1s ease-out infinite pop}@keyframes pop{0%{opacity:.4;transform:scale(1.3)}30%{opacity:1;transform:scale(1)}}.challenge{text-align:center;font-size:1.6rem;font-weight:900;line-height:1.2}.timer{background:var(--bg-2);border-radius:999px;height:10px;overflow:hidden}.timer>div{background:linear-gradient(90deg, var(--green), var(--yellow), var(--red));height:100%;transition:width .2s linear}.timer-label{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.play-top{flex-direction:column;gap:8px;display:flex}.camera{border-radius:var(--radius);aspect-ratio:3/4;background:#000;width:100%;max-height:58dvh;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%;display:block}.camera .shutter{background:var(--pink);cursor:pointer;border:6px solid #fff;border-radius:50%;width:78px;height:78px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.camera .shutter:disabled{background:#777}.camera .flip{cursor:pointer;background:#00000080;border:0;border-radius:999px;min-height:40px;padding:6px 12px;position:absolute;top:12px;right:12px}.camera .overlay{text-align:center;background:#16112bdb;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.verdict{border-radius:var(--radius);text-align:center;padding:16px}.verdict.valid{background:#1f5b45}.verdict.refused{background:#5a1f2b}.verdict.error{background:#5a4a1f}.judge{flex-direction:column;align-items:center;gap:12px;display:flex}.judge .eye{font-size:4rem;animation:1.4s ease-in-out infinite judge}@keyframes judge{0%,to{transform:rotate(-12deg)scale(1)}50%{transform:rotate(12deg)scale(1.15)}}.judge .dots:after{content:"";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.podium{text-align:center;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;display:grid}.podium .step{background:var(--card);border-radius:12px 12px 0 0;padding:8px 4px}.podium .step.p1{border-top:4px solid var(--yellow);min-height:130px}.podium .step.p2{border-top:4px solid #cfd8e3;min-height:100px}.podium .step.p3{border-top:4px solid #d58b4f;min-height:80px}.podium .medal{font-size:1.8rem}.photos{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.photo{background:var(--bg-2);aspect-ratio:3/4;border-radius:12px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo .caption{background:linear-gradient(#0000,#000000d9);padding:6px 8px;font-size:.8rem;position:absolute;bottom:0;left:0;right:0}.photo .rank{font-size:1.4rem;position:absolute;top:6px;left:6px}.tier-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tier-choice .btn{border-radius:var(--radius);flex-direction:column;min-height:90px}.banner{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.banner.warn{border-color:var(--orange)}.tv{flex-direction:column;gap:2vh;min-height:100dvh;padding:3vh 3vw;font-size:clamp(14px,1.4vw,30px);display:flex}.tv .tier-badge{font-size:1em}.tv .players{gap:.3em}.tv .players li{padding:.25em .6em}.tv h1{font-size:2.4em}.tv h2{font-size:1.4em}.tv-lobby{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;display:grid}.tv-join{text-align:center;flex-direction:column;align-items:center;gap:1.5vh;display:flex}.tv-sub{color:var(--muted);font-size:1.4em}.tv-code{letter-spacing:.3em;margin:0;font-size:4em;font-weight:900}.tv-players .players{grid-template-columns:repeat(2,1fr);display:grid}.tv-head{justify-content:space-between;align-items:center;gap:2vw;display:flex}.tv-main{flex:1;grid-template-columns:2fr 1fr;gap:2vw;min-height:0;display:grid}.tv-challenge{text-align:center;margin:1vh 0;font-size:2.8em;font-weight:900;line-height:1.1}.tv-countdown{text-align:center;font-size:18em;font-weight:900;line-height:1;animation:1s ease-out infinite pop}.tv-timer{font-variant-numeric:tabular-nums;margin:0;font-size:2.6em;font-weight:900}.wall{grid-template-columns:repeat(auto-fill,minmax(7em,1fr));align-content:start;gap:.6em;display:grid}.wall .tile{background:var(--card);border:2px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.3em;min-height:5.5em;padding:.5em;display:flex;position:relative;overflow:hidden}.wall .tile .av{font-size:1.9em;line-height:1}.wall .tile.pending{border-color:var(--yellow)}.wall .tile.pending .av{animation:1.4s ease-in-out infinite judge}.wall .tile.valid{border-color:var(--green);background:#1d4a3b}.wall .tile .order{color:var(--yellow);font-weight:900;position:absolute;top:.3em;right:.5em}.tv-results{flex:1;grid-template-columns:3fr 2fr;gap:2vw;min-height:0;display:grid}.tv-winner{background:#000;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tv-winner img{object-fit:contain;max-width:100%;max-height:70vh}.tv-winner .caption{background:linear-gradient(#0000,#000000e6);padding:1em;font-size:1.2em;position:absolute;bottom:0;left:0;right:0}.tv .players li{font-size:1em}.slideshow img{animation:.8s ease-in fade}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=900px){.tv-lobby,.tv-main,.tv-results{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}