/* Pif, Paf, Pouf ! — palette du badge validé. */
:root{--bg:#f7f3ff;--paper:#fff;--text:#291344;--muted:#695c77;--line:#e2d7f2;--purple:#5420ad;--soft:#efe6ff;--brand-violet:#351078;--brand-orange:#ffae00;--brand-turquoise:#00bdb7;--green:#146653;--red:#a52e4b}
body{background:radial-gradient(ellipse at top left,#eee2ff,transparent 65%),var(--bg)}
.brand-image{width:68px;height:68px;object-fit:contain;background:white;border-radius:14px;flex-shrink:0}
.brand-name{color:var(--brand-violet);font-weight:850}
.home-brand{display:block;width:min(260px,70%);height:auto;border-radius:28px;margin:0 0 22px;background:white}
.countdown-brand{width:110px;height:110px;object-fit:contain;border-radius:22px;background:white}
.primary,.in-game .round-footer .primary{background:#5420ad;color:white;box-shadow:0 4px 0 #351078}
.primary:hover{background:#42168e}
.pill,.eyebrow,.room-code{color:#5420ad}
.in-game{background:radial-gradient(ellipse at 0 10%,#e1d0ff,transparent 55%),radial-gradient(ellipse at 100% 100%,#c4f5ef,transparent 55%),#f7f3ff}
.question-countdown{background:radial-gradient(circle at 0 0,#6637c866,transparent 55%),radial-gradient(circle at 100% 100%,#00bdb744,transparent 55%),#351078}
.countdown-number{color:#ffbe29}.in-game .progress-track .done{background:#00a99e}
.in-game .option:nth-child(1){background:#eee3ff;color:#351078;box-shadow:0 4px 0 #d9c5f5}
.in-game .option:nth-child(2){background:#d7f7f1;color:#135c54;box-shadow:0 4px 0 #a9e8de}
.in-game .option:nth-child(3){background:#fff0c9;color:#65420a;box-shadow:0 4px 0 #f0d598}
.in-game .option:nth-child(4){background:#f3e8ff;color:#542070;box-shadow:0 4px 0 #dfc9ed}
.in-game .option.selected{border-color:#5420ad}.in-game .option.correct{background:#d4f6e5;color:#155138;border-color:#168358}.in-game .option.wrong{background:#ffe3e7;color:#8c2542;border-color:#c03b5d}
.lobby-readiness,.browser-join-help{background:#efe6ff}.brand{min-width:0}
.in-game .brand-image,.host-lobby .brand-image{width:42px;height:42px;border-radius:9px}
@media(max-width:600px){.brand-image{width:48px;height:48px}.brand-name{font-size:.85rem}.topbar{gap:8px}.top-actions{gap:5px}.in-game .brand-image,.host-lobby .brand-image{width:34px;height:34px}.has-room .brand-name{display:none}.home-brand{width:150px;margin-bottom:16px}.countdown-brand{width:86px;height:86px}}
@media(max-width:380px){.brand-name{display:none}}