/* culprit-holo-b-20261028.css — Coop 28 Oct 2026 9:37 PM "Go with B": larger hologram + toy-thumbnail selector, light-streak background. */
#characters.hb-sec{max-width:none;margin:0;padding:88px 24px 96px;text-align:center}
.hb-sec .pk-h,.hb-sec .pk-lead{max-width:860px;margin-left:auto;margin-right:auto}
.hb-sec .pk-br{display:block}
.hb-bg-streak{background:radial-gradient(60% 38% at 50% 58%,rgba(255,194,26,.20),transparent 70%),linear-gradient(100deg,#fff 0 18%,rgba(211,16,46,.07) 34%,rgba(255,106,43,.10) 50%,rgba(255,194,26,.10) 64%,#fff 82%);background-color:#fff}
/* stage: ~2.2x the live hologram */
.hb-body{margin:40px auto 0;display:flex;flex-direction:column;align-items:center;gap:18px}
.hb-stage{position:relative;width:600px;height:660px;max-width:100%}
.hb-in{position:absolute;left:50%;bottom:0;width:600px;height:660px;transform:translateX(-50%);transform-origin:50% 100%}
.hb-cap{margin:0;font-size:24px;line-height:1.35;color:#1D1D1F}.hb-cap b{font-weight:800}.hb-cap span{color:#5B5A57}
.hb-desc{margin:0;max-width:520px;font-size:17px;line-height:1.5;color:#3A3936;min-height:3em}
.hb-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #1D1D1F;background:#fff;color:#1D1D1F;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.hb-pause[hidden]{display:none}
.hb-sec button:focus-visible{outline:3px solid #B07A00;outline-offset:3px}
/* B toys */
.hb-toys{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;max-width:1100px}
.hb-toys button{position:relative;width:112px;padding:6px 0 4px;border:0;border-radius:16px;background:none;cursor:pointer;font:inherit;color:#3A3936;font-size:13px;font-weight:700}
.hb-toys .art{position:relative;display:block;width:92px;height:92px;margin:0 auto 4px}
.hb-toys .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.hb-toys .lit{opacity:0}
.hb-toys button:hover .lit,.hb-toys button[aria-pressed=true] .lit{opacity:1}
.hb-toys button:hover .grey,.hb-toys button[aria-pressed=true] .grey{opacity:0}
.hb-toys button[aria-pressed=true]{background:#fff;box-shadow:0 0 0 1.5px #1D1D1F;color:#1D1D1F}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){#characters.hb-sec{padding:64px 16px 72px}.hb-stage{width:358px;height:400px}.hb-in{transform:translateX(-50%) scale(.6)}.hb-cap{font-size:20px}.hb-desc{font-size:16px}.hb-toys button{width:80px;font-size:12px}.hb-toys .art{width:66px;height:66px}.hb-split{gap:20px}.hb-dots button{width:22px}.hb-arr{width:46px;height:46px}.hb-nav{gap:8px}}

/* 9:49 PM: crisp HD culprit + bright outline in its colour; beams drawn in SVG from the aperture centre (JS). */
.hb-peb{position:absolute;left:205px;bottom:40px;width:190px;height:auto;z-index:1}
.hb-beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}
.hb-ray{animation:hb-ray 2.8s ease-in-out infinite alternate}
.hb-holo{position:absolute;left:60px;right:60px;bottom:170px;height:480px;z-index:3}
.hb-holo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hb-holo img{opacity:.88;filter:drop-shadow(0 0 .6px var(--h)) drop-shadow(0 0 .6px var(--h)) drop-shadow(0 0 1.4px var(--h)) drop-shadow(0 0 9px color-mix(in srgb,var(--h) 60%,transparent))}
.hb-holo img.on{animation:hb-switch .75s ease-out both}
@keyframes hb-switch{0%{opacity:.55}35%{opacity:.88}55%{opacity:.65}80%,100%{opacity:.88}}
@keyframes hb-ray{0%{opacity:.7}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.hb-ray,.hb-holo img{animation:none!important}}

/* 10:24 PM: very faint fine scanline over the hologram only (masked to the culprit's shape) */
.hb-holo::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 1px,transparent 1px 3px);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;z-index:1}
@media (prefers-reduced-motion:reduce){.hb-holo::after{display:none}}