.credits{--appbar:51px;--plate:#0b0c0e;position:relative;height:calc(100vh - var(--appbar));height:calc(100dvh - var(--appbar));min-height:420px;overflow:hidden;touch-action:none;overscroll-behavior:none;outline:none;background:var(--plate);color:var(--fg)}.c-haz{position:absolute;top:0;left:0;right:0;z-index:4;height:8px;background:var(--hazard);background-size:19.8px 100%;animation:c-march 0.9s linear infinite}.c-bar{position:absolute;top:8px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:12px;padding:11px max(16px,4vw) 10px;background:var(--plate);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,154,42,0.32);font-family:var(--label);font-size:11px;font-weight:400;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent)}.c-bar-r{color:var(--fg-3)}@keyframes c-march{to{background-position:19.8px 0}}.stage{position:absolute;inset:0;overflow:hidden}.crawl{position:absolute;top:100%;left:50%;width:min(92vw,760px);margin-left:calc(min(92vw,760px) / -2);padding-bottom:8vh;font-size:clamp(0.95rem,1.9vw,1.2rem);line-height:1.4;color:var(--fg)}.crawl a{color:inherit;text-decoration:none}.crawl a:hover,.crawl a:focus-visible{text-decoration:underline}.crawl p,.crawl h1,.crawl h3{margin:0;font-weight:400}.c-open{padding:2.4em 0 0.6em;text-align:center}.c-pre{font-family:var(--label);font-size:0.72em;letter-spacing:0.32em;text-transform:uppercase;color:var(--accent)}.c-title{margin:0.15em 0 0.1em;font-family:var(--stencil);font-size:clamp(3rem,14vw,8.5rem);line-height:1;letter-spacing:0.06em;text-transform:uppercase;color:var(--fg)}.c-sub{font-family:var(--label);font-size:0.66em;letter-spacing:0.32em;text-transform:uppercase;color:var(--fg-3)}.c-block{margin-top:2.3em}.c-block h3{display:flex;align-items:center;gap:0.8em;margin-bottom:0.7em;font-family:var(--stencil);font-size:1.05em;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent)}.c-block h3::after{content:"";flex:1;height:1px;background:var(--line)}.c-n{padding:0.12em 0.42em;font-family:var(--mono);font-size:0.78em;letter-spacing:0;color:var(--accent-ink);background:var(--accent)}.c-row{display:grid;grid-template-columns:auto minmax(1.2em,1fr) auto;align-items:baseline;column-gap:0.6em;padding:0.32em 0}.c-role{font-family:var(--label);font-size:0.62em;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg-3)}.c-lead{align-self:end;margin-bottom:0.32em;border-bottom:1px dotted var(--line-hard)}.c-role:empty + .c-lead{border-bottom-color:transparent}.c-name{font-family:var(--stencil);font-size:1.2em;letter-spacing:0.06em;text-align:right;text-transform:uppercase;color:var(--fg)}.c-by{grid-column:1 / -1;margin-top:0.1em;font-size:0.72em;letter-spacing:0.04em;text-align:right;color:var(--fg-2)}.c-close{margin-top:4em;text-align:center}.c-thanks{font-family:var(--label);font-size:0.72em;letter-spacing:0.32em;text-transform:uppercase;color:var(--accent)}.c-mark{margin-top:1.2em;font-family:var(--stencil);font-size:1.9em;letter-spacing:0.3em;text-transform:uppercase;color:var(--fg)}.credits[data-mode="roll"] .crawl{animation:c-roll 120s linear 1.2s both}@keyframes c-roll{from{transform:translateY(0)}to{transform:translateY(calc(-100% - 45vh))}}.credits[data-mode="plain"]{touch-action:auto;height:auto;min-height:calc(100vh - var(--appbar));overflow:visible}.credits[data-mode="plain"] .c-haz,.credits[data-mode="plain"] .c-bar{position:relative;top:auto}.credits[data-mode="plain"] .stage{position:relative;overflow:visible}.credits[data-mode="plain"] .crawl{position:relative;top:auto;left:auto;margin:0 auto;padding:0 0 80px}@media (max-width:620px){.credits{--appbar:53px}}@media (max-width:520px){.c-bar{letter-spacing:0.1em}.c-bar-r{display:none}}@media (prefers-reduced-motion:reduce){.c-haz{animation:none}}
