/* FirstBlood v1 skin. Playback geometry/state remain owned by 22.8.9. */
:root {
 --night:var(--fb-night-deep);--ink:var(--fb-ink);--dim:var(--fb-ink-2);--faint:var(--fb-ink-3);--line:var(--fb-line);
 --green:var(--fb-neon-green);--cyan:var(--fb-neon-cyan);--magenta:var(--fb-neon-magenta);--wolf:var(--fb-role-wolf);--gold:var(--fb-gold);
 --r-seer:var(--fb-role-god);--r-hunter:var(--fb-role-god);--r-guard:var(--fb-role-god);--r-witch:var(--fb-role-god);--r-villager:var(--fb-role-villager);
 --ui:var(--font-body);--disp:var(--font-display);
}
body.design-v2290 {font-family:var(--font-body);line-height:1.5}
body.design-v2290 .stage {--av:44px!important;--layout-font:22;--layout-gap:28;--layout-text-budget:220}
body.design-v2290 .top {height:40px!important;gap:var(--fb-space-3)}
body.design-v2290 .brand {display:flex;align-items:center;gap:8px;font:400 28px/1 var(--font-display);color:var(--fb-tube);text-shadow:var(--fb-glow-magenta)}
.brand .fb-monster {--m:28px}
body.design-v2290 .brand::before,body.design-v2290 .brand::after {content:none}
body.design-v2290 .aibug {border:1px solid var(--fb-line-strong);border-radius:var(--fb-radius-xs);background:transparent;color:var(--fb-ink-2);font:12px/20px var(--font-body);box-shadow:none;filter:none}
body.design-v2290 .ep b {font:400 12px/20px var(--font-latin);color:var(--fb-ink);background:var(--fb-surface-1);padding:4px 10px;letter-spacing:.04em}
body.design-v2290 .ep span {font:400 20px/26px var(--font-display)}
body.design-v2290 #god {font:700 13px/18px var(--font-body);height:40px;padding:0 16px;background:var(--fb-surface-2);color:var(--fb-ink-2);border:1px solid var(--fb-line-strong);box-shadow:none;letter-spacing:0}
body.design-v2290 #god[aria-pressed=true] {background:var(--fb-gold);color:var(--fb-on-gold);border-color:var(--fb-gold);box-shadow:none}
body.design-v2290 #god[aria-pressed=true]::after {content:"开";font-size:10px}
body.design-v2290 #stage #cast {top:calc(var(--top) + 48px)!important;height:auto!important;padding:22px 10px 14px!important;grid-auto-flow:column;align-items:start}
body.design-v2290 #cast .seat {--ring:var(--fb-line-strong);width:auto;padding:0;gap:6px;opacity:1!important;filter:none!important;transform:none!important}
body.design-v2290 #cast .face {width:var(--av)!important;height:var(--av)!important;background:var(--c);border:0!important;outline:0!important;filter:none!important;box-shadow:0 0 0 2px var(--fb-night),0 0 0 4px var(--ring)!important;transform:none!important}
body.design-v2290 #cast .face::before {content:none!important}
body.design-v2290 #cast .face img {box-shadow:none!important}
body.design-v2290 #cast .seat.wolf {--ring:var(--fb-role-wolf)}
body.design-v2290 #cast .seat.target {--ring:var(--fb-neon-cyan)}
body.design-v2290 #cast .seat.speak {--ring:var(--fb-tube)}
body.design-v2290 #cast .seat.speak .face {box-shadow:0 0 0 2px var(--fb-night),0 0 0 4px var(--ring),0 0 18px #fff5!important}
body.design-v2290 #cast .seat.up-next .face {outline:2px dashed var(--fb-ink-2)!important;outline-offset:6px!important}
body.design-v2290 #cast .seat.out .face img {filter:grayscale(1) brightness(.55)!important;opacity:.65}
body.design-v2290 #cast .seat.out .face::after {content:"";position:absolute;inset:20%;background:linear-gradient(45deg,transparent 43%,var(--fb-rust-text) 43% 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--fb-rust-text) 43% 57%,transparent 57%);border:0;transform:none}
body.design-v2290 #cast .nm {font:500 12px/14px var(--font-body)!important;color:var(--fb-ink-2);margin:0!important;letter-spacing:0;text-shadow:none}
body.design-v2290 #cast .out .nm {text-decoration:line-through;color:var(--fb-ink-3)}
body.design-v2290 #cast .role {width:19px;height:19px;right:-7px;bottom:-5px;left:auto;top:auto;background:var(--role-color);color:var(--fb-night);border:0;border-radius:50%;font:700 11px/19px var(--font-body);box-shadow:0 0 0 2px var(--fb-night);transform:none;text-shadow:none}
body.design-v2290 #cast .wolf .role {background:var(--fb-role-wolf)}
body.design-v2290 #cast .badge {left:-8px;top:-7px;width:19px;height:22px;padding:0 0 4px;clip-path:polygon(0 0,100% 0,100% 64%,50% 100%,0 64%);background:var(--fb-gold);color:var(--fb-on-gold);font:900 10px/18px var(--font-body);border:0;border-radius:0;filter:none;transform:none;box-shadow:none}
body.design-v2290 #cast .votes {left:auto;right:-11px;top:-8px;bottom:auto;min-width:22px;height:18px;padding:0 4px;border:0;border-radius:3px;background:var(--fb-ink);color:var(--fb-night);font:400 11px/18px var(--font-latin);box-shadow:0 0 0 2px var(--fb-night);transform:none}
body.design-v2290 #stage #cast .check {display:inline-flex;left:50%;top:-24px!important;bottom:auto;transform:translateX(-50%);height:16px;padding:0;border:0;border-radius:3px;background:none;color:inherit;font:700 10px/16px var(--font-body);box-shadow:0 0 0 1.5px var(--fb-night);letter-spacing:0}
body.design-v2290 #cast .check::before {content:none}
body.design-v2290 #stage #cast .turn-pill {top:-24px!important;left:50%;bottom:auto;padding:0 5px;height:16px;border:1px dashed var(--fb-ink-2);border-radius:3px;background:var(--fb-surface-3);color:var(--fb-ink);font:700 10px/14px var(--font-body);transform:translateX(-50%);letter-spacing:0;box-shadow:none}
body.design-v2290 #stage #cast .face:has(.check) .turn-pill {top:calc(100% + 20px)!important}
body.design-v2290 #stage #cast .stampx {top:calc(100% + 17px)!important;bottom:auto;background:var(--fb-surface-2);border:1px solid var(--fb-line);border-radius:3px;font:700 10px/14px var(--font-body);text-shadow:none;box-shadow:none}
body.design-v2290 #stage #flow {width:min(780px,calc(100% - 24px))!important;height:44px!important;border:1px solid var(--fb-line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--fb-surface-1) 94%,transparent)!important;box-shadow:none!important}
body.design-v2290 .sx-bar {height:42px;padding:5px;gap:8px}
body.design-v2290 .sx-steps {font:500 13px/18px var(--font-body);gap:2px}
body.design-v2290 .sx-steps li {height:32px;padding:0 10px;border-radius:var(--fb-radius-sm);color:var(--fb-ink-3)}
body.design-v2290 .sx-steps .past {color:var(--fb-ink-2)}
body.design-v2290 .sx-steps .current {background:var(--fb-neon-green);color:var(--fb-on-green);font-weight:700;box-shadow:none}
body.design-v2290 .sx-check {color:var(--fb-neon-green);opacity:1}
body.design-v2290 .sx-day {color:var(--fb-ink-2);border-left:1px solid var(--fb-line);padding-left:10px}
body.design-v2290 #stage #program-tools.sx-actions button,body.design-v2290 #stage #program-tools.sx-actions #board-entry {background:var(--fb-surface-2)!important;color:var(--fb-ink-2)!important;border:1px solid var(--fb-line)!important;border-radius:var(--fb-radius-sm)!important;font:500 12px/18px var(--font-body)!important;min-width:0!important;height:32px!important;padding:0 10px!important;box-shadow:none!important}
body.design-v2290 #stage #sub,body.design-v2290 #stage #think {background:color-mix(in srgb,var(--fb-night) 94%,transparent)!important;border:1px solid var(--fb-line)!important;border-radius:var(--fb-radius-lg)!important;box-shadow:var(--fb-shadow-card)!important;text-shadow:none!important}
body.design-v2290 #stage #sub {padding:16px 20px!important}
body.design-v2290 #sub::before {content:none}
body.design-v2290 #stage #think {border-style:dashed!important;border-color:var(--fb-line-strong)!important;padding:12px 16px}
body.design-v2290 #think::before,body.design-v2290 #think::after {content:none!important}
body.design-v2290 #stage #who {margin-bottom:12px;font-family:var(--font-body)}
body.design-v2290 #who-name {font:400 22px/28px var(--font-display);padding:0 8px;background:color-mix(in srgb,var(--who) 35%,var(--fb-night));color:var(--fb-ink);text-shadow:none;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
body.design-v2290 #stage #line {font-family:var(--font-body)!important;font-weight:500!important;color:var(--fb-ink);text-shadow:none!important}
body.design-v2290 #rest,body.design-v2290 #think-rest {color:var(--fb-ink-3)}
body.design-v2290 #said,body.design-v2290 #think-said {color:var(--fb-ink)}
body.design-v2290 #who-act,body.design-v2290 .program-classification,body.design-v2290 #think-label {color:var(--fb-ink-2);font:500 12px/18px var(--font-body);text-shadow:none}
body.design-v2290 .dock {background:linear-gradient(transparent,var(--fb-night-deep) 40%)}
body.design-v2290 .dock .ib {color:var(--fb-ink-2);border-radius:var(--fb-radius-sm);box-shadow:none;filter:none}
body.design-v2290 .dock #play {width:48px;height:48px;border:2px solid var(--fb-neon-green);border-radius:50%;color:var(--fb-neon-green);background:var(--fb-green-tint);box-shadow:none}
body.design-v2290 .dock #play svg {width:24px;height:24px}
body.design-v2290 #speed {border:1px solid var(--fb-line);background:var(--fb-surface-2);padding:0 10px;font:400 12px/30px var(--font-latin)}
body.design-v2290 #time {font:500 12px/16px var(--font-mono);color:var(--fb-ink-2);letter-spacing:.02em}
body.design-v2290 .track {height:6px;border-radius:0;background:var(--fb-line)}
body.design-v2290 .fill {background:var(--fb-neon-green);box-shadow:none;border-radius:0}
body.design-v2290 .ticks i {border-color:var(--fb-night-deep)}
body.design-v2290 .mon {filter:none}
body.design-v2290 #stage #howto-card,body.design-v2290 #stage #scene-log-panel,body.design-v2290 #who-card,body.design-v2290 #sheet,body.design-v2290 .panel,body.design-v2290 #board-panel.sx-panel {background:var(--fb-surface-1)!important;border:1px solid var(--fb-line)!important;border-radius:var(--fb-radius-lg)!important;color:var(--fb-ink);font-family:var(--font-body);box-shadow:var(--fb-shadow-pop)!important}
body.design-v2290 .sx-header,body.design-v2290 .sx-table td,body.design-v2290 .sx-table th {border-color:var(--fb-line)}
body.design-v2290 .sx-title h2,body.design-v2290 #howto-card>b,body.design-v2290 #sheet-title {font:400 24px/30px var(--font-display);color:var(--fb-ink)}
body.design-v2290 .sx-metric,body.design-v2290 .sx-table,body.design-v2290 .sx-round-picker,body.design-v2290 .sx-close,body.design-v2290 .sx-table tbody tr:nth-child(even),body.design-v2290 .sx-table thead th {background:var(--fb-surface-2);border-color:var(--fb-line);color:var(--fb-ink-2);border-radius:var(--fb-radius-sm);box-shadow:none}
body.design-v2290 .sx-metric>b {font:400 26px/32px var(--font-latin);color:var(--fb-ink)}
body.design-v2290 .sx-metric.alive>b {color:var(--fb-neon-green)}
body.design-v2290 .sx-body {scrollbar-color:var(--fb-line-strong) var(--fb-surface-1)}
body.design-v2290 .sx-tag,body.design-v2290 .howto-card .cards li {background:var(--fb-surface-2);border-color:var(--fb-line);border-radius:var(--fb-radius-xs);text-shadow:none;box-shadow:none}
body.design-v2290 .sx-tag.wolf {background:var(--fb-wolf-tint);color:var(--fb-role-wolf)}
body.design-v2290 .sx-tag.role {background:var(--fb-cyan-tint);color:var(--fb-role-god)}
body.design-v2290 .sx-tag.sheriff {background:var(--fb-gold-tint);color:var(--fb-gold)}
body.design-v2290 .sx-badge {background:var(--fb-surface-3);border-color:var(--fb-line-strong);color:var(--fb-ink-2);border-radius:var(--fb-radius-xs)}
body.design-v2290 .sx-badge.wolf {background:var(--fb-wolf-tint);color:var(--fb-role-wolf);border-color:var(--fb-role-wolf)}
body.design-v2290 .sx-badge.role {background:var(--fb-cyan-tint);color:var(--fb-role-god);border-color:var(--fb-role-god)}
body.design-v2290 .sx-badge.sheriff {background:var(--fb-gold-tint);color:var(--fb-gold);border-color:var(--fb-gold)}
body.design-v2290 .sx-badge.alive,body.design-v2290 .sx-badge.view {background:var(--fb-green-tint);color:var(--fb-neon-green);border-color:var(--fb-green-key)}
body.design-v2290 .sx-tally {background:var(--fb-surface-2);border-color:var(--fb-line)}

