.caps[data-astro-cid-zpzoxhr3]{font-family:var(--font-mono);text-transform:uppercase;font-size:.85em}.visually-hidden[data-astro-cid-zpzoxhr3]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sheet[data-astro-cid-zpzoxhr3]{gap:var(--space-4) var(--space-5);margin-block:var(--space-5);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-mono);color:var(--night-7);background-color:var(--night-1);border:2px solid var(--night-4);box-shadow:inset 0 0 0 4px var(--night-0);grid-column:wide;grid-template-columns:minmax(10rem,15rem) 1fr;display:grid;@media (width<40rem){grid-template-columns:1fr}}.player[data-astro-cid-zpzoxhr3]{align-content:start;justify-items:center;gap:var(--space-2);display:grid;& pixel-scene{background:radial-gradient(closest-side, var(--night-3), transparent);inline-size:min(100%,11rem)}}.tag[data-astro-cid-zpzoxhr3]{color:var(--night-screen);text-transform:uppercase;letter-spacing:.12em}.start[data-astro-cid-zpzoxhr3]{color:var(--night-lamp);text-transform:uppercase;letter-spacing:.12em;text-decoration:none;&:before{content:"▶ "}&:hover{color:var(--night-8)}}@media (prefers-reduced-motion:no-preference){.start[data-astro-cid-zpzoxhr3]{animation:1.2s steps(2,jump-none) infinite blink}.start[data-astro-cid-zpzoxhr3]:is(:hover,:focus-visible){animation:none}}@keyframes blink{to{opacity:.2}}.stats[data-astro-cid-zpzoxhr3]{align-content:start;gap:var(--space-3);display:grid;& h2{font-family:var(--font-mono);font-size:var(--step-2);letter-spacing:var(--tracking-mono);color:var(--night-8);text-transform:uppercase;margin:0}}.facts[data-astro-cid-zpzoxhr3],.kit[data-astro-cid-zpzoxhr3]{--true-ink:var(--night-screen);gap:var(--space-1) var(--space-3);grid-template-columns:12ch 1fr;margin:0;display:grid;& dt{color:var(--night-6)}& dd{color:var(--night-8);grid-column:2;margin:0}@media (width<30rem){grid-template-columns:1fr;& dd{grid-column:1;margin-block-end:var(--space-1)}}}.bars[data-astro-cid-zpzoxhr3]{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid;& li{gap:var(--space-2);grid-template-columns:4ch 10rem 1fr;align-items:center;margin:0;padding:0;display:grid;@media (width<30rem){grid-template-columns:4ch 1fr;& .note{grid-column:2}}}& abbr{color:var(--night-screen);text-decoration:none}& .note{color:var(--night-6)}}.bar[data-astro-cid-zpzoxhr3]{background:repeating-linear-gradient(to right, var(--night-3) 0 calc(5% - 2px), transparent calc(5% - 2px) 5%);block-size:.7rem;position:relative;&:after{content:"";background:repeating-linear-gradient(to right, var(--night-screen) 0 calc(5% - 2px), transparent calc(5% - 2px) 5%);clip-path:inset(0 calc((1 - var(--v)) * 100%) 0 0);position:absolute;inset:0}}.chapter[data-astro-cid-zpzoxhr3]{column-gap:var(--space-6);margin-block:var(--space-6) var(--space-4);grid-column:wide;grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);grid-template-areas:"head photo""text photo";align-items:start;display:grid;&[data-side=left]{grid-template-columns:minmax(15rem,22rem) minmax(0,1fr);grid-template-areas:"photo head""photo text"}&>header[data-astro-cid-zpzoxhr3]{grid-area:head}& .snapshot{grid-area:photo;margin-block-start:var(--space-3);position:sticky;inset-block-start:var(--space-6)}& .text{grid-area:text;&>[data-astro-cid-zpzoxhr3]+[data-astro-cid-zpzoxhr3]{margin-block-start:var(--space-3)}}& h2{margin:0 0 var(--space-3);font-size:var(--step-2);text-wrap:balance}@media (width<52rem){grid-column:content;&,&[data-side=left]{grid-template-columns:1fr;grid-template-areas:"head""photo""text"}& .snapshot{inline-size:min(100%,24rem);margin-block:var(--space-2) var(--space-5);justify-self:center;position:static}}}.number[data-astro-cid-zpzoxhr3]{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-mono);color:var(--muted);margin-block-end:var(--space-1)}.trophies[data-astro-cid-zpzoxhr3]{margin-block:var(--space-6);grid-column:wide;& header{justify-content:space-between;align-items:baseline;gap:var(--space-2);border-block-end:1px solid var(--rule-strong);flex-wrap:wrap;margin-block-end:var(--space-3);padding-block-end:var(--space-2);display:flex;& h2{font-size:var(--step-2);margin:0}& p{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);margin:0}}& ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}& li{gap:0 var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--raised);border:1px solid var(--rule);grid-template-columns:3rem 1fr;grid-template-areas:"badge what""badge rarity";align-items:start;margin:0;display:grid}& .what{font-size:var(--step--1);grid-area:what;line-height:1.4;display:grid;& strong{font-size:var(--step-0)}}& .rarity{font-family:var(--font-mono);font-size:var(--step--2);color:var(--muted);grid-area:rarity;margin-block-start:var(--space-1)}& [data-locked]{background-color:#0000;border-style:dashed;& .badge{filter:grayscale()opacity(.35)}& .what{color:var(--muted)}}& [data-hidden] .badge{filter:brightness(0)opacity(.4)}}.badge[data-astro-cid-zpzoxhr3]{aspect-ratio:1;background:url(/about/badges.png) no-repeat;background-size:calc(var(--n) * 100%) 100%;background-position:calc(var(--i) / (var(--n) - 1) * 100%) 0;inline-size:3rem;image-rendering:pixelated;grid-area:badge;display:block}.truth[data-astro-cid-zpzoxhr3]{margin-block:var(--space-6) var(--space-4);padding:var(--space-4);border:1px solid var(--rule-strong);border-inline-start:3px solid var(--signal);& h2{margin:0 0 var(--space-2);font-size:var(--step-1)}& p{margin:0}}.continue[data-astro-cid-zpzoxhr3]{gap:var(--space-2) var(--space-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;flex-wrap:wrap;justify-content:center;align-items:baseline;margin-block-start:var(--space-5);display:flex;& p{color:var(--muted);margin:0}& ul{justify-content:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}& li{margin:0;padding:0}& a{text-decoration:none;position:relative;&:is(:hover,:focus-visible):before{content:"▶";position:absolute;inset-inline-end:calc(100% + .4em)}}}
