:root{--ink:#1C1B2E;--muted:#8A8AA0;--line:#ECECF3;--success:#2FB344;--danger:#EF3B3B;--imp-orange:#FF9D2E;--gold:#FFB020;--brand-grad:linear-gradient(180deg, #2A2748 0%, #1C1B2E 100%);--r-sm:12px;--r-md:18px;--r-lg:26px;--r-pill:999px}.theme-imposter{--accent:#EF3B3B;--accent-strong:#D92B2B;--accent-grad:linear-gradient(180deg, #FF5A4D 0%, #E02424 100%);--accent-shadow:rgba(224,36,36,.4)}:root{--shadow:0 10px 30px rgba(28,27,46,.18);--shadow-sm:0 4px 14px rgba(28,27,46,.12)}.theme-most_likely{--accent:#7C5CFF;--accent-strong:#5B43E0;--accent-grad:linear-gradient(180deg, #8E7BFF 0%, #5B43E0 100%);--accent-shadow:rgba(91,67,224,.4)}.theme-secrets{--accent:#12B7AB;--accent-strong:#0AA39A;--accent-grad:linear-gradient(180deg, #15D0C0 0%, #0AA39A 100%);--accent-shadow:rgba(10,163,154,.4)}.theme-who_am_i{--accent:#E83E8C;--accent-strong:#C72177;--accent-grad:linear-gradient(180deg, #FF7DB3 0%, #E83E8C 100%);--accent-shadow:rgba(232,62,140,.4)}.wai-card{margin-top:14px;min-width:160px;padding:24px 28px;border-radius:24px;background:#fff;color:var(--ink);font-size:2.4rem;font-weight:900;box-shadow:0 12px 26px #00000029}.wai-card--me{font-size:3.6rem;color:var(--accent-strong)}.wai-place{margin-top:12px;padding:6px 16px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:900}.wai-board{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:14px}.wai-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:16px;border:2px solid transparent}.wai-row.active{border-color:var(--accent);box-shadow:0 6px 16px var(--accent-shadow)}.wai-row .nm{flex:1;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wai-word{font-weight:900;color:var(--accent-strong);font-size:1.05rem}.wai-word.hidden{color:var(--muted)}.wai-thumb{width:36px;height:36px;border-radius:9px;object-fit:cover;flex:none;background:#f1f1f5}.wai-thumb--emoji{display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.wai-reveal-emoji{font-size:3rem;line-height:1;margin-top:6px}.wai-last{font-size:.72rem;font-weight:800;color:var(--muted);background:#f1f1f5;border-radius:999px;padding:4px 10px}.sec-bubble{color:#fff;opacity:.95;margin-bottom:14px}.sec-statement{color:#fff;font-size:26px;font-weight:900;line-height:1.4;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.18)}.sec-flip{width:100%;margin-top:auto;perspective:1200px}.sec-flip-inner{position:relative;width:100%;min-height:300px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.sec-flip.flipped .sec-flip-inner{transform:rotateY(180deg)}.sec-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:26px;padding:24px 20px;box-shadow:0 10px 30px #00000038;display:flex;flex-direction:column;justify-content:center}.sec-front{align-items:center;gap:10px;border:none;cursor:pointer;color:var(--accent-strong);font-family:inherit}.sec-front-t{color:var(--ink);font-size:19px;font-weight:900}.sec-front-h{display:flex;align-items:center;gap:6px;color:#16a34a;font-weight:800;font-size:15px;margin-top:2px}.sec-back{transform:rotateY(180deg);align-items:stretch;text-align:center}.sec-q{color:var(--ink);font-size:19px;font-weight:900;text-align:center;margin-bottom:18px}.sec-yesno{display:flex;gap:12px}.sec-yes,.sec-no{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;border-radius:18px;font-size:18px;font-weight:900;border:1.5px solid;background:transparent;cursor:pointer}.sec-yes{color:#16a34a;border-color:#16a34a80;background:#16a34a1a}.sec-no{color:var(--accent-strong);border-color:#0aa39a80;background:#0aa39a1a}.sec-stepper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px}.sec-step{width:56px;height:56px;border-radius:50%;border:none;background:#f1f1f5;color:var(--ink);font-size:30px;font-weight:700;cursor:pointer}.sec-step:disabled{color:#bbb}.sec-num{width:84px;text-align:center;color:var(--ink);font-size:40px;font-weight:900}.sec-back-btn{background:none;border:none;color:#999;font-weight:800;font-size:15px;margin-top:12px;width:100%;cursor:pointer;font-family:inherit}.sec-locked{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:17px;background:#ffffff24;border-radius:999px;padding:10px 18px}.sec-boxes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.sec-box{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--accent-strong);background:#ffffff24;border:1.5px solid rgba(255,255,255,.35);opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .26s cubic-bezier(.34,1.56,.64,1)}.sec-box.in{opacity:1;transform:scale(1)}.sec-box.filled{background:#fff;border-color:#fff}.sec-reveal-tail{opacity:0;transition:opacity .35s ease}.sec-reveal-tail.in{opacity:1}.sec-guessers{display:flex;flex-direction:column;align-items:center;margin-top:24px}.sec-guess-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:12px}.sec-guesser{display:flex;flex-direction:column;align-items:center;gap:6px}.sec-guesser .nm{color:#fff;font-weight:800;font-size:13px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-tally{width:100%;background:#fff;border-radius:var(--r-lg);padding:10px 12px;margin:16px 0 8px;box-shadow:var(--shadow-sm)}.ml-tally-row{display:flex;align-items:center;gap:12px;padding:7px 4px}.ml-tally-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ml-tally-info .nm{color:var(--ink);font-weight:800;font-size:14px;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-bar{height:7px;border-radius:4px;background:var(--line);overflow:hidden}.ml-bar-fill{height:100%;border-radius:4px}.ml-count{color:var(--ink);font-weight:900;font-size:16px;min-width:20px;text-align:center}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Cairo,system-ui,sans-serif;color:#fff}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--accent-grad);direction:rtl;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.screen{flex:1;display:flex;flex-direction:column;padding:24px;max-width:480px;margin-inline:auto;width:100%;animation:fade .25s ease}.screen--center{align-items:center;justify-content:center;text-align:center}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:1.05rem;opacity:.85;padding:14px 0 4px}.brand svg{opacity:.9}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:1.05rem;border-radius:var(--r-pill);padding:16px 22px;width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .1s ease,filter .12s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn svg{flex:none}.btn--primary,.btn--dark{background:var(--ink);color:#fff;box-shadow:var(--shadow)}.btn--ghost{background:#ffffff24;color:#fff;border:1.6px solid rgba(255,255,255,.36)}.btn-spin{width:22px;height:22px;border-radius:50%;border:2.6px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.btn-spin--ink{border-color:var(--accent);border-top-color:transparent;width:22px;height:22px}@keyframes spin{to{transform:rotate(360deg)}}.icon-badge{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;margin-bottom:18px;animation:badgePop .45s cubic-bezier(.34,1.5,.64,1) both}.icon-badge--pop{animation:badgePop .55s cubic-bezier(.2,1.6,.5,1) both}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.icon-badge--pulse{animation:badgePulse .85s ease-in-out infinite alternate}@keyframes badgePulse{0%{transform:scale(.86)}to{transform:scale(1.12)}}.avatar{flex:none;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:900;line-height:1}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px}.chip{display:inline-flex;align-items:center;gap:5px;background:#fff3;color:#fff;font-weight:800;font-size:.78rem;padding:6px 12px;border-radius:var(--r-pill)}.chip svg{opacity:.95}.spacer{flex:1}.actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.error{background:#00000040;color:#fff;border-radius:var(--r-md);padding:12px 16px;margin-top:14px;font-weight:700;text-align:center}.emoji-xl{font-size:4.5rem;margin-bottom:12px}.h1{font-weight:900;font-size:1.6rem}.sub{opacity:.92;margin:8px 0 22px;line-height:1.5}.input{background:#fff;border:none;border-radius:var(--r-pill);padding:16px 20px;font-family:inherit;font-size:1.15rem;font-weight:800;width:100%;text-align:center;box-shadow:var(--shadow-sm);color:var(--ink)}.input::placeholder{color:var(--muted);font-weight:700}.input--code{letter-spacing:4px;text-transform:uppercase}.nodl{display:inline-flex;align-items:center;gap:6px;opacity:.85;font-size:.85rem;margin-top:16px}.join-av{position:relative;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;line-height:0;box-shadow:0 8px 22px #00000047;transition:transform .12s ease}.join-av:active{transform:scale(.96)}.join-av .av-edit{width:32px;height:32px;inset-inline-end:0;bottom:0}.join-av-hint{opacity:.85;font-size:.85rem;margin:10px 0 18px}.list-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:8px;box-shadow:var(--shadow-sm);width:100%}.pl-row{display:flex;align-items:center;gap:12px;padding:12px 10px}.pl-row+.pl-row{border-top:1px solid var(--line)}.pl-row .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-size:1.3rem}.pl-row .nm{font-weight:800;flex:1}.pl-av{position:relative;display:inline-flex;line-height:0}.pl-av.editable{cursor:pointer}.av-edit{position:absolute;inset-inline-end:-2px;bottom:-2px;background:var(--gold);color:var(--ink);border:2px solid #fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.sheet{background:#fff;color:var(--ink);width:100%;max-width:480px;border-radius:26px 26px 0 0;padding:14px 20px 28px;animation:sheetUp .25s ease}@keyframes sheetUp{0%{transform:translateY(20px);opacity:.6}to{transform:none;opacity:1}}.sheet-grip{width:44px;height:5px;background:#e3e3ec;border-radius:3px;margin:0 auto 14px}.sheet-title{text-align:center;font-weight:900;font-size:1.15rem;margin-bottom:16px}.sheet-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.av-pick{border:3px solid transparent;border-radius:50%;padding:2px;background:none;cursor:pointer;line-height:0}.av-pick.sel{border-color:var(--gold)}.pl-row .tag{font-size:.72rem;font-weight:800;color:var(--accent)}.dot{width:11px;height:11px;border-radius:50%;background:var(--success)}.dot.wait{background:var(--imp-orange)}.pill{background:#fff3;color:#fff;font-weight:800;padding:8px 18px;border-radius:var(--r-pill);width:max-content;margin:18px auto 0}.spinner-dots{font-size:1.3rem;letter-spacing:5px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.roll{justify-content:center}.roll-title{font-weight:900;color:#fff;font-size:1.4rem;margin-bottom:22px;transition:font-size .25s ease,letter-spacing .25s ease}.roll-title.landed{font-size:1.95rem;letter-spacing:1px}.roll-circle{position:relative;width:min(64vw,280px);aspect-ratio:1;border-radius:50%;overflow:hidden;background-size:cover;background-position:center;border:4px solid var(--gold);animation:rollGlow 1.1s ease-in-out infinite alternate}.roll-circle.landed{border-color:var(--danger);animation:rollPop .55s cubic-bezier(.2,1.6,.4,1) both;box-shadow:0 0 52px #ef3b3b99}@keyframes rollGlow{0%{box-shadow:0 0 22px #ffb02040}to{box-shadow:0 0 40px #ffb0208c}}@keyframes rollPop{0%{transform:scale(.9)}60%{transform:scale(1.13)}to{transform:scale(1.06)}}.roll-circle .roll-char{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.roll-name{margin-top:22px;color:#fff;font-weight:900;font-size:2rem;text-align:center;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.4);transition:font-size .25s ease}.roll-name.landed{font-size:2.3rem}.roll-dots{color:#ffffff80;font-size:1.7rem;font-weight:900;letter-spacing:6px;margin-top:20px}.reveal__hello{text-align:center;font-weight:800;font-size:1.15rem;margin-bottom:16px}.reveal-stack{position:relative;width:min(300px,86%);height:min(56vh,440px);margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none}.reveal-secret{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;color:var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 8px 20px #00000029;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px}.reveal__badge{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:1.6rem;color:#fff}.badge-imp{background:var(--danger)}.badge-normal{background:var(--success)}.reveal__role{font-size:2rem;font-weight:900}.reveal__word{font-size:2rem;font-weight:900;color:var(--ink);margin-top:8px}.reveal__note{color:var(--muted);margin-top:12px;line-height:1.5}.reveal-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-grad);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 20px 40px #00000061;border:1.5px solid rgba(255,176,32,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:#fff;cursor:grab;will-change:transform}.reveal-cover--player{background-size:cover;background-position:center;padding:0}.reveal-cover.dragging{cursor:grabbing}.reveal-cover.snapback{transition:transform .4s cubic-bezier(.34,1.4,.64,1)}.card-char{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:118%;height:auto;pointer-events:none}.card-scrim{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 35%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.85) 100%)}.card-name{position:absolute;top:10px;left:12px;right:12px;text-align:center;font-weight:900;font-size:2.6rem;line-height:1.3;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:4px}.cover-emblem{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#ffb02024;border:2px solid var(--gold);margin-bottom:16px}.cover-title{font-weight:900;font-size:1.4rem}.cover-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.reveal-cover:not(.reveal-cover--player) .cover-hint{position:static;color:var(--gold);text-shadow:none;margin-top:30px}.cover-hint .arrow{animation:bob 1.2s ease-in-out infinite}.cover-hint .cap{font-weight:900;font-size:1.05rem;margin-top:2px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vote-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.vote-tile{display:flex;align-items:center;gap:14px;background:#fff;color:var(--ink);border:2px solid transparent;border-radius:var(--r-md);padding:14px 18px;cursor:pointer;box-shadow:var(--shadow-sm);font-family:inherit;width:100%;text-align:start}.vote-tile:disabled{opacity:.7}.vote-tile.sel{border-color:var(--gold);border-width:2.5px}.vote-tile .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-size:1.4rem}.vote-tile .nm{font-weight:800;flex:1}.vote-tile .check{color:var(--gold);display:inline-flex}.win{font-size:1.9rem;font-weight:900;margin-top:8px;animation:badgePop .5s cubic-bezier(.2,1.6,.5,1) both}.res-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);width:100%;margin-top:18px}.res-row{display:flex;justify-content:space-between;padding:12px 0;font-weight:700}.res-row+.res-row{border-top:1px solid var(--line)}.res-row .k{color:var(--muted)}.res-row .v{font-weight:900}.note-soft{opacity:.85;font-size:.85rem;margin-top:14px;text-align:center;line-height:1.5}.board-label{width:100%;text-align:start;opacity:.8;font-size:.8rem;font-weight:800;margin:18px 0 8px}.board{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:8px;box-shadow:var(--shadow-sm);width:100%}.board-row{display:flex;align-items:center;gap:10px;padding:8px}.board-row+.board-row{border-top:1px solid var(--line)}.board-row .rank{width:22px;text-align:center;color:var(--muted);font-weight:800;display:inline-flex;justify-content:center}.board-row .rank svg{color:var(--imp-orange)}.board-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.board-info .nm{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-row .pts{background:var(--line);font-weight:900;padding:4px 12px;border-radius:var(--r-pill);min-width:34px;text-align:center}.board-row .pts.lead{background:var(--gold);color:var(--ink)}.pips{display:inline-flex;gap:4px}.pip{width:9px;height:9px;border-radius:50%;background:#e6e6ee}.pip.on{background:var(--accent)}.pips.lead .pip.on{background:var(--gold)}.pbar{display:block;width:96px;height:7px;border-radius:4px;background:#e6e6ee;overflow:hidden}.pbar i{display:block;height:100%;background:var(--accent);border-radius:4px}.pbar.lead i{background:var(--gold)}.win-screen .champ-ring{padding:6px;border-radius:50%;border:4px solid var(--gold);box-shadow:0 0 44px #ffb02080;animation:champPop .6s cubic-bezier(.2,1.6,.4,1) both}.win-screen .champ-trophy{color:var(--gold);margin-top:16px}.win-screen .champ-name{color:var(--gold);font-size:1.4rem;font-weight:900;margin-top:2px}@keyframes champPop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.cta-host{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);width:100%;margin-top:18px;text-align:center}.cta-badge{display:inline-block;background:var(--accent);color:#fff;font-weight:800;font-size:.72rem;padding:4px 12px;border-radius:var(--r-pill);margin-bottom:10px}.cta-host h3{font-size:1.2rem;font-weight:900}.cta-host p{color:var(--muted);margin:8px 0 16px;line-height:1.5;font-size:.92rem}