:root{--accent:#80edc3;--card-bg:#101b2b}*{box-sizing:border-box} [hidden]{display:none!important}
#cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#040814}
#night-cover.custom-image>.moon,#night-cover.custom-image>.night-title{display:none}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;color:#f6f7fb;font-family:system-ui,-apple-system,sans-serif}
#players{position:absolute;bottom:20px;left:24px;right:24px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;align-items:end;z-index:2}
.card{--role-color:#343e4d;--role-ink:#fff;position:relative;min-width:0;overflow:hidden;border:2px solid #ffffff24;border-radius:7px;background:var(--card-bg);box-shadow:0 5px 18px #0007;transition:border-color .2s}
.portrait{height:100px;position:relative;overflow:hidden;background:linear-gradient(160deg,#344254,#18212f)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.no-photo{height:100%;position:relative;overflow:hidden;opacity:.45}
.no-photo i{position:absolute;left:calc(50% - 17px);top:22px;width:34px;height:34px;border-radius:50%;background:#8a9bad}
.no-photo b{position:absolute;left:calc(50% - 37px);top:60px;width:74px;height:72px;border-radius:38px 38px 8px 8px;background:#8a9bad}
.name{height:27px;display:flex;align-items:center;min-width:0;background:#141d2b;color:#f6f7fb;font-size:13px;font-weight:700;line-height:20px}
.seat{width:25px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--role-color);color:var(--role-ink);font-size:15px;font-variant-numeric:tabular-nums}
.nickname{min-width:0;flex:1;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role{height:23px;display:flex;align-items:center;justify-content:center;background:var(--role-color);color:var(--role-ink);font-size:11px;font-weight:700;white-space:nowrap}
.fouls{position:absolute;top:6px;right:6px;display:flex;gap:3px;padding:4px;border-radius:4px;background:#0c1421dd}.fouls i{display:block;width:5px;height:5px;border-radius:50%;background:#ffcf77}
.nomination{position:absolute;right:5px;bottom:5px;max-width:calc(100% - 10px);padding:2px 5px;border-radius:4px;background:#0c1421ed;font-size:10px;line-height:14px;color:#ffdb93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nomination:empty{display:none}
.nomination.actor{bottom:25px;color:#a8e6ff}
.exit-reason{position:absolute;left:4px;right:4px;bottom:5px;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px;border-radius:4px;background:#101725cc;color:#bdc8d8;font-size:10px;font-weight:500;line-height:14px;white-space:nowrap}
.exit-reason::before{content:"";width:12px;height:12px;flex-shrink:0;background:currentColor;}
.inactive:has(.exit-reason:not([hidden])) .nomination{bottom:31px}
.inactive:has(.exit-reason:not([hidden])) .nomination.actor{bottom:51px}
.speaking{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 28px #61dfa62b;transform:translateY(-5px)}
.inactive{filter:grayscale(1) brightness(.65);opacity:.72}.inactive .portrait{background:#222833}
.civilian{--role-color:#b73445}.mafia{--role-color:#373e4b}.don{--role-color:#7750bd}.sheriff{--role-color:#f3cb45;--role-ink:#101724}
.phase{position:absolute;right:24px;top:24px;padding:7px 16px;border-radius:8px;background:#0c1421c9;font-size:14px;letter-spacing:.08em;font-weight:600}
#connection{position:absolute;left:24px;top:24px;padding:7px 12px;border-radius:8px;background:#181c24da;color:#d5b981;font-size:13px;z-index:4}
#brand{position:absolute;left:24px;top:24px;display:flex;align-items:center;gap:12px;background:#101b2bc9;border-radius:8px;padding:8px 16px;font-size:20px}#logo{width:48px;height:48px;object-fit:contain}
#night-cover{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 45%,#263042,#090d16 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.moon{width:74px;height:74px;border-radius:50%;box-shadow:16px -11px 0 0 #d8e2eb;transform:translateX(-12px)}
.night-title{font-size:38px;letter-spacing:.15em;font-weight:500;margin-top:16px}.night-open #players{filter:grayscale(1)}
@media(min-width:1600px){.portrait{height:155px}.name{height:34px;font-size:18px;line-height:26px}.seat{width:32px;font-size:21px}.role{height:28px;font-size:14px}.fouls i{width:7px;height:7px}.nomination,.exit-reason{font-size:12px;line-height:16px}#players{bottom:30px;left:36px;right:36px;gap:9px}}

body:has(#brand:not([hidden])) #connection{top:96px}
#night-cover.standby{background:radial-gradient(ellipse at 50% 40%,#1d2a45,#060b16 72%)}
#night-cover.standby>.moon,#night-cover.standby>.night-title{display:none}
#standby-title{max-width:80%;text-align:center;font-size:clamp(28px,4vw,58px);font-weight:600;letter-spacing:.08em;overflow-wrap:anywhere}
#night-cover.custom-image>#standby-title{display:none}
#standby-status{position:absolute;top:24px;right:24px;max-width:90%;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 18px;border:1px solid #ffffff20;border-radius:20px;background:#070d1de6;color:#d8e1f3;font-size:clamp(10px,1.2vw,16px);text-align:center}
#standby-status[hidden],#standby-title[hidden]{display:none}
#standby-detail{color:#98aac7}#standby-detail::before{content:'·';margin-right:14px}

.exit-reason.killed::before{border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle,currentColor 0 1px,transparent 1.5px),linear-gradient(transparent 43%,currentColor 43% 57%,transparent 57%),linear-gradient(90deg,transparent 43%,currentColor 43% 57%,transparent 57%)}
.exit-reason.vote::before{clip-path:polygon(9% 46%,39% 76%,91% 17%,100% 26%,39% 96%,0% 56%)}
.exit-reason.removed::before{background:linear-gradient(45deg,transparent 43%,currentColor 43% 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,currentColor 43% 57%,transparent 57%)}