:root{--fond:#120f1d;--surface:#1d1930;--surface-haute:#2a2444;--bordure:#3a3359;--texte:#f3f0ff;--texte-doux:#a9a2c7;--accent:#ff4f8b;--accent-fonce:#d93670;--succes:#3ddc97;--alerte:#ffc857;--danger:#ff6b6b;--rayon:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--texte);background:var(--fond);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%, #33204d 0%, var(--fond) 60%) fixed;min-height:100vh;margin:0}h1{margin:0}button,input{font:inherit;color:inherit}input{border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond);width:100%;min-width:0;padding:.65rem .85rem}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--surface-haute);cursor:pointer;white-space:nowrap;padding:.65rem 1rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.bouton-principal{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.bouton-principal:hover:not(:disabled){background:var(--accent-fonce);border-color:#0000}button.lien{color:var(--texte-doux);background:0 0;border:none;text-decoration:underline}.erreur{color:var(--danger)}.ligne{gap:.5rem;display:flex}.accueil{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:440px;margin:0 auto;padding:12vh 16px 2rem;display:flex}.accueil h1{letter-spacing:-.03em;font-size:clamp(2.5rem,10vw,3.5rem)}.accueil h1 span,.logo span{color:var(--accent)}.accroche{color:var(--texte-doux);margin:0}.carte{border:1px solid var(--bordure);border-radius:calc(var(--rayon) + 4px);background:var(--surface);text-align:left;flex-direction:column;gap:.75rem;width:100%;padding:1.25rem;display:flex}.carte label{font-weight:600}.carte-secondaire{background:0 0}.carte p{margin:0}.note,.astuce{color:var(--texte-doux);margin:0;font-size:.9rem}.salle{max-width:1680px;margin:0 auto;padding:0 16px 2rem}.entete{align-items:center;gap:1rem;padding:.75rem 0;display:flex}.logo{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.statut{background:var(--surface-haute);color:var(--texte-doux);border-radius:999px;margin-right:auto;padding:.2rem .7rem;font-size:.85rem}.statut:before{content:"●";margin-right:.4rem}.statut-connecte:before{color:var(--succes)}.statut-attente:before,.statut-connexion:before,.statut-preparation:before{color:var(--alerte)}.statut-deconnecte:before,.statut-erreur:before{color:var(--danger)}.bandeau{border-radius:var(--rayon);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .75rem;padding:.6rem 1rem;display:flex}.bandeau.avertissement{border-left:4px solid var(--alerte)}.bandeau.erreur{border-left:4px solid var(--danger);color:var(--texte)}.partage{border:1px dashed var(--accent);border-radius:var(--rayon);background:var(--surface);margin-bottom:1rem;padding:1rem}.partage p{margin:0 0 .5rem}.disposition{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.scene{flex-direction:column;gap:.75rem;min-width:0;display:flex}.choix-video{gap:.5rem;display:flex}.scene>.erreur{margin:0}.ecran{aspect-ratio:16/9;border-radius:var(--rayon);background:#000;position:relative;overflow:hidden}.lecteur,.lecteur-cadre,.lecteur-cadre>*,.lecteur-bouclier{width:100%;height:100%;position:absolute;inset:0}.ecran-message{background:var(--surface);color:var(--texte-doux);text-align:center;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.ecran-message.erreur{color:var(--danger);background:#120f1deb;font-weight:600}.ecran-debloquer{white-space:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lecteur-message{text-align:center;background:#000c;margin:0;padding:.5rem;position:absolute;inset:auto 0 0}.controles{align-items:center;gap:.5rem;display:flex}.controles input[type=range]{accent-color:var(--accent);background:0 0;border:none;flex:1;padding:0}.temps{min-width:3ch;color:var(--texte-doux);font-variant-numeric:tabular-nums;font-size:.9rem}.cameras{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.joueur{flex-direction:column;gap:.35rem;min-width:0;margin:0;display:flex}.joueur-image{aspect-ratio:4/3;border-radius:var(--rayon);background:var(--surface);position:relative;overflow:hidden}.volume{color:var(--texte-doux);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.volume input[type=range]{min-width:0;accent-color:var(--accent);background:0 0;border:none;flex:1;padding:0}.volume-valeur{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}.volume-musique{max-width:420px}.joueur video{object-fit:cover;width:100%;height:100%}.joueur-local video{transform:scaleX(-1)}.joueur video.cachee{display:none}.joueur-vide{color:var(--texte-doux);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.joueur-initiale{background:var(--surface-haute);width:3rem;height:3rem;color:var(--texte);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.joueur-message{font-size:.8rem}.joueur figcaption{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000bf);justify-content:space-between;gap:.25rem;padding:.3rem .6rem;font-size:.85rem;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.joueur-muet{color:var(--danger)}.boutons-media{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.boutons-media button{white-space:normal}.boutons-media .coupe{border-color:var(--danger);color:var(--danger)}@media (width<=1100px){.disposition{grid-template-columns:1fr}}@media (width<=520px){.choix-video,.ligne{flex-direction:column}.controles{flex-wrap:wrap}.controles input[type=range]{flex-basis:100%;order:5}.entete{gap:.5rem}.bandeau{flex-direction:column;align-items:stretch}}