body.design-v2290 .go {background:var(--fb-neon-green);border:0;border-radius:0;color:var(--fb-on-green);font:400 22px/30px var(--font-display);box-shadow:0 5px var(--fb-green-key);text-shadow:none}
body.design-v2290 .poster h1,body.design-v2290 #end>b {font-family:var(--font-display);color:var(--fb-tube);text-shadow:var(--fb-glow-green)}
body.design-v2290 .poster .kicker,body.design-v2290 .poster .logline,body.design-v2290 .poster .from {font-family:var(--font-body);color:var(--fb-ink-2);text-shadow:none}
body.design-v2290 .program-skill {--gold:var(--fb-gold);--cyan:var(--fb-neon-cyan);--wolf:var(--fb-role-wolf)}
body.design-v2290 .program-skill-label,body.design-v2290 .program-den-names span,body.design-v2290 .scene-log-toggle {font-family:var(--font-body);border-radius:var(--fb-radius-xs);background:var(--fb-surface-2);color:var(--fb-ink);border-color:var(--fb-line);text-shadow:none;box-shadow:none}
body.design-v2290.den #stage .program-den-table {height:var(--layout-table-h,32px)!important}
body.design-v2290.den #stage .program-den-names {top:calc(var(--layout-table-y) + var(--layout-table-h,32px) + 2px)!important}
body.design-v2290 :focus-visible {outline:2px solid var(--fb-neon-cyan);outline-offset:3px}
@media(min-width:900px) and (min-height:601px) {
 body.design-v2290 .top {padding-right:170px!important}
 body.design-v2290 .ep {flex-wrap:nowrap;align-items:center;height:auto;max-width:none}
 body.design-v2290 .ep b {flex:none}
 body.design-v2290 #ep-name {display:block!important}
 body.design-v2290 #stage #sub {top:calc(var(--program-bottom) + 16px)!important;bottom:auto!important;width:min(700px,calc(100% - 48px))!important;left:50%!important;transform:translateX(-50%)!important}
 body.design-v2290 #stage #lead {--cx:.84!important}
 body.design-v2290 #stage #foil {--cx:.16!important}
 body.design-v2290.den #stage #sub {top:var(--layout-den-caption-y)!important;width:var(--layout-caption-w)!important;left:var(--layout-caption-x)!important;transform:none!important}
}
@media(max-width:899px) {
 body.design-v2290 .stage {--av:28px!important;--layout-font:17;--layout-gap:8;--layout-text-budget:170}
 body.design-v2290 .top {height:36px!important;gap:8px}
 body.design-v2290 .brand {font-size:24px}.brand .fb-monster {--m:22px}
 body.design-v2290 .aibug,body.design-v2290 #ep-name {display:none!important}
 body.design-v2290 #god {height:36px;padding:0 12px;font-size:12px}
 body.design-v2290 #stage #cast {top:calc(var(--top) + 48px)!important;grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:26px 6px!important;padding:16px 0 10px!important}
 body.design-v2290 #cast .nm {font-size:9px!important;line-height:11px!important}
 body.design-v2290 #cast .role {width:15px;height:15px;right:-5px;bottom:-4px;font-size:9px;line-height:15px}
 body.design-v2290 #cast .badge {width:15px;height:18px;left:-6px;top:-6px;font-size:8px;line-height:14px}
 body.design-v2290 #stage #flow {width:calc(100% - 16px)!important;height:40px!important}
 body.design-v2290 .sx-bar {height:38px;padding:3px;gap:3px}
 body.design-v2290 .sx-steps {gap:0;font-size:11px}
 body.design-v2290 .sx-steps li {display:none;padding:0 6px;height:32px}
 body.design-v2290 .sx-steps li.current,body.design-v2290 .sx-steps li:has(+li.current),body.design-v2290 .sx-steps li.current+li {display:flex}
 body.design-v2290 .sx-steps li.sx-day {display:flex;padding:0 4px;font-size:10px;margin-left:2px}
 body.design-v2290 #stage #program-tools.sx-actions button,body.design-v2290 #stage #program-tools.sx-actions #board-entry {font-size:11px!important;padding:0 7px!important;height:32px!important}
 body.design-v2290 #stage #sub {padding:12px 16px!important}
 body.design-v2290 #stage #who {margin-bottom:8px}
 body.design-v2290 #who-name {font-size:20px;line-height:26px}
 body.design-v2290 .dock #play {width:44px;height:44px}
 body.design-v2290 #time {font-size:10px}
}
/* Short screens keep the original side-by-side geometry; six columns still
   give every player an unambiguous portrait and state mark. */
