:root{--bg:#0f0d1a;--bg-2:#1a1630;--card:#221c3d;--card-2:#2c2450;--border:#3a3160;--text:#f4f1ff;--muted:#a89fce;--accent:#ff5c8a;--accent-2:#7c5cff;--gold:#ffcf5c;--ok:#46d29a;--radius:18px;--shadow:0 10px 40px #00000073}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:linear-gradient(#0f0d1ab8,#0f0d1ae0),url(/envoie-la-fumee.jpeg);background-position:50% 25%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}a{color:var(--accent);text-decoration:none}.wrap{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px 18px;display:flex}.stack{flex-direction:column;gap:14px;width:100%;max-width:520px;display:flex}.host-wrap{flex-direction:column;gap:22px;min-height:100vh;padding:28px clamp(18px,4vw,56px);display:flex}.card{background:linear-gradient(160deg, var(--card), var(--card-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.title{letter-spacing:-.02em;background:linear-gradient(90deg, var(--accent), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,6vw,46px);font-weight:800}.subtitle{color:var(--muted);margin:0;font-size:15px}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2);margin:0 0 6px;font-size:12px;font-weight:700}.q-text{letter-spacing:-.02em;margin:0;font-size:clamp(26px,5vw,48px);font-weight:800}.label{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600;display:block}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#00000040;border-radius:14px;outline:none;padding:14px 16px;font-family:inherit;font-size:17px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #7c5cff40}.input.code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:26px;font-weight:800}.textarea{resize:vertical;min-height:120px}.btn{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--accent), var(--accent-2));border:none;border-radius:14px;padding:15px 20px;font-family:inherit;font-size:17px;font-weight:700;transition:transform 80ms,filter .15s,opacity .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn.gold{background:linear-gradient(90deg, var(--gold), var(--accent));color:#1a1330}.btn.wide{width:100%}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.error{color:#ff9db3;min-height:18px;margin:2px 0 0;font-size:14px}.badge{border:1px solid var(--border);color:var(--muted);background:#7c5cff29;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.code-pill{letter-spacing:.14em;color:var(--gold);text-shadow:0 0 30px #ffcf5c59;font-size:clamp(40px,9vw,84px);font-weight:900}.players{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--card-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:15px;font-weight:600;display:inline-flex}.chip .dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.chip.done .dot{background:var(--ok);box-shadow:0 0 10px var(--ok)}.chip.star{border-color:var(--gold);box-shadow:0 0 14px #ffcf5c40}.reveal-card{background:linear-gradient(160deg, var(--card), var(--card-2));border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px}.reveal-author{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:15px;font-weight:800}.star-card{border-left-color:var(--gold);border-color:var(--gold);box-shadow:0 0 40px #ffcf5c40, var(--shadow)}.reveal-text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:clamp(22px,3.5vw,34px);font-weight:700}.counter{color:var(--muted);font-size:15px;font-weight:700}.center{text-align:center}.spacer{flex:1}.host-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.host-main{flex-direction:column;flex:1;justify-content:center;gap:20px;display:flex}.host-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.big-status{font-size:clamp(22px,4vw,40px);font-weight:800}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.two{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}@media (max-width:640px){.two{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes glowOk{0%,to{box-shadow:0 0 24px #46d29a73, var(--shadow)}50%{box-shadow:0 0 60px #46d29acc, var(--shadow)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-9px)}40%,60%{transform:translate(9px)}}.reveal-card{animation:.35s both fadeUp}.q-text{animation:.3s both fadeUp}.verdict-match{animation:.42s cubic-bezier(.2,1.4,.4,1) both pop,1.3s ease-in-out .42s infinite glowOk}.verdict-gage{animation:.36s cubic-bezier(.2,1.4,.4,1) both pop,.5s .36s shake}@media (prefers-reduced-motion:reduce){.reveal-card,.q-text,.verdict-match,.verdict-gage,.pulse{animation:none!important}}