/* مافيا: the night is العزم black */
.moon{width:64px;height:auto}
.nightBox{position:relative;overflow:hidden;border-radius:16px;padding:22px 16px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;background:var(--resolve)}
.nightBox h2{font-size:20px}
.plist{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.pbtn{min-height:52px;padding:10px;border-radius:10px;background:rgba(244,234,218,.1);border:1px solid rgba(244,234,218,.25);font-weight:700;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center}
.pbtn.on{background:var(--gold);color:var(--resolve);border-color:var(--gold)}
.pbtn small{font-weight:400;font-size:11px;opacity:.85}
.panel .pbtn{background:var(--sunk);border-color:transparent}
.panel .pbtn.on{background:var(--gold)}
.roleCard{width:100%;border-radius:14px;padding:22px 16px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;background:var(--auth);border:2px dashed rgba(244,234,218,.5)}
.roleCard.open{border-style:solid;border-color:transparent;background:var(--resolve)}
.roleCard.open.r-mafia,.roleCard.open.r-traitor{background:var(--red)}
.rc-name{font-family:var(--kufi);font-size:36px;line-height:1.4;color:var(--accent)}
.rc-desc{font-size:14px;color:var(--fg);max-width:34ch}
.rc-mates{font-weight:700;color:var(--fg)}
.rc-hint{font-size:12px;color:var(--muted)}
.mseats{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.mseat{position:relative;overflow:hidden;padding:10px 8px 8px;border-radius:10px;background:var(--surface);text-align:center;display:flex;flex-direction:column;gap:2px;min-width:0}
.mseat b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mseat.me{outline:2px solid var(--auth);outline-offset:-2px}
.mseat.dead{opacity:.45}.mseat.dead b{text-decoration:line-through}
.mseat small{font-size:12px;color:var(--auth)}
.cfgRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.cfgRow:last-of-type{border-bottom:0}
.cfgRow .nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.cfgRow small{color:var(--muted);font-size:12px;font-weight:400}
.step{display:flex;align-items:center;gap:8px;flex:none}
.step button{width:38px;height:38px;border-radius:50%;font-size:20px;line-height:1;background:var(--land);color:var(--fg)}
.step b{min-width:24px;text-align:center;font-size:20px}
.btn.small{min-height:40px;font-size:14px;padding:8px 14px;align-self:center}
.bigMsg{font-family:var(--kufi);font-size:32px;line-height:1.5;color:var(--fg);background:rgba(35,31,32,.6);padding:0 18px;border-radius:12px}
.nightBox .bigMsg{background:none}
.story{max-width:46ch;font-size:16px;line-height:1.8;color:var(--fg);background:rgba(35,31,32,.62);padding:10px 16px;border-radius:12px}
.story b{color:var(--accent)}
body.tv .story{font-size:30px;max-width:40ch}
.voteList{list-style:none;margin:0;padding:10px 14px;display:flex;flex-direction:column;gap:4px;font-size:14px;background:rgba(35,31,32,.6);border-radius:10px;color:var(--fg)}
.win.town{color:var(--gold)}.win.mafia{color:var(--clarity)}
.mafiaTv{display:flex;flex-direction:column;gap:20px}
body.tv .mafiaTv .felt,body.tv .mafiaTv .nightBox{min-height:min(560px,calc(100vh - 380px));justify-content:center}
body.tv .moon{width:150px}
body.tv .bigMsg{font-size:68px}
body.tv .nightBox p,body.tv .mafiaTv .felt p{font-size:26px}
body.tv .voteList{font-size:22px}
body.tv .mseats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
body.tv .mseat{padding:20px 12px 12px}
body.tv .mseat b{font-size:26px}
body.tv .mseat small,body.tv .mseat .small{font-size:18px}