body[data-skin] .hero{padding:var(--space-lg) var(--space-md);border-radius:var(--radius)}body[data-skin=archive] .hero{background:#f5ede0;border:3px solid #c2b097;color:#221810}body[data-skin=archive] .hero .lead-in{color:#4a3b2c}body[data-skin=archive] .hero .num{color:#2b1c10;font-family:Georgia,serif}body[data-skin=archive] .hero .since-when{color:#4a3b2c}body[data-skin=archive] .hero .since-when strong{color:#b82d2d}body[data-skin=archive] .event-blurb{color:#4a3b2c}body[data-skin=eink] .hero{background:#f5f4ef;border:2px solid #111111;color:#111}body[data-skin=eink] .hero .lead-in{color:#333}body[data-skin=eink] .hero .num{color:#111;font-family:Georgia,serif}body[data-skin=eink] .hero .since-when{color:#333;border-top:2px dashed #111111;padding-top:.6rem}body[data-skin=eink] .hero .since-when strong{color:#111}body[data-skin=eink] .event-blurb{color:#333}body[data-skin=mainframe] .hero{background:#000000;border:2px solid #ffffff;color:#fff}body[data-skin=mainframe] .hero .lead-in{color:#aaa;font-family:Courier New,monospace}body[data-skin=mainframe] .hero .num{color:#fff;font-family:Courier New,monospace}body[data-skin=mainframe] .hero .since-when{color:#aaa;font-family:Courier New,monospace}body[data-skin=mainframe] .hero .since-when strong{color:#fff}body[data-skin=mainframe] .event-blurb{color:#aaa;font-family:Courier New,monospace}body[data-skin=captain] .hero{background:#18181b;border:2px solid #9999ff;border-left:10px solid #ff9900;border-radius:1.5rem .5rem .5rem 1.5rem;color:#f4f4f5}body[data-skin=captain] .hero .lead-in{color:#c69}body[data-skin=captain] .hero .num{color:#99f}body[data-skin=captain] .hero .since-when{color:#a1a1aa}body[data-skin=captain] .hero .since-when strong{color:#f90}body[data-skin=captain] .event-blurb{color:#a1a1aa}body[data-skin=crt] .hero{background:#020804;border:2px solid #2b7341;box-shadow:0 0 16px #33ff6640;color:#fff}body[data-skin=crt] .hero .lead-in{color:#38df64;font-family:Courier New,monospace}body[data-skin=crt] .hero .num{color:#3f6;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(51,255,102,.55)}body[data-skin=crt] .hero .since-when{color:#a3ffbc;font-family:Courier New,monospace}body[data-skin=crt] .hero .since-when strong{color:#ffb700}body[data-skin=crt] .event-blurb{color:#a3ffbc;font-family:Courier New,monospace}