.mistria-characters-page,.mistria-character-detail{--character-ink: #3f302d;--character-muted: #7d6c67;--character-green: #31866b;--character-green-soft: #edf8f2;--character-rose: #d95d74;--character-rose-soft: #fff0f3;--character-gold: #a76d19;--character-gold-soft: #fff7e6;--character-line: #ead9cf;width:min(1500px,calc(100% - 40px));margin:0 auto;padding:30px 0 96px;color:var(--character-ink)}.mistria-characters-page h1,.mistria-characters-page h2,.mistria-characters-page h3,.mistria-characters-page p,.mistria-character-detail h1,.mistria-character-detail h2,.mistria-character-detail h3,.mistria-character-detail p{margin:0}.character-index-hero{position:relative;overflow:hidden;border:1px solid #e6d3c6;border-radius:30px;padding:48px 56px 42px;background:linear-gradient(105deg,#fffdfafa 18%,#fffdfac2),url(/images/home/fields-of-mistria-home-hero.webp) center 42% / cover;box-shadow:0 18px 48px #5b433314}.character-index-hero:after{position:absolute;right:-80px;bottom:-170px;width:440px;height:440px;border-radius:50%;background:#d85d741c;content:""}.character-kicker,.character-directory header span,.character-results-heading>div>span,.character-content-section>header>span,.character-answer span{display:inline-flex;align-items:center;gap:7px;color:var(--character-green);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.character-kicker svg,.character-directory header span svg{width:17px;height:17px}.character-index-hero h1{position:relative;z-index:1;max-width:850px;margin-top:13px;font:700 clamp(40px,5vw,68px) / 1.04 Georgia,"Noto Serif SC",serif;letter-spacing:-.04em}.character-quick-answer{position:relative;z-index:1;max-width:820px;margin-top:18px!important;color:var(--character-muted);font-size:17px;line-height:1.75}.character-index-stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.character-index-stats span{display:flex;align-items:baseline;gap:7px;border:1px solid rgba(223,205,193,.9);border-radius:13px;padding:9px 13px;color:#8d7c75;background:#fffc;font-size:12px}.character-index-stats b{color:var(--character-ink);font-size:17px}.character-page-layout{display:grid;grid-template-columns:275px minmax(0,1fr);align-items:start;gap:28px;margin-top:32px}.character-directory{position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto;border:1px solid var(--character-line);border-radius:22px;padding:20px;background:#fffdfb;box-shadow:0 12px 32px #5b433312;scrollbar-width:none}.character-directory::-webkit-scrollbar{display:none}.character-directory header strong{display:block;margin-top:5px;font:700 19px/1.25 Georgia,"Noto Serif SC",serif}.character-directory-search{display:flex;align-items:center;gap:8px;margin-top:17px;border:1px solid #decfc6;border-radius:12px;padding:0 10px;background:#fff}.character-directory-search:focus-within{border-color:var(--character-green);box-shadow:0 0 0 3px #31866b1f}.character-directory-search>svg{width:17px;color:#96847d}.character-directory-search input{min-width:0;width:100%;height:42px;border:0;color:var(--character-ink);background:transparent;outline:0}.character-directory-search button{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:0;border-radius:50%;color:#816f68;background:#f2e9e4;cursor:pointer}.character-directory-search button svg{width:13px}.character-directory details{margin-top:18px;border-top:1px solid #f0e4dc;padding-top:15px}.character-directory summary{display:flex;align-items:center;justify-content:space-between;color:#675651;font-size:12px;font-weight:850;cursor:pointer;list-style:none}.character-directory summary::-webkit-details-marker{display:none}.character-directory summary svg{width:16px;transition:transform .15s ease}.character-directory details:not([open]) summary svg{transform:rotate(-90deg)}.character-directory nav{display:grid;gap:5px;margin-top:10px}.character-directory nav a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border-radius:11px;padding:7px;color:#594944;text-decoration:none}.character-directory nav a:hover,.character-directory nav a.active{color:#236f57;background:var(--character-green-soft)}.character-directory nav img{border-radius:8px;background:#f5eae3;image-rendering:pixelated;object-fit:contain}.character-directory nav span{font-size:13px;font-weight:800}.character-directory nav small{color:#93817a;font-size:9px}.character-directory-all{display:flex;align-items:center;justify-content:space-between;margin-top:18px;border-top:1px solid #f0e4dc;padding-top:15px;color:var(--character-green);font-size:12px;font-weight:850;text-decoration:none}.character-directory-all svg{width:16px}.character-results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.character-results-heading h2{margin-top:3px;font:700 28px/1.2 Georgia,"Noto Serif SC",serif}.character-filter-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0;border:0;border-radius:12px;padding:4px;background:#efe7e1}.character-filter-tabs button{min-height:34px;border:0;border-radius:9px;padding:0 13px;color:#78665f;background:transparent;font-size:12px;font-weight:800;cursor:pointer}.character-filter-tabs button.active{color:#fff;background:var(--character-green);box-shadow:0 4px 10px #31866b33}.character-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;min-width:0;border:1px solid var(--character-line);border-radius:22px;padding:20px;background:#fffdfb;box-shadow:0 10px 30px #5b43330f;transition:transform .16s ease,box-shadow .16s ease}.character-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #5b43331a}.character-card-portrait{display:grid;width:128px;height:156px;place-items:end center;overflow:hidden;border-radius:18px;background:linear-gradient(155deg,#fceee8,#eff7ef)}.character-card-portrait img{width:120px;height:120px;image-rendering:pixelated;object-fit:contain}.character-card-copy{min-width:0}.character-card-tags{display:flex;flex-wrap:wrap;gap:7px}.character-card-tags>span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.character-card-tags svg{width:12px;height:12px}.character-card-tags .romance{color:#a94358;background:var(--character-rose-soft)}.character-card-tags .friendship{color:#26755c;background:var(--character-green-soft)}.character-card-tags .spoiler{color:#956010;background:var(--character-gold-soft)}.character-card-tags .category{color:#68579a;background:#f2effc}.character-card-copy>a:not(.character-card-action){color:inherit;text-decoration:none}.character-card h2{margin-top:9px;font:700 27px/1.1 Georgia,serif}.character-role,.character-detail-role{margin-top:3px!important;color:var(--character-green);font-size:12px;font-weight:800}.character-card-copy>p:not(.character-role){display:-webkit-box;overflow:hidden;margin-top:10px;color:var(--character-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.character-card dl{display:grid;gap:7px;margin:13px 0 0}.character-card dl div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.character-card dt{display:inline-flex;align-items:center;gap:5px;color:#8b7972}.character-card dt svg{width:14px}.character-card dd{margin:0;overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.character-loved-preview{display:flex;align-items:center;gap:5px;margin-top:13px;border:0;padding:0}.character-loved-preview>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #f1d7dc;border-radius:9px;background:#fff5f7}.character-loved-preview img{object-fit:contain;image-rendering:pixelated}.character-loved-preview small{margin-left:3px;color:#8e7c75;font-size:9px}.character-card-action,.character-inline-action{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:var(--character-green);font-size:11px;font-weight:850;text-decoration:none}.character-card-action svg,.character-inline-action svg{width:15px;transition:transform .15s ease}.character-card-action:hover svg,.character-inline-action:hover svg{transform:translate(3px)}.character-empty,.character-not-found{display:grid;min-height:300px;place-items:center;align-content:center;border:1px dashed #dbc7bb;border-radius:20px;color:var(--character-muted);text-align:center}.character-empty>svg{width:42px;height:42px;color:#b8a49b}.character-empty h2{margin-top:10px}.character-empty button{margin-top:12px;border:0;border-radius:10px;padding:10px 14px;color:#fff;background:var(--character-green);font-weight:800;cursor:pointer}.character-breadcrumb{display:flex;align-items:center;gap:9px;color:#95837c;font-size:12px}.character-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:var(--character-green);font-weight:800;text-decoration:none}.character-breadcrumb a svg{width:15px}.detail-layout{margin-top:18px}.character-detail-main{min-width:0}.character-detail-hero{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:32px;border:1px solid var(--character-line);border-radius:26px;padding:30px;background:radial-gradient(circle at 6% 0%,rgba(216,93,116,.12),transparent 36%),#fffdfb;box-shadow:0 14px 38px #5b433312}.character-detail-portrait{display:grid;width:210px;height:230px;place-items:end center;overflow:hidden;border-radius:22px;background:linear-gradient(155deg,#fceee8,#eff7ef)}.character-detail-portrait img{width:180px;height:180px;object-fit:contain;image-rendering:pixelated}.character-detail-hero h1{margin-top:10px;font:700 clamp(42px,5vw,68px) / 1 Georgia,"Noto Serif SC",serif;letter-spacing:-.04em}.character-detail-hero>div:last-child>p:not(.character-detail-role){max-width:820px;margin-top:13px;color:var(--character-muted);font-size:15px;line-height:1.7}.character-detail-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.character-detail-meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid #ead9cf;border-radius:11px;padding:8px 10px;color:#78665f;background:#fff;font-size:11px}.character-detail-meta svg{width:15px;color:var(--character-green)}.character-answer,.character-spoiler-warning{display:flex;align-items:flex-start;gap:13px;margin-top:18px;border:1px solid #cfe8dc;border-radius:18px;padding:18px 20px;background:var(--character-green-soft)}.character-answer>svg,.character-spoiler-warning>svg{width:24px;height:24px;flex:0 0 auto;color:var(--character-green)}.character-answer p,.character-spoiler-warning p{margin-top:4px;color:#4d665b;font-size:13px;line-height:1.65}.character-spoiler-warning{border-color:#ead7ac;background:var(--character-gold-soft)}.character-spoiler-warning>svg{color:var(--character-gold)}.character-spoiler-warning strong{color:#84550d}.character-spoiler-warning p{color:#765f38}.character-content-section{margin-top:22px;border:1px solid var(--character-line);border-radius:22px;padding:26px;background:#fffdfb;scroll-margin-top:86px}.character-content-section>header h2{margin-top:4px;font:700 30px/1.2 Georgia,"Noto Serif SC",serif}.character-section-intro{margin-top:11px!important;color:var(--character-muted);font-size:13px;line-height:1.65}.character-location-list{display:grid;gap:10px;margin-top:18px}.character-location-list article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;border:1px solid #efe1d8;border-radius:15px;padding:15px;background:#fff}.character-location-list article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--character-green);background:var(--character-green-soft);font-size:11px;font-weight:900}.character-location-list h3{font-size:15px}.character-location-list p{margin-top:4px;color:var(--character-muted);font-size:12px;line-height:1.55}.character-version-note{margin-top:15px!important;border-left:3px solid #d6bd82;padding:8px 0 8px 12px;color:#806e4c;font-size:11px;line-height:1.6}.character-gift-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.character-gift-group{min-width:0;overflow:hidden;border:1px solid #efd6dc;border-radius:17px;background:#fff}.character-gift-group.liked{border-color:#d1e6dc}.character-gift-group>header{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#a94358;background:var(--character-rose-soft)}.character-gift-group.liked>header{color:#277359;background:var(--character-green-soft)}.character-gift-group>header>svg{width:20px}.character-gift-group>header div{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}.character-gift-group h3{font-size:14px}.character-gift-group header span{font-size:10px;font-weight:800}.character-gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#f0e5de}.character-gift-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:9px;min-width:0;min-height:68px;padding:12px 10px;background:#fffdfb}.character-gift-grid img{margin-top:1px;object-fit:contain;image-rendering:pixelated}.character-gift-grid article>div{min-width:0}.character-gift-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-gift-grid strong{font-size:11px}.character-gift-grid small{display:block;margin-top:3px;color:#9a8780;font-size:9px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}.character-event-list{display:grid;gap:9px;margin-top:18px}.character-event-list details{border:1px solid #eadfd8;border-radius:14px;overflow:hidden;background:#fff}.character-event-list summary{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.character-event-list summary::-webkit-details-marker{display:none}.character-event-list summary>span{display:grid;min-height:34px;place-items:center;border-radius:10px;color:#a94358;background:var(--character-rose-soft);font-size:11px;font-weight:900}.character-event-list summary strong,.character-event-list summary small{display:block}.character-event-list summary strong{font-size:13px}.character-event-list summary small{margin-top:3px;color:#96837c;font-size:10px}.character-event-list summary>svg{width:17px;color:#9b8881;transition:transform .15s ease}.character-event-list details[open] summary>svg{transform:rotate(180deg)}.character-event-list details>p{border-top:1px solid #f0e5de;padding:13px 16px 15px 84px;color:var(--character-muted);font-size:12px;line-height:1.6}.character-no-events{display:flex;align-items:flex-start;gap:12px;margin-top:18px;border-radius:15px;padding:17px;color:#5e7269;background:var(--character-green-soft)}.character-no-events>svg{width:22px;flex:0 0 auto}.character-no-events p{margin-top:4px;font-size:12px;line-height:1.55}.character-relationship-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 0}.character-relationship-summary>div{border:1px solid #eadfd8;border-radius:14px;padding:14px;background:#fff}.character-relationship-summary dt{color:#96837c;font-size:10px;font-weight:800;text-transform:uppercase}.character-relationship-summary dd{margin:5px 0 0;font-size:17px;font-weight:850}.character-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.character-related-list>a,.character-related-list>div{display:flex;align-items:center;gap:10px;border:1px solid #eadfd8;border-radius:13px;padding:10px;color:inherit;text-decoration:none}.character-related-list img{border-radius:10px;background:#f6ebe5;image-rendering:pixelated}.character-related-list span{min-width:0;flex:1}.character-related-list strong,.character-related-list small{display:block}.character-related-list small{color:var(--character-muted);font-size:10px}.character-related-list svg{width:16px;color:var(--character-green)}.character-not-found{width:min(900px,calc(100% - 40px));margin:60px auto}html.dark .mistria-characters-page,html.dark .mistria-character-detail{--character-ink: #f3e9e3;--character-muted: #c6b6af;--character-green: #88d5b0;--character-green-soft: #1f3c33;--character-rose: #f18ca0;--character-rose-soft: #4a2932;--character-gold: #e7bd67;--character-gold-soft: #433820;--character-line: #503f39}html.dark .character-index-hero{border-color:#59453f;background:linear-gradient(105deg,#241d1bfa 18%,#241d1bc2),url(/images/home/fields-of-mistria-home-hero.webp) center 42% / cover}html.dark .character-index-stats span,html.dark .character-directory,html.dark .character-card,html.dark .character-detail-hero,html.dark .character-content-section,html.dark .character-gift-group,html.dark .character-gift-grid article,html.dark .character-event-list details,html.dark .character-location-list article,html.dark .character-relationship-summary>div,html.dark .character-related-list>a,html.dark .character-related-list>div{color:var(--character-ink);background-color:#2b2422}html.dark .character-index-stats b,html.dark .character-directory-search input{color:var(--character-ink)}html.dark .character-directory-search,html.dark .character-detail-meta span{border-color:#594942;background:#332a27}html.dark .character-filter-tabs{background:#3b302d}html.dark .character-card-portrait,html.dark .character-detail-portrait,html.dark .character-directory nav img,html.dark .character-related-list img{background:linear-gradient(155deg,#4a2f34,#273c34)}html.dark .character-loved-preview>span{border-color:#65404a;background:#412a30}html.dark .character-gift-grid,html.dark .character-gift-grid article,html.dark .character-event-list details>p{border-color:#4c3e39}html.dark .character-spoiler-warning p{color:#dfc99a}@media(max-width:1180px){.character-card-list,.character-gift-grid{grid-template-columns:1fr}}@media(max-width:850px){.mistria-characters-page,.mistria-character-detail{width:min(100% - 24px,1500px);padding-top:18px}.character-index-hero{border-radius:22px;padding:32px 24px}.character-page-layout{grid-template-columns:1fr}.character-directory{position:static;max-height:none;order:0}.character-index-main,.character-detail-main,.detail-layout .character-directory{order:1}.detail-layout .character-detail-main{order:0}.character-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.character-results-heading{align-items:flex-start;flex-direction:column}.character-detail-hero{grid-template-columns:150px minmax(0,1fr);gap:22px;padding:22px}.character-detail-portrait{width:150px;height:180px}.character-detail-portrait img{width:140px;height:140px}.character-gift-columns{grid-template-columns:1fr}}@media(max-width:600px){.character-index-hero h1{font-size:38px}.character-index-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.character-index-stats span,.character-index-stats b{display:block}.character-directory nav{grid-template-columns:1fr}.character-filter-tabs{width:100%}.character-filter-tabs button{flex:1;padding:0 8px}.character-card{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:15px}.character-card-portrait{width:88px;height:116px}.character-card-portrait img{width:84px;height:84px}.character-card h2{font-size:24px}.character-card-copy>p:not(.character-role){-webkit-line-clamp:2}.character-card dl,.character-loved-preview{display:none}.character-detail-hero{grid-template-columns:1fr}.character-detail-portrait{width:100%}.character-detail-hero h1{font-size:44px}.character-content-section{padding:20px 16px}.character-content-section>header h2{font-size:26px}.character-gift-grid{grid-template-columns:1fr}.character-event-list summary{grid-template-columns:50px minmax(0,1fr) 16px;gap:9px}.character-event-list details>p{padding-left:16px}.character-relationship-summary,.character-related-list{grid-template-columns:1fr}}