:root{--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--mafia:#f08a7a;--mafia-bg:#3a1c1a;--mafia-deep:#1e1220;--mafia-edge:#3d2328;--mafia-hot:#e5604d;--detective:#8fa8ff;--detective-bg:#1b2a44;--doctor:#5fd0be;--doctor-bg:#13302c;--villager:#f0a83a;--villager-bg:#2a2113;--gold:#f0a83a;--gold-soft:#f6c377;--teal:#5fd0be;--violet:#9c8cff;--pink:#f2a7c3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#0b0d1a}html[lang=fa]{--font-body:"Vazirmatn", "IBM Plex Sans", system-ui, sans-serif;--font-display:"Vazirmatn", "Bricolage Grotesque", system-ui, sans-serif}[data-theme=night]{--bg:#0b0d1a;--surface:#151829;--surface-2:#1e2138;--surface-3:#121428;--line:#1e2138;--edge:#2e3252;--edge-soft:#262a44;--text:#edebf5;--text-soft:#d9d7ea;--text-2:#c9c8dc;--muted:#9a9cb8;--faint:#7d80a0;--accent:#9c8cff;--accent-ink:#120d2e;--accent-soft:#c3b9ff;--bar:#10122a}[data-theme=day]{--bg:#14110d;--surface:#1f1a14;--surface-2:#2b241b;--surface-3:#1a1611;--line:#2b241b;--edge:#4a3a22;--edge-soft:#2b241b;--text:#f4eee4;--text-soft:#f4eee4;--text-2:#cfc5b5;--muted:#b3a795;--faint:#8f8473;--accent:#f0a83a;--accent-ink:#1a1206;--accent-soft:#f6c377;--bar:#1a1611}[data-theme=hub]{--bg:#101218;--surface:#1a1d26;--surface-2:#2b3042;--surface-3:#151820;--line:#232734;--edge:#3a3f52;--edge-soft:#262a36;--text:#f2eee6;--text-soft:#e7e3dc;--text-2:#c5cad6;--muted:#9ca3b4;--faint:#6b6e8c;--accent:#f0a83a;--accent-ink:#1a1206;--accent-soft:#f6c377;--bar:#151820}*{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;margin:0}body{font-family:var(--font-body);overscroll-behavior:none;font-size:15px;line-height:1.4}#root{max-width:480px;min-height:100dvh;margin:0 auto}.route-stage{--route-x:18px;height:100%;animation:.22s cubic-bezier(.22,1,.36,1) route-forward}[dir=rtl] .route-stage{--route-x:-18px}.route-stage[data-transition=back]{animation-name:route-back}.route-stage[data-transition=tab],.route-stage[data-transition=replace]{animation-name:route-fade;animation-duration:.18s}@keyframes route-forward{0%{opacity:0;transform:translateX(var(--route-x))}}@keyframes route-back{0%{opacity:0;transform:translateX(calc(var(--route-x) * -1))}}@keyframes route-fade{0%{opacity:0;transform:translateY(5px)}}html:not(.admin-page),html:not(.admin-page) body{overscroll-behavior:none;overflow:hidden}html:not(.admin-page) body{position:fixed;inset:0}html:not(.admin-page) #root{height:100%;min-height:0}.admin-page #root{width:100%;max-width:none;margin:0}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{box-sizing:border-box;height:100%;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--bg);color:var(--text);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.screen__body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px 16px 16px;display:flex;overflow-y:auto}.screen__body--tight{gap:14px}.screen__bar{padding:12px 16px calc(22px + var(--safe-bottom));background:var(--bar);border-top:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.screen__bar--row{flex-direction:row;align-items:center;gap:10px}.topbar{align-items:center;gap:10px;padding:14px 16px 8px;display:flex}.topbar--split{justify-content:space-between;padding:16px 16px 8px}.topbar__text{flex:1;min-width:0}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.row--baseline{align-items:baseline}.row--wrap{flex-wrap:wrap;gap:8px}.stack{flex-direction:column;gap:10px;display:flex}.stack--sm{gap:6px}.stack--lg{gap:14px}.grow{flex:1;min-width:0}.center{text-align:center;align-items:center}.display{font-family:var(--font-display);font-weight:800;line-height:1.1}.h1{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1.1}.h1--sm{font-size:26px}.h2{font-size:15px;font-weight:600}.kicker{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}html[lang=fa] .kicker{letter-spacing:0}.muted{color:var(--muted)}.soft{color:var(--text-2)}.small{font-size:13px;line-height:1.45}.tiny{font-size:12px}.num{font-variant-numeric:tabular-nums}.strong{font-weight:600}.btn{width:100%;min-height:52px;font-family:var(--font-body);cursor:pointer;background:var(--surface-2);color:var(--text);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:600;text-decoration:none;transition:transform 80ms,opacity .12s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.interactive-card{will-change:transform;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s;position:relative}.interactive-card__icon{transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s}@media (hover:hover){.interactive-card:hover,.interactive-card:focus-within{box-shadow:0 10px 24px #00000038, 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-2px)}.interactive-card:hover .interactive-card__icon,.interactive-card:focus-within .interactive-card__icon{filter:brightness(1.08);transform:translateY(-2px)scale(1.04)}}.interactive-card:active{transition-duration:80ms;transform:scale(.985)}.phase-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.phase-atmosphere~*{z-index:1;position:relative}.phase-atmosphere--night{background:radial-gradient(circle at 76% 7%,#9c8cff29,#0000 28%),radial-gradient(circle at 15% 38%,#473c961a,#0000 35%);animation:6s ease-in-out infinite alternate night-breathe}.phase-atmosphere--day{background:linear-gradient(115deg,#0000 20%,#f0a83a17 48%,#0000 72%);animation:.9s cubic-bezier(.22,1,.36,1) forwards daylight-sweep;transform:translate(-65%)}.phase-timer{transition:box-shadow .18s,border-color .18s,transform .18s}.phase-timer__icon{transform-origin:50%;display:flex}.phase-timer__progress{transition:width .25s linear,filter .18s}.phase-timer--urgent{box-shadow:0 0 0 1px color-mix(in srgb, var(--timer-accent) 40%, transparent), 0 0 24px color-mix(in srgb, var(--timer-accent) 16%, transparent)}.phase-timer--urgent .phase-timer__icon{animation:.65s ease-in-out infinite timer-tick}.phase-timer--urgent .phase-timer__progress{filter:brightness(1.35) drop-shadow(0 0 4px var(--timer-accent))}.role-peek{transition:background .18s,color .18s,transform .12s,box-shadow .18s}.role-peek:active{transform:scale(.95)}.role-peek--shown{box-shadow:0 0 20px #9c8cff24}.role-reveal-card{perspective:900px;transform-style:preserve-3d;transition:border-color .22s,box-shadow .22s,background .22s}.role-reveal-card--shown{animation:.46s cubic-bezier(.22,1,.36,1) role-card-turn;box-shadow:0 18px 50px #00000047,0 0 34px #9c8cff1a}.role-reveal-card__face{animation:.42s cubic-bezier(.22,1,.36,1) .1s both role-face-in}.lobby-player{animation:.3s cubic-bezier(.22,1,.36,1) both lobby-player-in}.lobby-starting{animation:.32s cubic-bezier(.22,1,.36,1) both lobby-starting-in;box-shadow:0 0 28px #9c8cff1a}.lobby-starting__count{animation:.9s ease-in-out infinite lobby-countdown}.lobby-ready{transition:color .18s,background .18s,transform .18s cubic-bezier(.34,1.56,.64,1)}.lobby-ready--on{transform:scale(1.04);box-shadow:0 0 14px #5fd0be1a}.vote-candidate{transition:transform .12s,border-color .18s,box-shadow .18s}.vote-candidate:not(:disabled):active{transform:scale(.985)}.vote-candidate--chosen{box-shadow:0 0 0 1px #f0a83a33,0 8px 24px #0000002e}.vote-candidate .avatar{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.vote-candidate--chosen .avatar{transform:scale(1.08)}.vote-candidate__tally{transition:width .3s cubic-bezier(.22,1,.36,1)}.vote-event{animation:.26s cubic-bezier(.22,1,.36,1) both vote-event-in}.mafia-target{transition:transform .12s,border-color .18s,background .18s,box-shadow .18s}.mafia-target:not(:disabled):active{transform:scale(.98)}.mafia-target--selected{box-shadow:0 0 22px #9c8cff24}.mafia-target .avatar{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.mafia-target--selected .avatar{transform:scale(1.08)}.morning-report{animation:.44s cubic-bezier(.22,1,.36,1) both morning-report-in}.morning-report>:first-child{animation:.42s cubic-bezier(.34,1.56,.64,1) .1s both report-icon-in}.phase-notice{animation:.32s cubic-bezier(.22,1,.36,1) both phase-notice-in}.discussion-card{transition:box-shadow .18s,transform .18s}.discussion-card--urgent{animation:.9s ease-in-out infinite alternate discussion-urgent;box-shadow:0 0 0 1px #f0a83a47,0 0 28px #f0a83a1a}@keyframes night-breathe{0%{opacity:.58;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@keyframes daylight-sweep{to{transform:translate(65%)}}@keyframes timer-tick{50%{transform:scale(1.14)}}@keyframes role-card-turn{0%{opacity:.7;transform:rotateY(82deg)scale(.96)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes role-face-in{0%{opacity:0;filter:blur(5px);transform:translateY(8px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes lobby-player-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes lobby-starting-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes lobby-countdown{50%{transform:scale(1.08);box-shadow:0 0 22px #9c8cff52}}@keyframes vote-event-in{0%{opacity:0;transform:translateX(var(--vote-event-x,-8px))}}[dir=rtl] .vote-event{--vote-event-x:8px}@keyframes morning-report-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes report-icon-in{0%{opacity:0;transform:scale(.55)rotate(-10deg)}}@keyframes phase-notice-in{0%{opacity:0;transform:translateY(8px)}}@keyframes discussion-urgent{to{transform:scale(1.008)}}.btn:disabled{cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:disabled,.btn--locked{background:var(--surface-2);color:var(--faint)}.btn--outline{border:1.5px solid var(--edge);color:var(--text);background:0 0}.btn--outline:disabled{color:var(--muted)}.btn--ghost{color:var(--muted);background:0 0;min-height:44px;font-size:14px;font-weight:500}.btn--sm{border-radius:14px;min-height:44px;font-size:15px}.btn--md{border-radius:14px;min-height:48px;font-size:15px}.btn--pill{border-radius:999px;width:auto;min-height:44px;padding:0 18px;font-size:14px}.btn--auto{width:auto}.icon-btn{background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;transition:transform .1s,background .16s,color .16s;display:flex}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{color:var(--faint);cursor:default}.icon-btn--round{border-radius:999px}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.card{background:var(--surface);border-radius:18px;padding:14px}.card--lg{border-radius:22px;padding:18px}.card--pad16{padding:16px}.card--flush{padding:0;overflow:hidden}.dashed{border:1.5px dashed var(--edge);border-radius:18px;padding:14px}.list{background:var(--surface);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.list__row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;display:flex}.list__row:first-child{border-top:0}.list__head{padding:12px 14px;font-size:14px;font-weight:600}.list__head+.list__row{border-top:1px solid var(--line)}.banner{background:var(--surface);color:var(--text-2);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.banner__icon{flex:none;margin-top:2px}.banner--error{color:#f6c9c1;background:#2a1418}.avatar{color:var(--bg);text-transform:uppercase;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.pill{background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.tag{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip{background:var(--surface);border:1px solid var(--edge-soft);color:var(--text-soft);border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;display:inline-flex}.progress{background:var(--surface-2);border-radius:999px;height:6px;display:flex;overflow:hidden}.progress>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .24s;display:block}.progress--8{height:8px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{background:var(--surface);border-radius:14px;padding:12px}.stat--center{text-align:center;padding:12px 8px}.stat__label{color:var(--muted);font-size:12px}.stat--center .stat__label{font-size:11px}.stat__value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat__value--lg{font-size:22px}.segmented{background:var(--surface);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:14px;font-weight:600;transition:color .16s,background .18s,transform .1s}.segmented button:active{transform:scale(.96)}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{background:var(--text);color:var(--bg)}.segmented--soft button[aria-selected=true]{background:var(--surface-2);color:var(--text)}.segmented--soft button{color:var(--muted);font-size:15px}.filter-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filter-row button{border:1.5px solid var(--edge);min-height:44px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 16px;font-size:14px;font-weight:600;transition:color .16s,background .18s,border-color .18s,transform .1s}.filter-row button:active{transform:scale(.95)}.filter-row button[aria-selected=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.tabbar{padding:8px 6px calc(18px + var(--safe-bottom));background:#151820;border-top:1px solid #262a36;justify-content:space-around;display:flex}.tabbar button{color:#9ca3b4;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:6px 0;font-size:11px;font-weight:600;transition:color .18s,transform .1s;display:flex;position:relative}.tabbar button:before{content:"";opacity:0;background:#2a2113;border-radius:12px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:2px 4px;transform:scale(.72)}.tabbar__icon,.tabbar__label{z-index:1;position:relative}.tabbar__icon{transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex}.tabbar button[aria-current=page]{color:#f0a83a}.tabbar button[aria-current=page]:before{opacity:1;transform:scale(1)}.tabbar button[aria-current=page] .tabbar__icon{transform:translateY(-1px)scale(1.08)}.tabbar button:active{transform:scale(.94)}.switch{background:#3a3f5e;border-radius:999px;flex:none;width:48px;height:28px;padding:3px;transition:background .15s;display:block}.switch:after{content:"";background:#edebf5;border-radius:999px;width:22px;height:22px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:block}.switch--on{background:var(--accent)}.switch--on:after{transform:translate(20px)}[dir=rtl] .switch--on:after{transform:translate(-20px)}.skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-2) 48%, var(--surface) 66%);background-size:220% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.fade-in{animation:.18s fade-in}.motion-item{animation:.3s cubic-bezier(.22,1,.36,1) both motion-item-in}.motion-item:nth-child(2){animation-delay:45ms}.motion-item:nth-child(3){animation-delay:90ms}.motion-item:nth-child(4){animation-delay:.135s}@keyframes motion-item-in{0%{opacity:0;transform:translateY(10px)}}.result-hero{animation:.42s cubic-bezier(.22,1,.36,1) both result-hero-in}.result-hero>:first-child{animation:.52s cubic-bezier(.34,1.56,.64,1) 80ms both result-icon-pop}.result-metrics .stat{animation:.3s cubic-bezier(.22,1,.36,1) both result-stat-in}.result-xp-card{animation:.32s cubic-bezier(.22,1,.36,1) .28s both result-stat-in}.xp-progress__part{transform-origin:0;animation:.6s cubic-bezier(.22,1,.36,1) .36s both xp-progress-in}[dir=rtl] .xp-progress__part{transform-origin:100%}.xp-progress__part--gain{animation-delay:.56s}.result-burst{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.result-burst span{left:var(--burst-left);background:#5fd0be;border-radius:3px;width:7px;height:14px;animation:.9s cubic-bezier(.16,1,.3,1) both result-particle;position:absolute;top:13%}.result-burst span:nth-child(2n){background:#f0a83a;width:9px;height:9px}.result-burst span:nth-child(3n){background:#b79cf2}.result-burst span:nth-child(4n){background:#f2a7c3}.result-burst span:first-child{--burst-left:8%;--burst-x:-24px;animation-delay:40ms}.result-burst span:nth-child(2){--burst-left:17%;--burst-x:18px;animation-delay:.1s}.result-burst span:nth-child(3){--burst-left:26%;--burst-x:-12px;animation-delay:20ms}.result-burst span:nth-child(4){--burst-left:35%;--burst-x:26px;animation-delay:.14s}.result-burst span:nth-child(5){--burst-left:44%;--burst-x:-20px;animation-delay:70ms}.result-burst span:nth-child(6){--burst-left:53%;--burst-x:16px;animation-delay:10ms}.result-burst span:nth-child(7){--burst-left:62%;--burst-x:-28px;animation-delay:.12s}.result-burst span:nth-child(8){--burst-left:71%;--burst-x:22px;animation-delay:55ms}.result-burst span:nth-child(9){--burst-left:80%;--burst-x:-16px;animation-delay:.16s}.result-burst span:nth-child(10){--burst-left:89%;--burst-x:30px;animation-delay:85ms}@keyframes result-hero-in{0%{opacity:0;transform:translateY(12px)}}@keyframes result-icon-pop{0%{opacity:0;transform:scale(.55)rotate(-8deg)}}@keyframes result-stat-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes xp-progress-in{0%{transform:scaleX(0)}}@keyframes result-particle{0%{opacity:0;transform:translateY(-20px)rotate(0)scale(.5)}18%{opacity:1}to{opacity:0;transform:translate3d(var(--burst-x), 210px, 0) rotate(220deg) scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));color:#0b0d1a;z-index:50;background:#edebf5;border-radius:14px;max-width:min(360px,100vw - 32px);padding:10px 16px;font-size:14px;font-weight:600;animation:.18s fade-in;position:fixed;transform:translate(-50%)}.help-sheet{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050710c7;justify-content:center;align-items:flex-end;padding-top:40px;display:flex;position:fixed;inset:0}.help-sheet__panel{width:min(480px,100%);max-height:calc(100dvh - 40px);padding:20px 18px calc(22px + var(--safe-bottom));border:1px solid var(--edge);background:var(--surface-3);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;gap:18px;animation:.18s ease-out help-sheet-in;display:flex;overflow-y:auto;box-shadow:0 -18px 48px #00000059}.help-step{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.help-step__number{background:var(--surface-2);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.word-help-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.word-help-legend>div{text-align:center;border-radius:12px;min-width:0;padding:10px 6px;font-size:11px;font-weight:600}@keyframes help-sheet-in{0%{opacity:0;transform:translateY(28px)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tile-born{animation:.16s ease-out 90ms backwards tile-born}@keyframes tile-born{0%{opacity:0;transform:scale(.2)}}.tile-pop{animation:.2s ease-out .1s tile-pop}@keyframes tile-pop{50%{transform:scale(1.18)}}.score-gain{animation:.7s ease-out forwards score-gain}@keyframes score-gain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.swipe-hand{animation:1.8s ease-in-out infinite swipe-hand}@keyframes swipe-hand{0%,to{transform:translate(-46px)rotate(-8deg)}45%,55%{transform:translate(46px)rotate(8deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.playing-card{--card-w:72px;width:var(--card-w);aspect-ratio:5/7;border-radius:calc(var(--card-w) * .09);color:#171924;cursor:default;transform-origin:50% 100%;background:linear-gradient(145deg,#fffdf6,#efe8da);border:1px solid #211d262e;flex:none;padding:0;font-family:ui-serif,Georgia,serif;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .16s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 6px 15px #00000047,inset 0 0 0 1px #ffffffb3}.playing-card--table{--card-w:clamp(48px, 14vw, 62px)}.playing-card--mini{--card-w:30px;border-radius:4px}.playing-card__face{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.playing-card.is-playable:not(:disabled){cursor:pointer}.playing-card.is-playable:not(:disabled):hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000061}.playing-card.is-selected{transform:translateY(-18px)rotate(-1deg);box-shadow:0 0 0 3px #e2b86b,0 16px 30px #00000073}.playing-card.is-blocked{filter:saturate(.35)brightness(.66)}.playing-card__corner{flex-direction:column;align-items:center;font-style:normal;font-weight:800;line-height:.88;display:flex;position:absolute;inset:6% auto auto 8%}.playing-card__corner b{font-size:calc(var(--card-w) * .22)}.playing-card__corner i{font-size:calc(var(--card-w) * .19);font-style:normal}.playing-card__corner--bottom{inset:auto 8% 6% auto;transform:rotate(180deg)}.playing-card__pip{font-size:calc(var(--card-w) * .48);text-shadow:0 1px #fff;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.playing-card .is-red{color:#c63f4d}.playing-card__back{border-radius:calc(var(--card-w) * .075);background:repeating-radial-gradient(circle,#0000 0 4px,#e2b86b29 5px 6px),linear-gradient(145deg,#242554,#11142f);border:2px solid #e2b86b;place-items:center;display:grid;position:absolute;inset:3px;overflow:hidden}.playing-card__back:before,.playing-card__back:after{content:"";aspect-ratio:1;border:1px solid #e2b86b94;width:70%;position:absolute;transform:rotate(45deg)}.playing-card__back:after{width:42%}.playing-card__moon{z-index:1;color:#e2b86b;font-size:calc(var(--card-w) * .28);position:relative}.card-back-fan{direction:ltr;justify-content:center;min-width:42px;display:flex}.card-back-fan .playing-card{margin-inline-start:-20px}.card-back-fan .playing-card:first-child{margin-inline-start:0}.card-back-fan--vertical{flex-direction:column;min-width:30px;min-height:40px}.card-back-fan--vertical .playing-card{margin:-33px 0 0;transform:rotate(90deg)}.card-back-fan--vertical .playing-card:first-child{margin-top:0}.shelem-hero{text-align:center;background:radial-gradient(circle at 50% 0,#e2b86b33,#0000 52%),linear-gradient(145deg,#1e2245,#11142a);border:1px solid #e2b86b29;border-radius:24px;min-height:210px;padding:24px 20px 20px;overflow:hidden}.shelem-hero__cards{direction:ltr;place-items:center;height:112px;display:grid;position:relative}.shelem-hero__cards .playing-card{animation:.52s cubic-bezier(.16,1,.3,1) both shelem-deal-in;position:absolute}.shelem-hero__title{color:#f7e3b4;margin-top:4px;font-size:24px}.shelem-way{background:var(--surface);width:100%;min-height:74px;color:var(--text);text-align:start;cursor:pointer;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.shelem-way:hover{border-color:#e2b86b80;transform:translateY(-1px)}.shelem-way__icon{color:#e2b86b;background:#2c261e;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.shelem-way b,.shelem-way small{display:block}.shelem-way small{color:var(--text-2);margin-top:3px}.shelem-join{border:1px dashed #373a5c;border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.shelem-step{color:#e2b86b;background:#2c261e;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.shelem-topbar{min-height:68px;padding:10px max(14px,env(safe-area-inset-left));background:#0b0d1a;border-bottom:1px solid #1c203a;align-items:center;gap:10px;display:flex}.shelem-score{color:var(--text-2);background:#15182d;border-radius:12px;flex-direction:column;gap:2px;padding:7px 10px;font-size:11px;display:flex}.shelem-score b{color:#f7e3b4;margin-inline-start:3px;font-size:13px}.shelem-topbar>.grow{min-width:0}.shelem-topbar .display{white-space:nowrap}.shelem-score{max-width:46%}.shelem-room-code{background:linear-gradient(135deg,#1e2245,#15182d);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.shelem-room-code small,.shelem-room-code b{display:block}.shelem-room-code b{color:#f7e3b4;letter-spacing:2px;font-size:24px}.shelem-lobby-seats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shelem-lobby-seat{background:#121529;border:1px dashed #353957;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:108px;padding:12px;display:flex;position:relative}.shelem-lobby-seat.is-ready{border-style:solid;border-color:#5fd0be73}.shelem-lobby-seat>svg{color:#5fd0be;position:absolute;inset:10px 10px auto auto}.shelem-lobby-seat small{color:var(--text-2)}.shelem-seat-avatar{color:#e2b86b;background:#252a4a;border-radius:13px;place-items:center;width:40px;height:40px;margin-bottom:3px;font-weight:800;display:grid}.shelem-voice{flex-wrap:wrap;gap:7px;display:flex}.shelem-voice button{min-height:42px;color:var(--text);cursor:pointer;background:#171a30;border:1px solid #343956;border-radius:12px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.shelem-voice button.is-muted{color:#f08a7a;background:#2a171d}.shelem-voice-peers{display:contents}.shelem-table{background:radial-gradient(at 50% 44%,#234c47 0,#173936 48%,#102523 74%,#0b1617 100%);border-bottom:1px solid #ffffff0f;min-height:calc(100dvh - 278px);position:relative;overflow:hidden;box-shadow:inset 0 0 80px #00000073}.shelem-table:before{content:"";border:1px solid #e2b86b26;border-radius:42%/30%;position:absolute;inset:6% 7%}.shelem-felt-glow{border-radius:50%;position:absolute;inset:20% 22%;box-shadow:0 0 80px #5fd0be14}.shelem-player{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d19b8;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex;position:absolute}.shelem-player>span{color:#e2b86b;background:#292e50;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.shelem-player>small{color:#a8abc5}.shelem-player>span{position:relative}.shelem-turn-ring{pointer-events:none;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px;overflow:visible;transform:rotate(-90deg)}.shelem-turn-ring circle{fill:none;stroke-width:3px}.shelem-turn-ring__track{stroke:#ffffff24}.shelem-turn-ring__left{stroke:#e2b86b;stroke-linecap:round;stroke-dasharray:100;animation:shelem-turn-drain var(--turn-limit) linear var(--turn-delay) both, shelem-turn-warn var(--turn-limit) linear var(--turn-delay) both}@keyframes shelem-turn-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes shelem-turn-warn{0%,66%{stroke:#e2b86b}67%,to{stroke:#f08a7a}}.shelem-player.is-turn{border-color:#e2b86b;box-shadow:0 0 0 3px #e2b86b21,0 0 24px #e2b86b2e}.shelem-player--top{top:12px;left:50%;transform:translate(-50%)}.shelem-player--left{top:43%;left:8px;transform:translateY(-50%)}.shelem-player--right{top:43%;right:8px;transform:translateY(-50%)}.shelem-player--bottom{bottom:8px;left:50%;transform:translate(-50%)}.shelem-player .card-back-fan{position:absolute}.shelem-player--top .card-back-fan{top:40px;left:50%;transform:translate(-50%)}.shelem-player--left .card-back-fan{top:42px;left:42px}.shelem-player--right .card-back-fan{top:42px;right:42px}.shelem-contract{background:#0a0d19b8;border-radius:11px;grid-template-columns:auto auto;gap:0 7px;padding:6px 9px;display:grid;position:absolute;top:12px;right:12px}.shelem-contract span,.shelem-contract b{color:#f7e3b4;font-size:17px}.shelem-contract b.is-red{color:#f08a7a}.shelem-contract small{color:#9a9cb8;grid-column:1/-1;font-size:9px}.shelem-contract{right:auto;inset-inline-end:12px}.shelem-bidding-winner{color:#f7e3b4;text-align:start;background:#0a0d19d9;border:1px solid #e2b86b4d;border-radius:11px;flex-direction:column;gap:3px;max-width:24%;padding:6px 8px;display:flex;position:absolute;inset-block-start:12px;inset-inline-start:12px}.shelem-bidding-winner small{color:#b7b9cd;font-size:9px}.shelem-bidding-winner strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shelem-trick{grid-template:".north."1fr"west.east"1fr".south."1fr/1fr 1fr 1fr;place-items:center;display:grid;position:absolute;inset:28% 24% 24%}.shelem-trick .playing-card{animation:.46s cubic-bezier(.16,1,.3,1) both shelem-card-play}.shelem-table-mark{color:#e2b86b59;grid-area:2/2;font-size:42px}.shelem-trick-winner{text-align:center;color:#f7e3b4;z-index:6;width:100%;font-size:12px;position:absolute;top:24%}.shelem-trick.is-collecting{animation:.32s ease-in 1.1s both shelem-collect}.collect-south{--collect-x:0px;--collect-y:100px}.collect-north{--collect-x:0px;--collect-y:-100px}.collect-west{--collect-x:-120px;--collect-y:0px}.collect-east{--collect-x:120px;--collect-y:0px}@keyframes shelem-collect{to{transform:translate(var(--collect-x),var(--collect-y)) scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.shelem-trick.is-collecting{animation:none}}.shelem-actions{background:#0e1121;border-top:1px solid #202441;flex-shrink:0;padding:10px 14px}.shelem-actions:empty{display:none}.shelem-voice-entry{flex-shrink:0;padding:4px 12px}.shelem-voice-entry .btn{min-height:36px;padding:6px 12px;font-size:12px}.shelem-network{z-index:20;top:calc(var(--safe-top,0px) + 74px);color:#f7e3b4;pointer-events:auto;background:#29243af0;border:1px solid #e2b86b4d;border-radius:10px;padding:6px 12px;font-size:12px;position:absolute;inset-inline:12px;box-shadow:0 8px 20px #00000059}.shelem-network button{color:inherit;background:0 0;border:1px solid;border-radius:6px;margin-inline-start:8px;padding:5px}.shelem-turn-guidance{text-align:center;color:#f7e3b4;padding:4px;font-size:13px}.shelem-turn-guidance small{margin-top:4px}.shelem-contract-progress{gap:3px;margin-bottom:6px;display:grid}.shelem-contract-progress progress{accent-color:#e2b86b;width:100%;height:7px}.shelem-bid-values{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.shelem-bid-values button{color:#fff;cursor:pointer;background:#171a30;border:1px solid #555b77;border-radius:8px;min-height:40px;padding:3px}.shelem-bid-values button[aria-pressed=true]{color:#171924;background:#e2b86b;border-color:#e2b86b}.shelem-bid-values button:disabled{opacity:.3;cursor:default}.playing-card:active{transition:none}.shelem-actions[hidden]{display:none}.shelem-dealing{z-index:15;pointer-events:auto;color:#f7e3b4;background:radial-gradient(#234c47,#0b1617);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:110px 0 0}.shelem-dealing-stage{place-items:center;width:100%;height:350px;display:grid;position:relative}.shelem-dealt-card{animation:.48s cubic-bezier(.2,.7,.2,1) both shelem-deal-flight;position:absolute;top:calc(50% - 25px);left:calc(50% - 18px)}@keyframes shelem-deal-flight{0%{opacity:0;transform:translate(0)scale(.8)rotate(-15deg)}15%{opacity:1}to{opacity:1;transform:translate(var(--deal-x),var(--deal-y)) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.shelem-dealt-card{animation:none;display:none}}.shelem-zamin{border:1px dashed #e2b86b;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.shelem-zamin small{text-align:center;flex-basis:100%}.shelem-zamin .playing-card,.shelem-zamin-slot{--card-w:44px;width:44px;height:62px}.shelem-zamin-slot{color:#b7b9cd;border:1px dashed #555b77;border-radius:7px;place-items:center;display:grid}.shelem-hand .playing-card{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.shelem-hand .playing-card{animation:none!important}}.screen>.shelem-table{flex:1 1 0;min-height:0}.screen>.shelem-actions{max-height:42%;overflow-y:auto}.screen>.shelem-hand{z-index:16;min-height:112px;position:relative}.shelem-topbar,.shelem-hand{flex-shrink:0}.shelem-hand .playing-card{transition:transform .18s cubic-bezier(.2,.75,.25,1),margin-left .22s,opacity .1s,box-shadow .18s;animation:none}.shelem-actions input[type=range]{accent-color:#e2b86b;width:100%}.shelem-actions small{color:var(--text-2);display:block}.shelem-slam{color:#241806;background:linear-gradient(135deg,#e2b86b,#c78a37)}.shelem-suits{direction:ltr;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.shelem-suits button{color:#171924;cursor:pointer;background:#f8f3e8;border:1px solid #343956;border-radius:14px;min-height:54px;font-size:30px}.shelem-suits button.is-red{color:#c63f4d}.shelem-hand{min-height:112px;padding:22px 10px max(8px,env(safe-area-inset-bottom));background:linear-gradient(#0d1020,#090b16);justify-content:center;align-items:flex-end;display:flex;overflow:visible;container-type:inline-size}.shelem-hand .playing-card{--card-w:clamp(48px,15vw,70px);margin-left:max(calc(var(--card-w) * -.8), min(calc(var(--card-w) * -.32), calc((100cqw - var(--hand-n) * var(--card-w)) / (var(--hand-n) - 1))))}.shelem-hand .playing-card:first-child{margin-left:0}.shelem-player-status{z-index:5;color:#1b1606;white-space:nowrap;background:#e2b86b;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:800;animation:.22s ease-out both shelem-status-in;display:inline-flex;position:absolute;box-shadow:0 4px 14px #00000059}.shelem-player-status i{background:currentColor;border-radius:999px;width:4px;height:4px;animation:.9s ease-in-out infinite shelem-thinking}.shelem-player-status i:nth-child(2){animation-delay:.15s}.shelem-player-status i:nth-child(3){animation-delay:.3s}.shelem-player-status i:last-of-type{margin-inline-end:3px}.shelem-player-status.is-you{color:#06211d;background:#5fd0be}.shelem-player-status.is-passed{color:#b7b9cd;box-shadow:none;background:#2a2e4a}.shelem-player--top .shelem-player-status{top:calc(100% + 52px);left:50%;transform:translate(-50%)}.shelem-player--left .shelem-player-status{bottom:calc(100% + 5px);left:0}.shelem-player--right .shelem-player-status{bottom:calc(100% + 5px);right:0}.shelem-player--bottom .shelem-player-status{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}@keyframes shelem-status-in{0%{opacity:0;scale:.85}}.shelem-last-trick{z-index:8;background:#0a0d19e0;border:1px solid #e2b86b40;border-radius:12px;max-width:calc(100% - 20px);padding:4px 10px;font-size:12px;position:absolute;inset-block-end:10px;inset-inline-start:10px}.shelem-last-trick[open]{z-index:12;padding-bottom:10px;inset-inline-end:10px}.shelem-last-trick summary{cursor:pointer;color:#f7e3b4;align-items:center;min-height:28px;display:flex}.shelem-last-trick>div{justify-content:space-around;padding-top:20px;display:flex}.shelem-last-trick figure{text-align:center;width:24%;margin:0}.shelem-last-trick figcaption{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.shelem-settings__group{background:#121529;border:1px solid #2a2e4a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.shelem-settings__group button{min-height:54px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:15px;display:flex}.shelem-settings__group button+button{border-top:1px solid #232734}.shelem-thinking{color:#b7b9cd;justify-content:center;align-items:center;gap:5px;min-height:40px;display:flex}.shelem-thinking span{background:#e2b86b;border-radius:999px;width:6px;height:6px;animation:.9s ease-in-out infinite shelem-thinking}.shelem-thinking span:nth-child(2){animation-delay:.15s}.shelem-thinking span:nth-child(3){animation-delay:.3s}.shelem-toast{z-index:30;color:#ffd7d1;background:#2a171d;border:1px solid #f08a7a73;border-radius:13px;width:min(90%,420px);padding:11px 14px;position:fixed;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.shelem-result{text-align:center;grid-template-columns:1fr 1fr;align-items:center;gap:8px;display:grid}.shelem-result>div{background:#171a30;border-radius:12px;justify-content:center;align-items:baseline;gap:7px;padding:8px;display:flex}.shelem-result b{font-size:20px}.shelem-result .is-positive{color:#5fd0be}.shelem-result .is-negative{color:#f08a7a}.shelem-result .btn,.shelem-result>small{grid-column:1/-1}.shelem-final{justify-content:center;align-items:center;gap:10px;min-height:54px;display:flex}.shelem-final>span{color:#e2b86b;font-size:30px}.shelem-final b{font-size:20px}.shelem-final small{color:#b7b9cd}@keyframes shelem-deal-in{0%{opacity:0;transform:translateY(-50px)scale(.8)rotate(0)}}@keyframes shelem-card-play{0%{opacity:0;transform:translate(var(--from-x,0px),var(--from-y,24px)) rotate(var(--from-turn,-7deg)) scale(.7)}20%{opacity:1}80%{transform:translate(0)rotate(1deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes shelem-thinking{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (height<=700px){.shelem-table{min-height:310px}.shelem-hand{min-height:96px}.shelem-hand .playing-card{--card-w:clamp(44px,13vw,56px)}}@media (prefers-reduced-motion:reduce){.shelem-hero__cards .playing-card,.shelem-trick .playing-card,.shelem-thinking span,.shelem-player-status,.shelem-player-status i{animation:none}.playing-card{transition:none}}.cell-pop{animation:.22s ease-out cell-pop;display:inline-block}@keyframes cell-pop{50%{transform:scale(1.25)}}.unit-done{animation:.65s ease-out unit-done}@keyframes unit-done{30%{background:#1f4a66}}.text-field{min-width:0;min-height:44px;color:var(--text);font:inherit;background:#101218;border:1px solid #3a3f52;border-radius:10px;padding:0 12px;font-size:16px}.text-field:focus{outline:2px solid var(--accent);outline-offset:1px}.snake-gold{animation:.9s ease-in-out infinite alternate snake-gold}@keyframes snake-gold{0%{transform:scale(.8)}to{transform:scale(1.05)}}.dooz-pop svg{animation:.18s ease-out dooz-pop}@keyframes dooz-pop{0%{opacity:.2;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.spy-card{animation:.26s ease-out spy-card}@keyframes spy-card{0%{opacity:0;transform:rotateY(80deg)}to{opacity:1;transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.snake-gold,.dooz-pop svg,.spy-card{animation:none}}