.about{max-width:var(--wide);padding:var(--space-8) var(--gutter) var(--space-12);margin-inline:auto;container:about/inline-size}.life{gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-4);border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--line);box-shadow:var(--lift-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}@container about (min-width:860px){.life{grid-template-columns:repeat(4,minmax(0,1fr))}}.life__step{align-content:start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--r-lg);background:var(--wash);display:grid;position:relative}.life__art{height:6.5rem;margin-bottom:var(--space-1);place-items:center;display:grid;position:relative}.life__art .sprite{width:72px;height:72px}.life__art .face{background:var(--paper);border-radius:20px;padding:8px}.life__art .zz{top:-6px;right:-6px}.life__tag{right:0;bottom:var(--space-1);background:var(--ink);color:var(--color-bg);font-size:var(--step--2);border-radius:999px;padding:3px 8px;position:absolute}.life__tag--in{background:var(--well-ink);color:#fff}.life__tag--out{background:color-mix(in oklab, var(--ink) 60%, var(--wash));color:#fff}.life__n{font-size:var(--step--1);color:var(--pulse)}.life__title{font-size:var(--step-1);letter-spacing:-.015em;line-height:1.15}.life__text{font-size:var(--step--1);color:var(--color-fg-muted);text-wrap:pretty;line-height:1.5}.about__rules{margin-top:var(--space-10);padding:var(--space-2) var(--space-6);border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--line);box-shadow:var(--lift-1);display:grid}.about__rule{align-items:center;gap:var(--space-3) var(--space-4);padding-block:var(--space-6);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title""list list";display:grid}.about__rule+.about__rule{border-top:1px solid var(--line)}@media (min-width:900px){.about__rule{align-items:start;column-gap:var(--space-5);grid-template-columns:auto minmax(0,15rem) minmax(0,1fr);grid-template-areas:"icon title list"}}.about__icon{border-radius:var(--r-md);background:var(--wash);grid-area:icon;place-items:center;width:3.25rem;height:3.25rem;display:grid}.about__icon svg{fill:currentColor;width:26px;height:26px;color:var(--pulse)}.about__rule h2{font-size:var(--size-card);letter-spacing:-.02em;text-wrap:balance;grid-area:title;line-height:1.1}@media (min-width:900px){.about__rule h2{padding-top:.6rem}}.about__rule ul{gap:var(--space-3);grid-area:list;max-width:64ch;display:grid}.about__rule li{color:var(--color-fg-muted);text-wrap:pretty;padding-left:1.1rem;line-height:1.6;position:relative}.about__rule li:before{content:"";background:var(--pulse);border-radius:1px;width:6px;height:6px;position:absolute;top:.62em;left:0}.about__next{align-items:center;gap:var(--space-3);margin-top:var(--space-10);padding:var(--space-5) var(--space-6);border-radius:var(--r-lg);background:var(--ink);color:var(--color-bg);flex-wrap:wrap;display:flex}.about__next p{font-family:var(--font-display);font-weight:900;font-size:var(--step-1);flex:18rem;line-height:1.25}.about__next .btn--quiet{background:color-mix(in oklab, var(--color-bg) 14%, transparent);color:var(--color-bg)}.about__next .btn--quiet:not(:disabled):hover{background:color-mix(in oklab, var(--color-bg) 22%, transparent)}