/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */

:root{
  --bg:#07090c; /* games/blackout/style.css .bo: #07090c */
  --ink:#f0f3ee; /* games/blackout/style.css .bo-main .bo-hero-card: #f0f3ee */
  --muted:#b6c4c7; /* games/blackout/style.css .bo-entry span: #b6c4c7 */
  --accent:#ff8a7a; /* games/blackout/style.css .bo-choice.pact em: #ff8a7a */
  --line:#3a444c; /* games/blackout/style.css .bo-main .bo-tabs button[aria-selected=true]: #3a444c */
  --panel:#12171b; /* games/blackout/style.css .bo-main .bo-tabs button[aria-selected=true]: #12171b */
  --display:Arial,Helvetica,sans-serif; /* games/blackout/style.css .bo-main .bo-hero-card: Arial,Helvetica,sans-serif */
  --reading:Arial,Helvetica,sans-serif; /* games/blackout/style.css .bo-main .bo-hero-card: Arial,Helvetica,sans-serif */
  --label:ui-monospace,monospace; /* games/blackout/style.css .bo-kicker: ui-monospace,monospace */
  --sheet:#07090c; /* games/blackout/style.css .bo: #07090c */
  --titleInk:#f0f3ee; /* games/blackout/style.css .bo-main .bo-hero-card: #f0f3ee */
  --dot:#ff8a7a; /* games/blackout/style.css .bo-choice.pact em: #ff8a7a */
  --weight:700; /* games/blackout/style.css .bo-kicker: 700 */
  --tracking:-1px; /* games/blackout/style.css .bo-main h1: -1px */
  --casing:none; /* games/blackout/style.css .bo-main button,.bo-stage button: none */
  --italic:normal; /* games/blackout/style.css .bo-hero-card em: normal */
  --buttonBg:#c3f85b; /* games/blackout/style.css button / .primary: #c3f85b (inherited/default) */
  --buttonInk:#142011; /* games/blackout/style.css button / .primary: #142011 (inherited/default) */
  --buttonBorder:#89a3a9; /* games/blackout/style.css .bo-main button,.bo-stage button: #89a3a9 */
  --buttonRadius:6px; /* games/blackout/style.css .bo-hero: 6px */
  --buttonShadow:none; /* games/blackout/style.css .bo-main button,.bo-stage button: none */
  --panelInk:#f0f3ee; /* games/blackout/style.css .bo-main .bo-hero-card: #f0f3ee */
  --panelMuted:#b6c4c7; /* games/blackout/style.css .bo-entry span: #b6c4c7 */
  --panelBorder:#3a444c; /* games/blackout/style.css .bo-main .bo-tabs button[aria-selected=true]: #3a444c */
  --panelRadius:6px; /* games/blackout/style.css .bo-hero: 6px */
  --panelShadow:none; /* games/blackout/style.css .bo-main button,.bo-stage button: none */
  --cover-position:50% 38%;
  --motif:"▪";
}
#rules-content h2::before{content:"[" counter(section,decimal-leading-zero) ":00]";}
.eyebrow{color:#c9483f}#rules-content ul>li::before{content:"";width:7px;height:7px;top:11px;background:#c9483f}#rules-content h2{font-family:var(--label);text-transform:uppercase}

[data-toy=incident-header]{position:absolute;inset:0;z-index:1}
.incident-beam{position:absolute;inset:0;width:100%;border:0;background:none;touch-action:pan-y}
.incident-breaker{position:absolute;right:12px;top:12px;border:0;background:#171d1d;padding:0}
.incident-breaker,.incident-breaker img{width:57px;height:96px}
.incident-dark .cover-art{mask-image:radial-gradient(ellipse 240px 170px at var(--beam-x,65%) var(--beam-y,40%),#000 12%,#0007 50%,transparent 100%)}
.incident-lit .cover-art{mask-image:none}
.cover-copy{position:relative;pointer-events:none;z-index:2}
.cover-copy a{pointer-events:auto}
[data-toy=statue-corridor]{margin:24px 0;position:relative}
.incident-corridor{height:205px;position:relative;overflow:hidden;border:3px solid #414848;background:linear-gradient(#101718 55%,#263334 56%,#101819);box-shadow:inset 0 0 45px #000}
.incident-corridor::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--torch-x,78%) var(--torch-y,55%),transparent,#000a);opacity:0;transition:opacity .08s}
.eyes-shut::after{opacity:1}
.incident-person{position:absolute;left:6%;bottom:24px;width:64px;height:84px;background:url(assets/dclass.png) 0/256px 84px}
.incident-statue{position:absolute;bottom:24px;width:55px;height:124px;padding:0;border:0;background:url(assets/statue.png) 0/220px 124px;transition:left .22s linear;cursor:crosshair}
.incident-eye{display:block;margin:8px auto;width:64px;height:42px;background:#283536;color:#e9e1cd;border:1px solid #88958d;border-radius:50%;font-size:28px;touch-action:none}
.incident-readout{font:14px/1.5 monospace;color:var(--ink);padding:8px 0;min-height:0}
.incident-type{animation:incident-type 1.3s steps(26) 1}
[data-toy=requisition]{position:relative;margin:24px 0}
.incident-cards{height:290px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.incident-upgrade{min-width:0;border:1px solid #6f7367;background:#202a29;color:#eee7d7;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;font:13px/1.35 monospace;overflow:auto}
.incident-upgrade img{width:64px;height:86px;object-fit:contain}
.incident-upgrade strong{font-size:15px}
.incident-keys{display:flex;gap:8px;justify-content:center;margin:8px 0}
.incident-keys button{background:#303633;color:#f0e8d4;border:2px outset #6c756a;padding:8px;font:13px monospace}
.incident-keys button:disabled{opacity:.45}
.incident-keys [aria-pressed=true]{border-color:#dd9b60}
.incident-belt{height:60px;border-bottom:9px solid #403022;display:flex;gap:6px;overflow:hidden}
.incident-belt img{width:44px;height:52px;object-fit:contain}
[data-toy=facility-clock]{margin:24px 0}
.incident-clock{font:24px monospace;color:#ffbd91;background:#182422;border:6px ridge #64716a;padding:12px;display:block;margin:0 auto 8px}
.incident-keycard,.incident-manager{height:56px;background:#34413c;color:#f3ead6;border:1px solid #81958c;margin:0 8px 8px 0;vertical-align:middle}
.incident-keycard img{height:48px;width:32px;object-fit:contain}
.incident-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:120px;border:3px double #697d71}
.incident-zone{min-width:0;position:relative;background:repeating-linear-gradient(90deg,#263632 0 24px,#1c2826 25px 27px);border:2px solid #59665d;color:#f6ebce;font:18px monospace}
.incident-zone::after{content:"SEALED";display:block;font:11px monospace;margin-top:10px;color:#ecb3a0}
.incident-zone[data-open=true]::after{content:"OPEN";color:#b7e9b3}
.incident-zone[data-gas=true]{box-shadow:inset 0 0 70px 25px #b3cb6388}
.incident-zone[data-gas=true]::after{content:"GAS"}
.incident-keycard[aria-pressed=true],.incident-manager[aria-pressed=true]{outline:2px solid #e4b382}
[data-toy=incident-marginalia]{height:115px;display:flex;align-items:center;gap:16px}
.incident-klaxon{width:70px;height:70px;border:0;background:none}
.incident-klaxon img{width:64px;height:64px;object-fit:contain}
.incident-number,.incident-redaction{border:0;background:none;color:var(--ink);font:15px monospace;padding:12px 0}
.incident-redaction{transform:rotate(-2deg)}
.unredacted{box-shadow:0 3px 0 #4a5a45}
.incident-turn{animation:incident-turn .6s ease-out 1}
.incident-taken{animation:incident-taken .3s ease-out 1}
.incident-flicker{animation:incident-flicker .25s steps(2) 1}
.incident-whiteout{animation:incident-whiteout .7s ease-out 1}
@keyframes incident-turn{50%{transform:rotate(180deg)}
to{transform:rotate(1turn)}}
@keyframes incident-taken{0%{transform:translateY(-12px);opacity:.3}}
@keyframes incident-flicker{50%{opacity:.15}}
@keyframes incident-whiteout{20%{filter:brightness(18)}
to{filter:none}}
@keyframes incident-type{0%{clip-path:inset(0 100% 0 0)}
to{clip-path:inset(0)}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere;transition:height .26s ease}
[data-toy] [hidden]{display:none!important}
.cover .eyebrow,.cover h1,.cover nav{position:relative;z-index:2;filter:none;mask-image:none}
[data-toy=facility-clock],[data-toy=requisition],[data-toy=statue-corridor]{height:auto}
.incident-belt:empty{height:0;border:0}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}