@media(orientation:landscape) and (max-height:600px) {
 html.discord-activity body.design-v2290 #stage #think {padding:4px 10px!important}
 body.design-v2290 .stage {--av:26px!important;--layout-font:16;--layout-text-budget:140}
 body.design-v2290 .top {height:30px!important}
 body.design-v2290 #stage #cast {top:calc(var(--top) + 34px)!important;padding:20px 8px 10px!important;grid-auto-flow:column;grid-template-columns:none!important;gap:0!important}
 body.design-v2290 #cast .nm {font-size:10px!important;line-height:12px!important}
 body.design-v2290 #stage #flow {height:36px!important}.design-v2290 .sx-bar {height:34px}
 body.design-v2290 #stage #sub {padding:10px 14px!important}
 body.design-v2290 #stage #who {margin-bottom:4px}
 body.design-v2290 #god {height:30px}
 body.design-v2290 .dock #play {width:36px;height:36px}
 html.discord-activity body.design-v2290 .stage {--av:22px!important}
 html.discord-activity body.design-v2290 .top {height:28px!important}
 html.discord-activity body.design-v2290 #stage #cast {top:calc(var(--top) + 30px)!important;padding:14px 4px 4px!important}
 html.discord-activity body.design-v2290 #cast .seat {gap:3px}
 html.discord-activity body.design-v2290 #cast .nm {font-size:9px!important;line-height:10px!important}
 html.discord-activity body.design-v2290 #stage #flow {height:32px!important}
 html.discord-activity body.design-v2290 .sx-bar {height:30px;padding:2px}
 html.discord-activity body.design-v2290 #stage #program-tools.sx-actions button {height:26px!important}
}
@media(prefers-reduced-motion:reduce) {body.design-v2290 *,body.design-v2290 *::before,body.design-v2290 *::after {animation:none!important;transition:none!important}}