:root{--deep-950:#04101c;--deep-900:#061525;--deep-800:#0b2338;--deep-700:#123049;--ice-100:#e8f6ff;--ice-300:#7dd3fc;--ice-500:#38bdf8;--ice-700:#0284c7;--ice-900:#075985;--amber:#ffb03a;--violet:#a78bfa;--lime:#a3e635;--red-500:#ff3b5c;--red-900:#6b0f22;--green-400:#4ade80;--danger:var(--red-500);--danger-deep:var(--red-900);--frozen:var(--ice-300);--ally:var(--amber);--ok:var(--green-400);--accent:var(--ice-500);--fond:var(--deep-900);--fond-panneau:#061525d1;--trait:#7dd3fc38;--trait-vif:#7dd3fc8c;--texte:var(--ice-100);--texte-faible:#e8f6ff94;--font:"Outfit", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--snap:.11s;--pop:.19s;--sweep:.32s;--ease-pop:cubic-bezier(.22, 1.4, .36, 1);--ease-sortie:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--snap:1ms;--pop:1ms;--sweep:1ms;--ease-pop:linear;--ease-sortie:linear}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes end-entree{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@keyframes reveal-pop{0%{opacity:0;transform:scale(.85)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--fond);height:100%;color:var(--texte);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.vitrine{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{border:1px solid var(--trait-vif);min-width:1.9em;font:inherit;text-align:center;letter-spacing:.04em;background:#7dd3fc1f;border-bottom-width:3px;border-radius:5px;padding:.15em .45em;font-size:.85em;font-weight:700;display:inline-block}.overlay{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--deep-800) 72%, transparent), color-mix(in srgb, var(--deep-950) 95%, transparent));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;place-items:center;padding:24px;animation:.4s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.panel{border:1px solid color-mix(in srgb, var(--ice-300) 18%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--ice-900) 28%, transparent), color-mix(in srgb, var(--deep-950) 72%, transparent));text-align:center;border-radius:20px;width:min(560px,100%);max-height:100%;padding:34px 38px 30px;overflow-y:auto;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff14}.logo{letter-spacing:-.03em;color:var(--ice-100);text-shadow:0 0 32px color-mix(in srgb, var(--accent) 55%, transparent);font-size:clamp(44px,9vw,92px);font-weight:900;line-height:.95}.logo span{color:var(--accent)}.tagline{color:var(--texte-faible);letter-spacing:.04em;margin:14px 0 26px;font-size:13px}.btn-play{background:linear-gradient(180deg, var(--ice-500), var(--ice-700));width:100%;color:var(--deep-950);letter-spacing:.1em;cursor:pointer;box-shadow:0 6px 0 var(--ice-900), 0 14px 30px color-mix(in srgb, var(--accent) 40%, transparent);transition:transform var(--snap), box-shadow var(--snap);border:none;border-radius:12px;padding:16px 30px;font-family:inherit;font-size:19px;font-weight:900}.btn-play:hover{box-shadow:0 8px 0 var(--ice-900), 0 18px 36px color-mix(in srgb, var(--accent) 50%, transparent);transform:translateY(-2px)}.btn-play:active{box-shadow:0 2px 0 var(--ice-900), 0 6px 14px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(4px)}#menu .btn-play{margin-bottom:28px}.modes{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px;display:grid}.mode{border:1px solid var(--trait);background:color-mix(in srgb, var(--ice-300) 5%, transparent);color:var(--ice-100);text-align:left;cursor:pointer;border-radius:12px;padding:13px 12px;font-family:inherit;transition:border-color .16s,background .16s,transform .16s;position:relative}.mode:hover{border-color:var(--trait-vif);transform:translateY(-2px)}.mode.active{border-color:var(--ice-500);background:color-mix(in srgb, var(--ice-500) 20%, transparent);box-shadow:0 0 0 1px var(--ice-500), 0 8px 26px color-mix(in srgb, var(--ice-500) 28%, transparent)}.mode-name{letter-spacing:.09em;font-size:13px;font-weight:800;display:block}.mode-desc{color:color-mix(in srgb, var(--texte) 55%, transparent);margin-top:5px;font-size:11px;line-height:1.4;display:block}.mode-star{font-size:11px;position:absolute;top:9px;right:11px}.settings{text-align:left;gap:12px;margin-bottom:22px;display:grid}.settings label{letter-spacing:.1em;color:color-mix(in srgb, var(--texte) 60%, transparent);grid-template-columns:1fr auto;gap:6px 10px;font-size:11px;font-weight:700;display:grid}.settings output{color:var(--ice-300);font-weight:800}.settings input[type=range]{background:color-mix(in srgb, var(--ice-300) 20%, transparent);appearance:none;cursor:pointer;border-radius:3px;grid-column:1/-1;width:100%;height:4px}.settings input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ice-300);width:15px;height:15px;box-shadow:0 0 10px color-mix(in srgb, var(--ice-300) 80%, transparent);border-radius:50%}.settings input[type=range]::-moz-range-thumb{background:var(--ice-300);border:0;border-radius:50%;width:15px;height:15px}.controls{color:color-mix(in srgb, var(--texte) 45%, transparent);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:20px;font-size:11px;list-style:none;display:flex}.view-choice{gap:7px;display:grid}.view-caption{letter-spacing:.1em;color:color-mix(in srgb, var(--texte) 60%, transparent);font-size:11px;font-weight:700}.views{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.view{border:1px solid var(--trait);background:color-mix(in srgb, var(--ice-300) 5%, transparent);color:var(--ice-100);letter-spacing:.06em;cursor:pointer;border-radius:10px;padding:9px 6px;font-family:inherit;font-size:11px;font-weight:800;transition:border-color .16s,background .16s}.view:hover{border-color:var(--trait-vif)}.view.active{border-color:var(--ice-500);background:color-mix(in srgb, var(--ice-500) 20%, transparent);box-shadow:0 0 0 1px var(--ice-500)}.view-desc{min-height:2.6em;color:color-mix(in srgb, var(--texte) 50%, transparent);font-size:11px;line-height:1.3}.menu-online{flex-direction:column;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.join-row{gap:.5rem;display:flex}#joinCode{text-align:center;letter-spacing:.25em;text-transform:uppercase;border:1px solid var(--trait);background:color-mix(in srgb, var(--ice-300) 5%, transparent);width:6.5rem;color:var(--ice-100);font:inherit;border-radius:10px;padding:.5rem .6rem;font-weight:800}#joinCode.invalid{border-color:var(--amber)}#joinCode::placeholder{letter-spacing:.14em;color:var(--texte-faible)}.btn-secondary{border:1px solid var(--trait);background:color-mix(in srgb, var(--ice-300) 5%, transparent);color:var(--ice-100);letter-spacing:.06em;cursor:pointer;border-radius:10px;padding:.5rem 1rem;font-family:inherit;font-size:12px;font-weight:800;transition:border-color .16s,background .16s}.btn-secondary:hover{border-color:var(--trait-vif);background:color-mix(in srgb, var(--ice-500) 20%, transparent)}@media (max-width:620px){.modes{grid-template-columns:1fr}.panel{max-height:100dvh;padding:20px 16px;overflow-y:auto}.menu-online{flex-direction:column;align-items:stretch}}.lobby-content{flex-direction:column;align-items:center;gap:1.1rem;padding:2rem 2.5rem;display:flex}.lobby-hint{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--texte) 55%, transparent);margin:0;font-size:.72rem}.lobby-code{letter-spacing:.14em;color:var(--ice-100);text-shadow:0 0 40px color-mix(in srgb, var(--accent) 55%, transparent);animation:lobby-code-entree var(--pop) var(--ease-pop) both;font-size:clamp(52px,13vw,108px);font-weight:900;line-height:1}@keyframes lobby-code-entree{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.lobby-copy{color:color-mix(in srgb, var(--texte) 85%, transparent);cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;padding:.4rem 1rem;font-size:.78rem}.lobby-copy:hover{background:#ffffff1f}.lobby-members{flex-wrap:wrap;justify-content:center;gap:8px;padding:0;list-style:none;display:flex}.membre{border:1px solid var(--trait);background:var(--fond-panneau);animation:end-entree var(--pop) var(--ease-pop) both;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;font-weight:600;display:flex}.membre-pastille{background:var(--teinte,var(--ice-500));width:10px;height:10px;box-shadow:0 0 10px var(--teinte,var(--ice-500));border-radius:50%}.membre.absent{opacity:.42}.membre.absent .membre-pastille{box-shadow:none}.membre-hote{letter-spacing:.12em;color:var(--amber);font-size:9px;font-weight:800}.lobby-settings{flex-direction:column;align-items:center;gap:.8rem;display:flex}.lobby-settings.hidden,#lobbyStart.hidden,.lobby-wait.hidden{display:none}.lobby-wait{color:color-mix(in srgb, var(--texte) 55%, transparent);margin:0;font-size:.85rem}@media (max-width:620px){.lobby-members{max-height:34dvh;overflow-y:auto}.lobby-settings .modes{grid-template-columns:1fr}}.reveal-card{text-align:center;animation:.5s cubic-bezier(.16,1,.3,1) both reveal-pop}.reveal-question{letter-spacing:.16em;color:var(--texte-faible);font-size:clamp(18px,3.4vw,30px);font-weight:800;animation:.9s ease-in-out reveal-pulse}.reveal-role{letter-spacing:-.01em;animation:reveal-frappe var(--pop) var(--ease-pop) both;margin:10px 0;font-size:clamp(26px,5.4vw,52px);font-weight:900}.reveal-role.wolf{color:var(--danger);text-shadow:0 0 30px color-mix(in srgb, var(--danger) 60%, transparent)}@keyframes reveal-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes reveal-frappe{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}.reveal-hint{color:color-mix(in srgb, var(--texte) 60%, transparent);font-size:14px}#revealQuestion:not(.hidden)~#revealRole,#revealQuestion:not(.hidden)~#revealHint{display:none}.countdown{color:var(--texte);text-shadow:0 0 90px var(--ice-500);pointer-events:none;z-index:25;place-items:center;font-size:clamp(120px,26vw,260px);font-weight:900;display:grid;position:fixed;inset:0}.countdown span{animation:1s ease-out both tick}@keyframes tick{0%{opacity:0;transform:scale(2.2)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.75)}}.hud{z-index:10;pointer-events:none;position:fixed;inset:0}.hud-top{justify-content:center;align-items:flex-start;gap:30px;padding:18px 24px 0;display:flex}.stat{text-align:right;opacity:.92;min-width:108px}.stat.right{text-align:left}.stat-label{letter-spacing:.22em;color:color-mix(in srgb, var(--texte) 45%, transparent);font-size:10px;font-weight:700;display:block}.stat-value{color:var(--ice-300);text-shadow:0 0 22px color-mix(in srgb, var(--ice-500) 50%, transparent);font-size:30px;font-weight:800;line-height:1.05;display:block}.stat-value.wolf{color:var(--danger);text-shadow:0 0 22px color-mix(in srgb, var(--danger) 50%, transparent)}.clock{border:1px solid color-mix(in srgb, var(--ice-300) 20%, transparent);background:color-mix(in srgb, var(--deep-950) 50%, transparent);font-variant-numeric:tabular-nums;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:4px 20px 6px;font-size:34px;font-weight:800}.clock.urgent{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);animation:1s ease-in-out infinite pulse-clock}@keyframes pulse-clock{50%{transform:scale(1.06)}}.hud-mode{text-align:center;letter-spacing:.42em;color:color-mix(in srgb, var(--ice-300) 40%, transparent);margin-top:6px;font-size:10px;font-weight:700}.hud-center{justify-items:center;gap:10px;display:grid;position:absolute;top:62%;left:50%;transform:translate(-50%)}.prompt{border:1px solid color-mix(in srgb, var(--ice-300) 30%, transparent);background:color-mix(in srgb, var(--deep-950) 66%, transparent);letter-spacing:.16em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:9px;padding:8px 16px;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite float-prompt;display:flex}@keyframes float-prompt{50%{transform:translateY(-4px)}}.rescue-bar{background:color-mix(in srgb, var(--ice-300) 18%, transparent);border-radius:4px;width:190px;height:5px;overflow:hidden}.rescue-bar i{background:linear-gradient(90deg, var(--ice-300), var(--ok));width:0;height:100%;box-shadow:0 0 12px var(--ok);display:block}.hud-bottom{justify-items:center;gap:12px;display:grid;position:absolute;bottom:22px;left:0;right:0}.self-state{justify-items:center;gap:6px;display:grid}.badge{border:1px solid color-mix(in srgb, var(--ice-300) 32%, transparent);background:color-mix(in srgb, var(--deep-950) 60%, transparent);letter-spacing:.2em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:5px 16px;font-size:11px;font-weight:800}.badge.wolf{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, transparent);background:color-mix(in srgb, var(--danger-deep) 35%, transparent)}.badge.frozen{color:var(--frozen);border-color:color-mix(in srgb, var(--frozen) 70%, transparent)}.stamina{background:color-mix(in srgb, var(--ice-300) 16%, transparent);border-radius:3px;width:150px;height:3px;overflow:hidden}.stamina i{background:var(--ice-300);width:100%;height:100%;transition:background .2s;display:block}.stamina i.empty{background:var(--danger)}.thaw{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--deep-950) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(420px,76vw);padding:9px 16px;display:grid}.thaw-label{letter-spacing:.18em;color:var(--danger);font-size:10px;font-weight:800}.thaw-bar{background:color-mix(in srgb, var(--danger) 18%, transparent);border-radius:4px;height:6px;overflow:hidden}.thaw-bar i{background:linear-gradient(90deg, var(--ice-300), var(--danger));width:100%;height:100%;display:block}.thaw-value{font-variant-numeric:tabular-nums;text-align:right;min-width:46px;font-size:15px;font-weight:800}.toasts{justify-items:center;gap:6px;width:max-content;display:grid;position:absolute;top:118px;left:50%;transform:translate(-50%)}.toast{background:color-mix(in srgb, var(--deep-950) 70%, transparent);border:1px solid color-mix(in srgb, var(--ice-300) 18%, transparent);letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;animation:.28s both toast-in}.toast.out{animation:.4s both toast-out}.toast.bad{border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:color-mix(in srgb, var(--danger) 30%, white)}.toast.good{border-color:color-mix(in srgb, var(--ok) 40%, transparent);color:color-mix(in srgb, var(--ok) 40%, white)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.vignette{opacity:0;background:radial-gradient(circle at 50% 50%, transparent 42%, color-mix(in srgb, var(--frozen) 55%, transparent) 100%);transition:opacity .5s;position:absolute;inset:0}.vignette.on{opacity:1}.vignette.danger{background:radial-gradient(circle at 50% 50%, transparent 46%, color-mix(in srgb, var(--danger) 42%, transparent) 100%)}.objectif{background:var(--fond-panneau);border:1px solid var(--trait);letter-spacing:.12em;color:var(--texte);white-space:nowrap;transition:color var(--snap);border-radius:999px;padding:7px 16px;font-size:12px;font-weight:800}.objectif.danger{border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.objectif.ally{border-color:color-mix(in srgb, var(--ally) 55%, transparent);color:var(--ally)}.hud-mode{transition:opacity var(--sweep) var(--ease-sortie), transform var(--sweep) var(--ease-sortie)}.hud-mode.efface{opacity:0;pointer-events:none;transform:translateY(-8px)}@media (max-width:620px){.hud-top{padding:8px 12px}.objectif{letter-spacing:.08em;font-size:10px}.hud-bottom{gap:8px}}#end{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;align-items:end;padding-bottom:7vh}.end-content{text-align:center;animation:.6s cubic-bezier(.16,1,.3,1) both reveal-pop}.end-title{letter-spacing:-.02em;animation:end-entree var(--pop) var(--ease-pop) both;font-size:clamp(30px,6vw,58px);font-weight:900}.end-title.survie{color:var(--ice-100);text-shadow:0 0 26px color-mix(in srgb, var(--accent) 60%, transparent)}.end-title.meute{color:var(--danger);text-shadow:0 0 26px color-mix(in srgb, var(--danger) 50%, transparent)}.end-mvp{border:1px solid color-mix(in srgb, var(--amber) 50%, transparent);background:color-mix(in srgb, var(--amber) 12%, transparent);color:var(--amber);letter-spacing:.1em;animation:end-entree var(--pop) var(--ease-pop) .12s both;border-radius:999px;margin-top:10px;padding:6px 14px;font-size:12px;font-weight:800}#endSubtitle{color:color-mix(in srgb, var(--texte) 70%, transparent);text-shadow:0 2px 12px #000c;margin:8px 0 20px;font-size:14px}.end-stats{justify-content:center;gap:26px;margin-bottom:24px;display:flex}.end-stat{border:1px solid var(--trait);background:color-mix(in srgb, var(--deep-950) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;min-width:92px;padding:10px 14px}.end-stat b{color:var(--ice-300);font-size:24px;font-weight:800;display:block}.end-stat span{letter-spacing:.16em;color:color-mix(in srgb, var(--texte) 45%, transparent);font-size:10px;font-weight:700}#end .btn-play{width:260px;margin:0 auto}.roster{border:1px solid var(--trait);background:color-mix(in srgb, var(--deep-950) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;border-radius:12px;gap:2px;width:min(520px,88vw);max-height:38vh;margin:0 auto 22px;padding:8px;list-style:none;display:grid;overflow-y:auto}.roster-row{border-radius:7px;grid-template-columns:5.5em 1fr 4em 6.5em;align-items:baseline;gap:8px;padding:3px 8px;font-size:12px;display:grid}.roster-row b{color:var(--ice-100);font-weight:700}.roster-temper{color:color-mix(in srgb, var(--texte) 60%, transparent)}.roster-fate{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.roster-resc{color:color-mix(in srgb, var(--texte) 40%, transparent);text-align:right;font-size:10px}.roster-row.is-wolf{background:color-mix(in srgb, var(--danger-deep) 28%, transparent)}.roster-row.is-wolf .roster-fate{color:var(--danger)}.roster-row.is-frozen .roster-fate{color:var(--frozen)}.roster-row.is-free .roster-fate{color:var(--ok)}@media (max-width:620px){.end-stats{grid-template-columns:repeat(2,1fr);display:grid}.roster{max-height:38dvh;overflow-y:auto}}.status{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.08em;text-transform:uppercase;color:var(--texte);white-space:nowrap;pointer-events:none;background:#0c1a2ad1;border:1px solid #ffffff2e;border-radius:999px;padding:.45rem 1.1rem;font-size:.78rem;font-weight:600;position:fixed;top:1.1rem;left:50%;transform:translate(-50%)}.status.hidden{display:none}