#typesScreen{animation:none;width:calc(100% + 32px);margin-inline:-16px}
body.types-active .app{padding-bottom:0}
.chara-list{background:#2E2C2A;padding-bottom:24px;font-family:'M PLUS Rounded 1c',sans-serif;-webkit-font-smoothing:antialiased}
.chara-list__heading{padding:22px 18px 8px}
.chara-list__eyebrow{font:400 64px/.9 'Anton',sans-serif;letter-spacing:.02em;color:#E3CC8E;text-shadow:3px 3px 0 #B0603F}
.chara-list__heading-line{margin-top:8px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.chara-list__heading h1{margin:0;font:400 24px/1.2 'Dela Gothic One',sans-serif;color:#fff}
.chara-list__heading-line span{font:900 13px/1 'M PLUS Rounded 1c',sans-serif;color:#E3CC8E}
.chara-list__heading p{margin:6px 0 0;font:700 13px/1.5 'M PLUS Rounded 1c',sans-serif;color:#CFC8BE}
.chara-list__rows{position:relative}
.chara-list__group-line{margin-top:18px;height:6px}
.chara-list__row{position:relative;display:block;box-sizing:content-box;height:156px;overflow:hidden;border-bottom:1.5px solid #4A4744;text-decoration:none;-webkit-tap-highlight-color:transparent}
.chara-list__row:active{background:#1F1E1C}
.chara-list__watermark{position:absolute;top:8px;right:-6px;font:400 150px/.85 'Anton',sans-serif;color:transparent;-webkit-text-stroke:1.4px var(--chara-list-stroke);pointer-events:none;white-space:nowrap}
.chara-list__beam{position:absolute;top:0;bottom:0;left:14px;width:150px;height:156px;display:block;pointer-events:none}
.chara-list__image{position:absolute;left:14px;bottom:4px;width:150px;height:144px;object-fit:contain;object-position:center bottom;display:block}
.chara-list__text{position:absolute;right:18px;top:50%;transform:translateY(-50%);text-align:right;display:block}
.chara-list__code{font:400 44px/.9 'Anton',sans-serif;letter-spacing:.04em;color:#E3CC8E;display:block}
.chara-list__name{margin-top:8px;font:400 17px/1.2 'Dela Gothic One',sans-serif;color:#fff;white-space:nowrap;display:block}
.chara-list__more{margin-top:10px;display:inline-flex;align-items:center;gap:5px;font:900 11px/1 'M PLUS Rounded 1c',sans-serif;color:var(--chara-list-link)}
.chara-list__row--reverse .chara-list__watermark{right:auto;left:-6px}
.chara-list__row--reverse .chara-list__beam,.chara-list__row--reverse .chara-list__image{left:auto;right:14px}
.chara-list__row--reverse .chara-list__text{right:auto;left:18px;text-align:left}
.chara-list__row.is-pending{opacity:0}
.chara-list__row.is-entering{animation:chara-list-rise .45s ease-out var(--rise-delay) both}
@keyframes chara-list-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media (min-width:600px){main > #typesScreen{width:min(calc(100% - 32px),480px);margin-inline:auto}}
@media (prefers-reduced-motion:reduce){.chara-list,.chara-list *{animation:none!important;transition:none!important}.chara-list__row.is-pending{opacity:1}}