:root{color-scheme:light dark;--ground: #e7e3da;--ground-2: #dbd6cb;--panel: #f1eee7;--ink: #1a1611;--ink-soft: #4c473e;--hair: #c3bcae;--spray: #ffcf00;--spray-ink: #6b4f00;--hot: #e8330f;--focus: #1a5fd0;--grain-op: .42;--grain-blend: multiply;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;--font-display: system-ui, "Hiragino Kaku Gothic StdN", "Hiragino Sans", "Yu Gothic", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--font-size-small: .875rem;--font-size-body: 1rem;--font-size-large: 1.25rem;--font-size-heading: clamp(2rem, 8vw, 3.4rem);--content-max-width: 74rem;--skew: -6deg;--shadow-hard: 6px 6px 0 var(--ink);--transition-interactive: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease}@view-transition{navigation:auto}::view-transition{pointer-events:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.16s;animation-timing-function:ease-out}@media(prefers-color-scheme:dark){:root{--ground: #131009;--ground-2: #1c1810;--panel: #211c13;--ink: #f3ece0;--ink-soft: #c3baa9;--hair: #3a3327;--spray: #ffd83a;--spray-ink: #241a00;--hot: #ff5a3c;--focus: #6ea8ff;--grain-op: .3;--grain-blend: screen}}@media(prefers-reduced-transparency:reduce){:root{--panel: #f1eee7;--ground-2: #dbd6cb;--hair: #4c473e;--grain-op: 0}body:before{display:none}.wall-signature,.wall-drip{display:none}.wall-signature:before{filter:none}}@media(prefers-reduced-transparency:reduce)and (prefers-color-scheme:dark){:root{--panel: #211c13;--ground-2: #1c1810;--hair: #c3baa9}body:before{display:none}}@media(prefers-contrast:more){:root{--ground: #ffffff;--ground-2: #ffffff;--panel: #ffffff;--ink: #000000;--ink-soft: #000000;--hair: #000000;--spray: #ffcf00;--spray-ink: #000000;--hot: #b01500;--focus: #003b5c;--grain-op: 0}body:before{display:none}.wall-signature,.wall-drip{display:none}}@media(prefers-contrast:more)and (prefers-color-scheme:dark){:root{--ground: #000000;--ground-2: #000000;--panel: #000000;--ink: #ffffff;--ink-soft: #ffffff;--hair: #ffffff;--spray: #ffd83a;--spray-ink: #000000;--hot: #ff6a4a;--focus: #8ec2ff;--grain-op: 0}body:before{display:none}.wall-signature,.wall-drip{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.character-card:hover,.character-card:focus-visible{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}*{box-sizing:border-box}html{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:100%;letter-spacing:.005em;line-height:1.65}body{background:var(--ground);margin:0;min-height:100vh;position:relative}body:before{background-image:url(/images/wall-grain.svg);background-repeat:repeat;background-size:120px 120px;content:"";inset:0;mix-blend-mode:var(--grain-blend);opacity:var(--grain-op);pointer-events:none;position:fixed;z-index:0}.wall-wrap{position:relative;z-index:1}.wall-defs{height:0;overflow:hidden;position:absolute;width:0}a{color:inherit}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{background:var(--ink);color:var(--ground);left:max(var(--space-3),env(safe-area-inset-left));padding:var(--space-2) var(--space-3);position:fixed;top:max(var(--space-3),env(safe-area-inset-top));transform:translateY(-250%);z-index:10}.skip-link:focus-visible{transform:translateY(0)}.site-shell{margin:0 auto;max-width:var(--content-max-width);padding-inline:var(--space-4)}.site-header,.site-footer{background:var(--panel)}.site-header{border-bottom:1.5px solid var(--ink)}.site-header .site-shell{padding-block:var(--space-3)}.site-brand{align-items:center;color:var(--ink);display:inline-flex;font-family:var(--font-display);font-size:var(--font-size-large);font-weight:900;letter-spacing:.02em;line-height:1.2;min-height:44px;position:relative;text-decoration:none;transform:skew(var(--skew))}.site-brand:after{background:var(--spray);bottom:.25rem;content:"";height:4px;left:0;position:absolute;right:0}.site-main{min-inline-size:0;padding-block:clamp(var(--space-5),6vw,var(--space-8))}.site-footer{border-top:1.5px solid var(--ink);color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--font-size-small);letter-spacing:.04em;line-height:1.5;padding-block:var(--space-5)}.page-heading{color:var(--ink);font-family:var(--font-display);font-size:var(--font-size-heading);font-weight:900;letter-spacing:-.02em;line-height:1;margin:0;transform:skew(var(--skew));transform-origin:left bottom;text-wrap:balance}.page-introduction{color:var(--ink-soft);margin-block:var(--space-3) var(--space-6);max-width:46rem;text-wrap:pretty}.top-hero{border-bottom:1.5px solid var(--ink);margin-bottom:var(--space-6);max-inline-size:52rem;padding-block:var(--space-4) var(--space-6);position:relative}.top-hero__eyebrow,.character-hero__eyebrow,.not-found__eyebrow{color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--font-size-small);letter-spacing:.2em;line-height:1.4;margin:0 0 var(--space-2);text-transform:uppercase}.top-hero__heading{font-size:var(--font-size-heading);line-height:.98;letter-spacing:-.03em;max-inline-size:17ch}.top-hero__introduction{margin-bottom:0;max-width:34rem}.wall-signature{height:44px;margin-block:var(--space-3) var(--space-4);max-width:16rem;position:relative}.wall-signature:before{background:var(--spray);content:"";filter:url(#wall-rough);height:8px;left:0;position:absolute;right:0;top:0}.wall-drip{display:block;height:36px;left:0;position:absolute;right:0;top:8px}.wall-drip i{background:var(--spray);border-radius:0 0 5px 5px;position:absolute;top:0;width:5px}.wall-drip i:nth-child(1){height:22px;left:6%}.wall-drip i:nth-child(2){height:34px;left:19%}.wall-drip i:nth-child(3){height:13px;left:31%}.wall-drip i:nth-child(4){height:27px;left:45%}.wall-drip i:nth-child(5){height:17px;left:59%}.wall-drip i:nth-child(6){height:31px;left:73%}.wall-drip i:nth-child(7){height:11px;left:88%}.character-directory{padding-bottom:var(--space-4)}.section-heading{color:var(--ink);font-family:var(--font-display);font-size:var(--font-size-large);font-weight:900;letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-4);transform:skew(var(--skew));transform-origin:left bottom}.character-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.character-grid__item{min-inline-size:0}.character-card{background:var(--panel);border:1.5px solid var(--ink);color:var(--ink);display:grid;grid-template-rows:auto 1fr;height:100%;min-height:44px;overflow:hidden;position:relative;text-decoration:none;touch-action:manipulation;transition:var(--transition-interactive)}.character-card:hover,.character-card:focus-visible{outline-offset:4px;transform:translateY(-3px);box-shadow:var(--shadow-hard)}.character-card:active{transform:translateY(0);box-shadow:3px 3px 0 var(--ink)}.character-card__imgwrap{aspect-ratio:1;background:var(--ground-2);border-bottom:1.5px solid var(--ink);display:block;overflow:hidden;position:relative}.character-card__image{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.character-card__code{bottom:.3rem;color:#f5f1e8;font-family:var(--font-mono);font-size:.66rem;font-weight:700;left:.4rem;letter-spacing:.06em;position:absolute;text-shadow:0 1px 3px rgb(0 0 0 / 85%),0 0 2px rgb(0 0 0 / 70%);text-transform:uppercase;z-index:2}.character-card__meta{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-2) var(--space-3)}.character-card__name{color:var(--ink);font-family:var(--font-display);font-size:var(--font-size-body);font-weight:900;letter-spacing:-.01em;line-height:1.3}.character-card__count{color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1.35;white-space:nowrap}.character-card[data-listed=true] .character-card__count{background:var(--spray);color:var(--spray-ink);font-weight:700;padding:.05rem .4rem}.character-card[data-listed=true]:after{background:var(--spray);content:"";height:4px;left:0;position:absolute;top:0;width:100%;z-index:3}.character-card[data-listed=false]{background:var(--ground-2)}.character-card[data-listed=false] .character-card__image{filter:grayscale(1);opacity:.55}.character-card[data-listed=false] .character-card__name{color:var(--ink-soft)}.character-card[data-listed=false] .character-card__count{color:var(--ink-soft);font-family:var(--font-body);letter-spacing:0;text-transform:none}.breadcrumbs{align-items:center;color:var(--ink-soft);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--font-size-small);gap:var(--space-2);letter-spacing:.1em;margin-bottom:var(--space-5);text-transform:uppercase}.breadcrumbs a{color:var(--ink);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{background:var(--spray);color:var(--spray-ink);padding:0 .3em}.character-hero{align-items:end;border-bottom:1.5px solid var(--ink);display:grid;gap:var(--space-5);grid-template-columns:minmax(6.5rem,7rem) minmax(0,1fr);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.character-hero__portrait{align-self:start;background:var(--ground-2);border:1.5px solid var(--ink);overflow:hidden;position:relative}.character-hero__portrait:after{background:var(--hot);content:"";height:6px;left:0;position:absolute;top:0;width:100%;z-index:2}.character-hero__image{display:block;height:auto;width:100%}.character-hero__content{min-inline-size:0}.character-hero__heading{display:grid;font-size:clamp(1.8rem,7vw,3.2rem);gap:.04em;letter-spacing:-.03em;line-height:.92;text-wrap:wrap}.character-hero__name,.character-hero__subject{display:block}.character-hero__subject{color:var(--ink-soft);font-size:.68em}.player-count{color:var(--ink);font-family:var(--font-mono);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.1em;margin:var(--space-4) 0 0;text-transform:uppercase}.control-filter fieldset{background:var(--panel);border:1.5px solid var(--ink);margin:0;max-width:48rem;padding:var(--space-3)}.control-filter legend{color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--font-size-small);letter-spacing:.12em;padding-inline:var(--space-1);text-transform:uppercase}.control-filter__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.control-filter__option{align-items:center;background:var(--ground-2);border:1.5px solid var(--ink);color:var(--ink);display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-small);gap:var(--space-2);letter-spacing:.06em;min-height:44px;padding-inline:var(--space-3);text-transform:uppercase;touch-action:manipulation;transition:var(--transition-interactive)}.control-filter__option:hover{box-shadow:3px 3px 0 var(--ink)}.control-filter__option:has(input:checked){background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--spray);color:var(--ground)}.control-filter__option input{accent-color:var(--spray);block-size:1.1rem;inline-size:1.1rem}.filter-status{color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:var(--space-3) 0 0}.filter-empty-message{border:1.5px solid var(--ink);border-left:4px solid var(--spray);color:var(--ink);margin:var(--space-4) 0 0;max-inline-size:48rem;padding:var(--space-4)}.player-list{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.player-card{background:var(--panel);border:1.5px solid var(--ink);max-inline-size:48rem;padding:var(--space-4);position:relative}.player-card__identity{align-items:center;display:flex;gap:var(--space-3)}.player-card__avatar{background:var(--ground-2);border:1.5px solid var(--ink);border-radius:50%;display:block;flex-shrink:0;height:2.75rem;object-fit:cover;width:2.75rem}.player-card__header h3{color:var(--ink);font-family:var(--font-display);font-size:var(--font-size-large);font-weight:900;letter-spacing:-.01em;line-height:1.15;margin:0}.player-card__title{color:var(--ink-soft);font-size:var(--font-size-small);letter-spacing:.02em;margin:var(--space-1) 0 0}.player-card>p{color:var(--ink-soft);line-height:1.6;margin-block:var(--space-3);overflow-wrap:anywhere;text-wrap:pretty;white-space:pre-line}.player-card__stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.player-card__stat{background:var(--ground-2);border:1.5px solid var(--ink);color:var(--ink);font-family:var(--font-mono);font-size:var(--font-size-small);letter-spacing:.04em;padding:.25rem .55rem}.player-card__stat--mr{box-shadow:inset 0 0 0 2px var(--spray);font-weight:700}.player-card__stat--mr b{font-variant-numeric:tabular-nums}.player-card__links{align-items:center;border-top:1.5px solid var(--hair);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4)}.player-card__links a,.back-link{align-items:center;background:var(--panel);border:1.5px solid var(--ink);color:var(--ink);display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-small);gap:var(--space-2);letter-spacing:.02em;min-height:44px;padding-inline:var(--space-3);text-decoration:none;transition:var(--transition-interactive)}.player-card__links a:hover,.back-link:hover{background:var(--ink);color:var(--ground)}.player-card__link-icon{align-items:center;background:#fff;border-radius:3px;display:inline-flex;flex-shrink:0;height:1.6rem;justify-content:center;width:1.6rem}.player-card__link-icon img{display:block;height:1.2rem;object-fit:contain;width:1.2rem}.empty-state{max-inline-size:48rem}.empty-message{background:var(--panel);border:1.5px solid var(--ink);border-left:4px solid var(--spray);color:var(--ink);font-family:var(--font-display);font-weight:900;letter-spacing:-.01em;margin:0;padding:var(--space-4)}.not-found{border-left:4px solid var(--spray);max-inline-size:48rem;padding:var(--space-4) 0 var(--space-4) var(--space-4)}.back-link{margin-top:var(--space-2)}@media(min-width:42rem){.site-shell{padding-inline:var(--space-5)}.character-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.character-hero{grid-template-columns:minmax(9rem,11rem) minmax(0,1fr)}}@media(min-width:64rem){.top-hero{margin-bottom:var(--space-8);padding-block:var(--space-6) var(--space-8)}.character-hero{gap:var(--space-6);grid-template-columns:minmax(11rem,16rem) minmax(0,1fr)}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}