/**
 * DM Flare presentation layer.
 * Independent black-and-blue anime catalogue design.
 */
:root {
  --cb-outer: #181818;
  --cb-black: #050505;
  --cb-panel: #242424;
  --cb-panel-2: #1d1d1d;
  --cb-line: #343434;
  --cb-blue: #0878e8;
  --cb-blue-2: #1592ff;
  --cb-text: #efefef;
  --cb-muted: #aaa;
  --cb-width: 1600px;
  --blue: var(--cb-blue);
  --bg: var(--cb-outer);
  --text: var(--cb-text);
  --muted: var(--cb-muted);
  --line: var(--cb-line);
  --container: var(--cb-width);
}

body { color: var(--cb-text); background: var(--cb-outer); font-family: Inter, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
body.no-scroll, body.flare-menu-open { overflow: hidden; }
.container { width: min(calc(100% - 32px), var(--cb-width)); margin-inline: auto; }
a { transition: color .18s, background-color .18s, border-color .18s, opacity .18s; }
.button { color: #eee; background: #292929; border-color: #444; border-radius: 0; }
.button:hover, .button--primary { color: #fff; background: var(--cb-blue); border-color: var(--cb-blue); }
.button--primary:hover { background: var(--cb-blue-2); border-color: var(--cb-blue-2); }
.empty-state { color: #ddd; background: #111; border-color: #333; }
.empty-state p, .muted-note { color: var(--cb-muted); }

/* Header */
.flare-header { width: min(calc(100% - 32px), var(--cb-width)); margin: 8px auto 0; overflow: visible; color: #fff; background: var(--cb-black); border-radius: 12px 12px 0 0; box-shadow: 0 8px 34px rgba(0,0,0,.22); }
.flare-header__top { min-height: 134px; display: grid; grid-template-columns: minmax(260px,1fr) minmax(360px,600px) 0; align-items: center; gap: 35px; padding: 28px 30px; }
.flare-brand { min-width: 0; display: flex; align-items: center; gap: 15px; color: #f5f5f5; }
.flare-brand__play { width: 39px; height: 39px; flex: 0 0 39px; color: var(--cb-blue); }
.flare-brand__play svg { width: 100%; height: 100%; stroke-width: 2.6; }
.flare-brand strong { min-width: 0; display: flex; overflow: hidden; font-size: clamp(31px,3.2vw,46px); font-weight: 900; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.flare-brand strong span { overflow: hidden; text-overflow: ellipsis; }
.flare-brand strong em { color: var(--cb-blue); font-style: normal; }
.flare-brand__image { width: auto; max-width: 330px; max-height: 70px; object-fit: contain; }
.flare-search { height: 48px; display: grid; grid-template-columns: minmax(0,1fr) 55px; background: #292929; }
.flare-search input { min-width: 0; padding: 0 17px; color: #fff; background: transparent; border: 0; outline: 0; }
.flare-search input::placeholder { color: #9b9b9b; }
.flare-search button { display: grid; place-items: center; padding: 0; color: #fff; background: var(--cb-blue); border: 0; cursor: pointer; }
.flare-search button:hover { background: var(--cb-blue-2); }
.flare-search svg { width: 21px; height: 21px; stroke-width: 2.5; }
.flare-menu-toggle { display: none; }
.flare-navigation { min-height: 64px; display: flex; align-items: stretch; padding: 0 30px; background: #222; border-top: 1px solid #292929; }
.flare-navigation > ul { display: flex; align-items: stretch; padding: 0; margin: 0; list-style: none; }
.flare-navigation li { display: flex; }
.flare-navigation a { min-width: 130px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; color: #eee; border-right: 1px solid #333; font-size: 15px; font-weight: 500; }
.flare-navigation li:first-child a { border-left: 1px solid #333; }
.flare-navigation a:hover { color: #fff; background: #2b2b2b; }
.flare-navigation svg { width: 18px; height: 18px; }
.home .flare-nav__home, .post-type-archive-ink_comic .flare-nav__library, .tax-ink_genre .flare-nav__library, .tax-ink_status .flare-nav__library, .page-template-page-tags-php .flare-nav__genres, .page-template-page-latest-php .flare-nav__latest, .page-template-page-top-php .flare-nav__top, .page-template-page-ranking-php .flare-nav__top { color: #fff; background: var(--cb-blue); }
.flare-navigation__language { display: flex; align-items: center; margin-left: auto; }
.flare-navigation .language-switcher > button { height: 42px; padding: 0 12px; color: #ddd; background: #191919; border: 1px solid #333; }
.flare-navigation .language-switcher__menu { top: 48px; background: #222; border-color: #444; }
.flare-navigation .language-switcher__menu a { min-width: 0; justify-content: flex-start; color: #ddd; border: 0; }

/* Homepage and shared posters */
.flare-home { padding-bottom: 0; }
.flare-surface { min-height: 650px; padding: 38px 30px 0; background: var(--cb-black); }
.flare-titlebar, .flare-section__head, .flare-title-panel { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 10px 8px 17px; margin-bottom: 24px; background: var(--cb-panel); border-left: 6px solid var(--cb-blue); }
.flare-titlebar h1, .flare-section__head h1, .flare-section__head h2, .flare-title-panel h1 { margin: 0; color: #eee; font-size: 20px; font-weight: 500; line-height: 1.2; }
.flare-filter-link { min-width: 64px; height: 34px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; background: #171717; border: 1px solid #333; }
.flare-filter-link:hover { background: var(--cb-blue); border-color: var(--cb-blue); }
.flare-filter-link svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }
.flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 30px 13px; }
.flare-card { min-width: 0; text-align: center; }
.flare-card__cover { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #191919; border: 1px solid #202020; border-radius: 0; }
.flare-card__cover img { width: 100%; height: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform .25s, opacity .25s; }
.flare-card:hover .flare-card__cover img { opacity: .9; transform: scale(1.025); }
.flare-card__chapters { position: absolute; right: 5px; bottom: 5px; display: flex; align-items: center; gap: 4px; padding: 3px 6px; color: #fff; background: rgba(0,0,0,.78); font-size: 10px; line-height: 1; }
.flare-card__chapters svg { width: 13px; height: 13px; }
.flare-card h3 { min-height: 44px; margin: 10px 5px 0; color: #ddd; font-size: 14px; font-weight: 400; line-height: 1.45; }
.flare-card h3 a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.flare-card h3 a:hover { color: var(--cb-blue-2); }
.flare-pagination { padding: 52px 0 62px; }
.flare-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; padding: 0; margin: 0; list-style: none; }
.flare-pagination a, .flare-pagination span { min-width: 55px; height: 55px; display: grid; place-items: center; padding: 0 15px; color: #eee; background: #2c2c2c; border: 0; }
.flare-pagination .current, .flare-pagination a:hover { color: #fff; background: var(--cb-blue); }
.flare-about { position: relative; right: -30px; left: -30px; width: calc(100% + 60px); padding: 62px 32px 58px; margin-top: 0; color: #c8c8c8; background: #242424; text-align: center; }
.flare-about h2 { margin: 0 0 24px; color: #ddd; font-size: 25px; font-weight: 650; }
.flare-about p { max-width: 1280px; margin: 0 auto; font-size: 16px; line-height: 1.75; }
.flare-about a { display: inline-block; margin-top: 22px; color: var(--cb-blue-2); }

/* Archive, categories and rankings */
.flare-catalogue, .flare-categories, .flare-taxonomy, .flare-top, .directory-page, .generic-archive .section, .author-page, .dashboard-page, .prose-page, .not-found { min-height: 620px; padding-bottom: 50px; }
.flare-catalogue > .container, .flare-categories > .container, .flare-taxonomy > .container, .flare-top > .container, .directory-page > .container, .prose-page, .not-found > .container { padding: 38px 30px; background: var(--cb-black); }
.flare-page-title { margin: 0 0 28px; color: #eee; font-size: 30px; font-weight: 600; }
.flare-page-title::first-letter { color: var(--cb-blue); }
.flare-filter-bar { display: grid; grid-template-columns: repeat(4,minmax(160px,1fr)) minmax(130px,.7fr) auto; gap: 16px; align-items: end; padding: 20px; margin-bottom: 28px; background: #242424; border: 1px solid #333; }
.flare-filter-bar label { display: grid; gap: 7px; color: #bbb; font-size: 12px; }
.flare-filter-bar select, .flare-filter-bar input { width: 100%; min-width: 0; height: 42px; padding: 0 12px; color: #eee; background: #171717; border: 1px solid #3c3c3c; outline: 0; }
.flare-filter-bar button { height: 42px; padding: 0 22px; color: #fff; background: var(--cb-blue); border: 0; cursor: pointer; }
.flare-filter-bar button:hover { background: var(--cb-blue-2); }
.flare-category-search { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; padding: 20px; margin-bottom: 28px; background: #242424; border-left: 5px solid var(--cb-blue); }
.flare-category-search label { font-weight: 600; }
.flare-category-search > div { height: 46px; display: grid; grid-template-columns: minmax(0,1fr) 46px; background: #171717; border: 1px solid #3b3b3b; }
.flare-category-search input { min-width: 0; padding: 0 14px; color: #eee; background: transparent; border: 0; outline: 0; }
.flare-category-search svg { width: 20px; height: 20px; align-self: center; justify-self: center; color: #aaa; }
.flare-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.flare-category-card { position: relative; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; color: #fff; background: #222; border: 1px solid #333; isolation: isolate; }
.flare-category-card::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.65)); content: ""; }
.flare-category-card img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.flare-category-card:hover img { transform: scale(1.05); }
.flare-category-card span { max-width: 90%; font-size: clamp(21px,2vw,34px); font-weight: 800; text-align: center; text-shadow: 0 2px 10px #000; }
.flare-category-card small { position: absolute; right: 10px; bottom: 8px; color: #ddd; font-size: 10px; }
.flare-category-card[hidden] { display: none; }
.flare-taxonomy__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 18px; margin-bottom: 28px; background: #242424; border-left: 5px solid var(--cb-blue); }
.flare-taxonomy__head h1 { margin: 0; font-size: 26px; font-weight: 600; }
.flare-taxonomy__head a { color: var(--cb-blue-2); }
.flare-taxonomy__head span { color: var(--cb-muted); }
.flare-range-tabs { width: max-content; max-width: 100%; display: flex; margin: 0 auto 30px; overflow: hidden; background: #252525; }
.flare-range-tabs a { min-width: 100px; padding: 14px 20px; color: #ddd; text-align: center; }
.flare-range-tabs a:hover, .flare-range-tabs .is-current { color: #fff; background: var(--cb-blue); }
.flare-ranked { position: relative; }
.flare-ranked > span { position: absolute; z-index: 4; top: 7px; left: 7px; min-width: 32px; padding: 6px; color: #fff; background: var(--cb-blue); font-size: 11px; text-align: center; }
.directory-hero { padding: 38px 30px 24px; background: var(--cb-black); border-color: #333; }
.directory-hero span { color: var(--cb-blue-2); }
.directory-hero h1 { color: #eee; }
.directory-hero p { color: var(--cb-muted); }
.directory-results { padding: 25px 30px 45px; background: var(--cb-black); }
.latest-comic > time { color: #888; }

/* Content detail */
.flare-detail { padding-bottom: 45px; }
.flare-detail > .container { padding: 0 30px 38px; background: var(--cb-black); }
.breadcrumbs { padding: 22px 0 17px; color: #888; }
.breadcrumbs a:hover { color: var(--cb-blue-2); }
.flare-title-panel { min-height: 58px; margin-bottom: 24px; }
.flare-title-panel h1 { font-size: clamp(22px,2.2vw,31px); }
.flare-title-panel p { margin: 4px 0 0; color: #aaa; }
.flare-title-panel > span { color: var(--cb-blue); font-size: 31px; }
.flare-detail-card { display: grid; grid-template-columns: minmax(240px,320px) minmax(0,1fr); gap: 28px; margin-bottom: 30px; }
.flare-detail-cover { align-self: start; }
.flare-detail-cover > img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid #333; }
.flare-like-box { padding: 17px; color: #ddd; background: #202020; border: 1px solid #333; text-align: center; }
.flare-like-box > strong { display: block; color: #fff; font-size: 28px; }
.flare-like-box > small { color: #aaa; }
.flare-like-box > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.flare-like-box button { min-height: 42px; color: #fff; background: #292929; border: 1px solid #404040; cursor: pointer; }
.flare-like-box button:hover, .flare-like-box .bookshelf-button.is-added { background: var(--cb-blue); border-color: var(--cb-blue); }
.flare-detail-info { min-width: 0; padding: 30px 36px; background: #202020; border: 1px solid #333; border-top: 4px solid var(--cb-blue); }
.flare-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 42px; margin: 0 0 26px; }
.flare-facts > div { min-width: 0; display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 12px; align-items: center; min-height: 49px; border-bottom: 1px solid #363636; }
.flare-facts dt { color: #aaa; font-weight: 600; }
.flare-facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; text-align: right; }
.flare-facts dd a { color: var(--cb-blue-2); }
.flare-synopsis { padding: 24px 0; border-block: 1px solid #363636; }
.flare-synopsis h2, .flare-genres h2 { margin: 0 0 12px; color: #bbb; font-size: 15px; }
.flare-synopsis .prose { color: #ddd; font-size: 15px; line-height: 1.75; }
.flare-genres { padding: 23px 0 0; }
.flare-genres > div { display: flex; flex-wrap: wrap; gap: 8px; }
.flare-genres a { padding: 6px 10px; color: #ddd; background: #151515; border: 1px solid #333; }
.flare-genres a:hover { color: #fff; border-color: var(--cb-blue); }
.flare-read-button { margin-top: 24px; }
.flare-chapters { padding: 24px; background: #202020; border: 1px solid #333; }
.detail-section__heading { border-color: #3a3a3a; }
.detail-section__heading > span, .detail-section__heading > div > span, .chapter-list a > span { color: var(--cb-blue-2); }
.chapter-order { color: #ddd; background: #161616; border-color: #444; }
.chapter-list { border-color: #3a3a3a; }
.chapter-list a { color: #ddd; border-color: #353535; }
.chapter-list a:hover { color: #fff; background: #282828; }
.chapter-list time { color: #888; }
.share-menu { color: #ddd; background: #202020; border-color: #444; }
.recommendations { padding: 32px 0 45px; background: #090909; border-color: #333; }
.recommendations > .container { padding: 0 30px; }
.section-heading { border-color: #333; }
.section-heading h2 { color: #eee; }
.section-heading > a { color: var(--cb-blue-2); }

/* Reader and secondary pages */
.inkwave-reader-page { color: #eee; background: #080808; }
.reader-toolbar { color: #eee; background: #111; border-color: #333; }
.reader-toolbar__back:hover, .reader-tool:hover { color: #fff; background: var(--cb-blue); }
.reader-settings { color: #ddd; background: #1e1e1e; border-color: #444; }
.reader-settings button.is-active, .reader-progress span { background: var(--cb-blue); }
.reader { background: #080808; }
.reader-page { background: #111; }
.reader-chapter-nav { background: #1c1c1c; border-color: #444; }
.reader-chapter-nav a:hover { color: #fff; background: #242424; }
.reader-chapter-nav__catalog { background: var(--cb-blue) !important; }
.reader-end { color: #ddd; }
.dashboard-hero, .author-profile, .profile-card, .settings-card, .login-card, .text-card, .guest-shelf, .history-list, .prose-page article { color: #ddd; background: #151515; border-color: #333; }
.dashboard-layout, .account-wrap, .author-page > .container { padding: 30px; background: var(--cb-black); }
.dashboard-nav { background: #202020; border-color: #333; }
.dashboard-nav a { color: #ddd; border-color: #333; }
.dashboard-nav a:hover, .dashboard-nav a.is-active { color: #fff; background: var(--cb-blue); }
.profile-form input, .profile-form textarea, .profile-form select { color: #eee; background: #111; border-color: #444; }
.prose-page { margin-block: 0; padding: 38px 30px 55px; background: var(--cb-black); }
.prose-page article { padding: 28px; }
.prose-page .prose { color: #d1d1d1; }

/* Footer */
.flare-footer { width: min(calc(100% - 32px), var(--cb-width)); padding: 0; margin: 0 auto 8px; color: #bbb; background: #242424; }
.flare-footer__inner { width: 100%; display: grid; place-items: center; gap: 24px; padding: 52px 30px 44px; text-align: center; }
.flare-footer__brand { display: flex; align-items: center; gap: 10px; color: #eee; font-size: 25px; }
.flare-footer__brand > span { color: var(--cb-blue); }
.flare-footer__brand strong { font-weight: 900; }
.flare-footer__brand em { color: var(--cb-blue); font-style: normal; }
.flare-footer__nav, .flare-footer__nav .site-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 45px; padding: 0; margin: 0; list-style: none; }
.flare-footer__nav a { color: var(--cb-blue-2); font-size: 14px; }
.flare-footer__nav a:hover { color: #fff; }
.flare-footer__notice { max-width: 1040px; margin: 0; color: #aaa; font-size: 12px; }
.flare-footer__notice a { color: #ddd; text-decoration: underline; }
.flare-footer__copyright { margin: 0; color: #888; font-size: 12px; }

@media (max-width: 1240px) {
  .flare-header__top { grid-template-columns: minmax(240px,.8fr) minmax(340px,1fr) 0; }
  .flare-navigation a { min-width: 110px; padding-inline: 16px; }
  .flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .flare-filter-bar { grid-template-columns: repeat(3,minmax(160px,1fr)); }
  .flare-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .flare-header__top { min-height: 112px; grid-template-columns: minmax(220px,.7fr) minmax(300px,1fr) 0; padding: 22px; }
  .flare-brand strong { font-size: 31px; }
  .flare-navigation { padding-inline: 22px; }
  .flare-navigation a { min-width: auto; padding-inline: 15px; }
  .flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .flare-filter-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .flare-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .flare-detail-card { grid-template-columns: 260px minmax(0,1fr); }
  .flare-detail-info { padding: 26px; }
  .flare-facts { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .container, .flare-header, .flare-footer { width: 100%; }
  .flare-header { margin-top: 0; border-radius: 0; }
  .flare-header__top { min-height: 126px; grid-template-columns: minmax(0,1fr) 48px; grid-template-rows: 56px 48px; gap: 9px 12px; padding: 8px 12px 12px; }
  .flare-brand { gap: 9px; }
  .flare-brand__play { width: 31px; height: 31px; flex-basis: 31px; }
  .flare-brand strong { font-size: 24px; }
  .flare-brand__image { max-width: 210px; max-height: 48px; }
  .flare-search { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 46px; }
  .flare-menu-toggle { width: 46px; height: 46px; display: grid; align-content: center; gap: 5px; padding: 9px; color: #fff; background: #222; border: 1px solid #333; cursor: pointer; }
  .flare-menu-toggle > span { height: 2px; display: block; background: currentColor; }
  .flare-navigation { position: fixed; z-index: 500; top: 0; right: 0; bottom: 0; left: 0; display: none; padding: 82px 20px 30px; overflow-y: auto; background: rgba(5,5,5,.98); }
  .flare-navigation.is-open { display: block; }
  .flare-navigation > ul { display: grid; }
  .flare-navigation li { display: block; }
  .flare-navigation a { min-height: 54px; justify-content: flex-start; padding: 0 18px; border: 0; border-bottom: 1px solid #333; }
  .flare-navigation li:first-child a { border-left: 0; }
  .flare-navigation__language { margin: 20px 0 0; }
  .flare-surface, .flare-catalogue > .container, .flare-categories > .container, .flare-taxonomy > .container, .flare-top > .container, .directory-page > .container, .flare-detail > .container { padding-inline: 12px; }
  .flare-titlebar { margin-bottom: 18px; }
  .flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 10px; }
  .flare-card h3 { font-size: 13px; }
  .flare-pagination { padding-block: 40px; }
  .flare-pagination ul { gap: 7px; }
  .flare-pagination a, .flare-pagination span { min-width: 42px; height: 42px; padding-inline: 9px; }
  .flare-about { right: -12px; left: -12px; width: calc(100% + 24px); padding: 42px 18px; }
  .flare-about p { font-size: 14px; text-align: left; }
  .flare-filter-bar { grid-template-columns: 1fr; padding: 15px; }
  .flare-category-search { grid-template-columns: 1fr; padding: 15px; }
  .flare-category-grid { grid-template-columns: 1fr; }
  .flare-category-card { aspect-ratio: 16 / 8; }
  .flare-taxonomy__head { align-items: flex-start; flex-direction: column; }
  .flare-detail-card { grid-template-columns: 1fr; }
  .flare-detail-cover { width: min(82%,310px); margin: auto; }
  .flare-detail-info { padding: 22px 17px; }
  .flare-facts > div { grid-template-columns: 90px minmax(0,1fr); }
  .flare-chapters { padding: 17px; }
  .chapter-list { grid-template-columns: 1fr; }
  .chapter-list a:nth-child(odd) { border-right: 0; }
  .chapter-list a:nth-child(even) { padding-left: 0; }
  .recommendations > .container { padding-inline: 12px; }
  .reader-toolbar__title { max-width: 48vw; }
  .flare-footer__inner { padding-inline: 18px; }
  .flare-footer__nav, .flare-footer__nav .site-footer__menu { gap: 14px 23px; }
}
@media (max-width: 430px) {
  .flare-brand strong { font-size: 21px; }
  .flare-titlebar h1 { font-size: 18px; }
  .flare-filter-link { min-width: 48px; }
  .flare-like-box > div { grid-template-columns: 1fr; }
  .flare-facts > div { grid-template-columns: 78px minmax(0,1fr); }
  .flare-footer__nav .site-footer__menu { flex-direction: column; }
}

/* Flare portal composition — homepage reference translated into the manga runtime. */
:root { --az-blue:#167ce5; --az-blue-2:#2496ff; --az-bg:#15131e; --az-panel:#232323; --az-panel-2:#292929; --az-line:#363642; --az-text:#f3f3f6; --az-muted:#aaa9b2; --cb-width:1400px; --cb-blue:var(--az-blue); --cb-blue-2:var(--az-blue-2); --cb-outer:var(--az-bg); }
html, body { background:var(--az-bg); }
.container { width:min(calc(100% - 32px),var(--cb-width)); }
.flare-header { width:100%; margin:0; overflow:visible; background:#0b0a0f; border-radius:0; box-shadow:none; }
.flare-header__top { min-height:82px; grid-template-columns:250px minmax(280px,500px) 1fr auto; gap:30px; padding:14px 0; }
.flare-brand { gap:9px; transform:skew(-7deg); }
.flare-brand__mark { width:43px; height:43px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#4cc8ff,#167ce5); border:3px solid #a9eaff; border-radius:12px 5px 12px 5px; box-shadow:0 3px 0 #16498f; font-size:25px; font-weight:1000; line-height:1; text-shadow:2px 2px 0 #16498f; }
.flare-brand strong { display:flex; color:#fff; font-size:31px; font-weight:1000; letter-spacing:-.05em; text-transform:uppercase; }
.flare-brand strong em { color:var(--az-blue-2); font-style:normal; }
.flare-brand__image { max-width:230px; max-height:55px; }
.flare-search { height:42px; grid-template-columns:minmax(0,1fr) 48px; background:#19171f; border:1px solid #292630; border-radius:3px; }
.flare-search input { font-size:14px; }
.flare-search button { background:transparent; }
.flare-search button:hover { background:#24212c; }
.flare-tools { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.flare-settings { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:var(--az-blue); border-radius:50%; box-shadow:-13px 0 0 rgba(255,255,255,.25); }
.flare-settings:hover { color:#fff; background:var(--az-blue-2); }
.flare-tools .language-switcher > button { height:38px; padding:0 12px; color:#ddd; background:#222029; border:1px solid #34313c; }
.flare-tools .language-switcher__menu { top:43px; right:0; background:#232129; border-color:#3c3945; }
.flare-menu-toggle { display:none; }
.flare-navigation { min-height:56px; display:block; padding:0; background:var(--az-blue); border:0; }
.flare-navigation > .container { display:flex; align-items:stretch; justify-content:space-between; }
.flare-navigation ul { display:flex; align-items:stretch; gap:0; padding:0; margin:0; list-style:none; }
.flare-navigation li { display:flex; }
.flare-navigation a { min-width:auto; display:flex; align-items:center; justify-content:center; padding:0 23px; color:#f7fbff; border:0; font-size:14px; font-weight:500; }
.flare-navigation li:first-child a { border:0; }
.flare-navigation a:hover, .home .flare-nav__home, .post-type-archive-ink_comic .flare-nav__az, .page-template-page-tags-php .flare-nav__genres, .page-template-page-latest-php .flare-nav__latest, .page-template-page-top-php .flare-nav__top { color:#fff; background:rgba(0,0,0,.18); }
.flare-surprise { align-self:center; min-height:34px; margin:10px 0; padding:0 15px !important; border:1px solid rgba(255,255,255,.3) !important; border-radius:3px; }
.flare-mobile-language { display:none; }

.flare-home { padding:18px 0 48px; }
.flare-home__layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:18px; align-items:start; }
.flare-home__main, .flare-sidebar { min-width:0; }
.flare-feature { display:grid; grid-template-columns:minmax(0,1fr) 215px; gap:12px; margin-bottom:18px; }
.flare-feature__hero { position:relative; min-height:315px; overflow:hidden; color:#fff; background:#0d0c12; isolation:isolate; }
.flare-feature__hero::before { position:absolute; z-index:-2; inset:0; background-image:linear-gradient(90deg,rgba(13,11,17,.98) 0%,rgba(13,11,17,.78) 54%,rgba(13,11,17,.2) 100%),var(--feature-image); background-position:center,right center; background-size:cover,58% auto; background-repeat:no-repeat; content:""; }
.flare-feature__hero::after { position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 55% 75%,rgba(255,118,45,.18),transparent 40%); content:""; }
.flare-feature__content { height:100%; display:grid; grid-template-columns:58px minmax(0,1fr); gap:18px; align-items:center; padding:34px 35px; }
.flare-score { width:54px; height:54px; display:grid; place-items:center; color:#222; background:#ffd746; clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 94%,50% 71%,21% 94%,32% 56%,2% 35%,39% 34%); font-size:11px; font-weight:800; }
.flare-feature h1 { margin:0 0 5px; color:#fff; font-size:clamp(23px,2.2vw,34px); font-weight:500; text-transform:uppercase; }
.flare-feature__meta { margin:0 0 26px; color:#ffd746; font-size:13px; }
.flare-feature__content strong { display:block; margin-bottom:8px; color:#ddd; font-size:12px; text-transform:uppercase; }
.flare-feature__content p:last-child { max-width:600px; margin:0; color:#d3d1d6; font-size:14px; line-height:1.55; }
.flare-feature__side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; }
.flare-feature__side a { position:relative; min-height:0; overflow:hidden; background:#222; }
.flare-feature__side img { width:100%; height:100%; object-fit:cover; opacity:.78; transition:transform .25s,opacity .25s; }
.flare-feature__side a:hover img { opacity:1; transform:scale(1.04); }
.flare-feature__side span { position:absolute; right:0; bottom:0; left:0; padding:22px 10px 9px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.9)); font-size:12px; font-weight:700; }
.flare-release, .flare-recommendation { margin-bottom:18px; background:var(--az-panel); }
.flare-panel-title { min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; margin:0; color:#fff; background:var(--az-blue); }
.flare-panel-title h2 { margin:0; font-size:17px; font-weight:600; }
.flare-panel-title a { padding:4px 10px; color:#fff; background:#17171b; border-radius:2px; font-size:10px; text-transform:uppercase; }
.flare-release > .flare-grid, .flare-recommendation > .flare-grid { padding:18px; }
.flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px 12px; }
.flare-card { text-align:center; }
.flare-card__cover { aspect-ratio:3/4; border:0; background:#18171d; }
.flare-card__cover img { aspect-ratio:3/4; }
.flare-card__type { position:absolute; top:5px; right:5px; padding:3px 6px; color:#fff; background:var(--az-blue-2); border-radius:2px; font-size:10px; font-weight:700; text-transform:uppercase; }
.flare-card__meta { position:absolute; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px 6px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.9) 28%); font-size:10px; }
.flare-card__meta b { padding:2px 5px; color:#17171b; background:#ffb000; border-radius:2px; font-weight:700; }
.flare-card h3 { min-height:38px; margin:8px 2px 0; color:#eee; font-size:12px; line-height:1.4; }
.flare-card h3 a:hover { color:var(--az-blue-2); }
.flare-pagination { padding:28px 18px 35px; }
.flare-pagination ul { gap:7px; }
.flare-pagination a, .flare-pagination span { min-width:38px; height:38px; padding:0 10px; background:#323137; }
.flare-recommendation__tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding:14px 18px 0; }
.flare-recommendation__tabs span { padding:10px; color:#ddd; background:#343339; text-align:center; }
.flare-recommendation__tabs span:first-child { background:var(--az-blue); }

.flare-sidebar { display:grid; gap:18px; }
.flare-sidebar section { overflow:hidden; background:var(--az-panel); }
.flare-sidebar header { padding:13px 16px; border-bottom:1px solid #373640; }
.flare-sidebar h2 { margin:0; color:#fff; font-size:17px; }
.flare-popular nav { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding:12px; }
.flare-popular nav span { padding:8px 5px; color:#ddd; background:#343339; font-size:12px; text-align:center; }
.flare-popular nav span:first-child { color:#fff; background:var(--az-blue); }
.flare-popular ol { padding:0; margin:0; list-style:none; counter-reset:item; }
.flare-popular li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; align-items:center; padding:10px 12px; border-top:1px solid #373640; }
.flare-popular li > b { width:30px; height:30px; display:grid; place-items:center; color:#aaa; border:1px solid #4a4852; border-radius:3px; font-size:12px; }
.flare-popular li > a { min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; align-items:center; }
.flare-popular img { width:48px; height:64px; object-fit:cover; }
.flare-popular a span { min-width:0; }
.flare-popular a strong { display:-webkit-box; overflow:hidden; color:#eee; font-size:12px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.flare-popular a small { display:block; margin-top:5px; color:#999; font-size:10px; }
.flare-genres > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.flare-genres > div a { min-width:0; padding:9px 10px; overflow:hidden; color:#ddd; border-right:1px solid #33323a; border-bottom:1px solid #33323a; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.flare-genres > div a:hover { color:#fff; background:var(--az-blue); }

.flare-catalogue > .container, .flare-categories > .container, .flare-taxonomy > .container, .flare-top > .container, .directory-page > .container, .prose-page, .not-found > .container, .flare-detail > .container { background:#111015; }
.flare-titlebar, .flare-section__head, .flare-title-panel, .flare-taxonomy__head { background:var(--az-panel); border-left-color:var(--az-blue); }
.flare-detail-info, .flare-chapters, .flare-like-box, .recommendations { background:var(--az-panel); border-color:var(--az-line); }
.flare-detail-info { border-top-color:var(--az-blue); }
.flare-filter-bar, .flare-category-search { background:var(--az-panel); }

.flare-footer { width:100%; margin:0; color:#b7b6be; background:#232323; }
.flare-footer__az { padding:34px 0 26px; border-bottom:1px solid #35343b; }
.flare-footer__az > .container > div { display:flex; align-items:center; gap:22px; margin-bottom:22px; }
.flare-footer__az strong { color:#eee; font-size:21px; }
.flare-footer__az span { padding-left:22px; color:#aaa; border-left:1px solid #555; font-size:12px; }
.flare-footer__az nav { display:flex; flex-wrap:wrap; gap:8px; }
.flare-footer__az nav a { min-width:31px; height:31px; display:grid; place-items:center; padding:0 7px; color:#fff; background:var(--az-blue); border-radius:2px; font-size:11px; }
.flare-footer__az nav a:hover { background:var(--az-blue-2); }
.flare-footer__main { display:grid; grid-template-columns:230px minmax(0,1fr); gap:45px; align-items:center; padding:35px 0 42px; }
.flare-footer__brand { display:flex; align-items:center; gap:8px; color:#fff; font-size:24px; transform:skew(-7deg); }
.flare-footer__brand > span { width:39px; height:39px; display:grid; place-items:center; color:#fff; background:var(--az-blue); border-radius:11px 4px; font-weight:1000; }
.flare-footer__brand em { color:var(--az-blue-2); font-style:normal; }
.flare-footer__nav, .flare-footer__nav .site-footer__menu { justify-content:flex-start; gap:10px 25px; }
.flare-footer__main p { margin:14px 0 8px; color:#aaa; font-size:11px; }
.flare-footer__main small { color:#888; font-size:11px; }

@media (max-width:1100px) {
  .flare-header__top { grid-template-columns:210px minmax(260px,1fr) auto; }
  .flare-tools { grid-column:3; }
  .flare-navigation a { padding-inline:15px; }
  .flare-home__layout { grid-template-columns:minmax(0,1fr) 285px; }
  .flare-feature { grid-template-columns:minmax(0,1fr) 180px; }
  .flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:850px) {
  .flare-header__top { grid-template-columns:minmax(180px,.55fr) minmax(240px,1fr) auto; }
  .flare-brand strong { font-size:25px; }
  .flare-navigation a { padding-inline:11px; font-size:12px; }
  .flare-home__layout { grid-template-columns:1fr; }
  .flare-sidebar { grid-template-columns:1fr 1fr; }
  .flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .container { width:100%; padding-inline:12px; }
  .flare-header__top { min-height:126px; grid-template-columns:minmax(0,1fr) 46px; grid-template-rows:56px 46px; gap:8px 10px; padding:8px 12px 12px; }
  .flare-brand strong { font-size:22px; }
  .flare-brand__mark { width:34px; height:34px; font-size:19px; }
  .flare-search { grid-column:1/-1; grid-row:2; height:46px; }
  .flare-tools { display:none; }
  .flare-menu-toggle { grid-column:2; grid-row:1; width:46px; height:46px; display:grid; align-content:center; gap:5px; padding:9px; color:#fff; background:#222029; border:1px solid #35323d; }
  .flare-menu-toggle > span { height:2px; background:currentColor; }
  .flare-navigation { position:fixed; z-index:500; inset:0; display:none; padding:76px 18px 25px; overflow:auto; background:rgba(11,10,15,.98); }
  .flare-navigation.is-open { display:block; }
  .flare-navigation > .container { width:100%; display:block; padding:0; }
  .flare-navigation ul { display:grid; }
  .flare-navigation li { display:block; }
  .flare-navigation a { min-height:51px; justify-content:flex-start; padding:0 16px; border-bottom:1px solid #35323d; font-size:14px; }
  .flare-surprise { margin-top:20px; border:1px solid #4c4955 !important; }
  .flare-mobile-language { display:flex; margin-top:12px; }
  .flare-mobile-language .language-switcher { width:100%; }
  .flare-mobile-language .language-switcher > button { width:100%; height:48px; justify-content:flex-start; padding:0 16px; color:#fff; background:#222029; border:1px solid #3f3b49; }
  .flare-mobile-language .language-switcher > button b { display:block; }
  .flare-mobile-language .language-switcher__menu { position:static; width:100%; margin-top:6px; background:#232129; border-color:#3f3b49; }
  .flare-mobile-language .language-switcher__menu a { min-height:42px; padding:0 14px; color:#ddd; border:0; }
  .flare-home { padding-top:12px; }
  .flare-home__layout { display:block; padding-inline:12px; }
  .flare-feature { grid-template-columns:1fr; }
  .flare-feature__hero { min-height:330px; }
  .flare-feature__hero::before { background-image:linear-gradient(0deg,rgba(13,11,17,.98),rgba(13,11,17,.3)),var(--feature-image); background-position:center; background-size:cover; }
  .flare-feature__content { align-content:end; grid-template-columns:44px minmax(0,1fr); padding:25px 18px; }
  .flare-score { width:42px; height:42px; }
  .flare-feature__content p:last-child { display:none; }
  .flare-feature__side { grid-template-columns:1fr 1fr; grid-template-rows:130px; }
  .flare-grid, .flare-series-grid, .flare-grid--ranking, .comic-grid, .latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 10px; }
  .flare-release > .flare-grid, .flare-recommendation > .flare-grid { padding:12px; }
  .flare-sidebar { grid-template-columns:1fr; margin-top:18px; }
  .flare-footer__az { padding-inline:12px; }
  .flare-footer__az > .container > div { align-items:flex-start; flex-direction:column; gap:8px; }
  .flare-footer__az span { padding-left:0; border-left:0; }
  .flare-footer__main { grid-template-columns:1fr; gap:22px; padding:30px 18px 36px; text-align:center; }
  .flare-footer__brand { justify-self:center; }
  .flare-footer__nav, .flare-footer__nav .site-footer__menu { justify-content:center; }
}

/* DM Flare: black cinema catalogue with amber controls and poster-led pages. */
:root { --fl-orange:#ff9d00; --fl-orange-2:#ffb62e; --fl-bg:#141414; --fl-panel:#202020; --fl-panel-2:#282828; --fl-line:#363636; --fl-text:#f3f3f3; --fl-muted:#aaa; --cb-outer:var(--fl-bg); --cb-width:1720px; --cb-blue:var(--fl-orange); --cb-blue-2:var(--fl-orange-2); --blue:var(--fl-orange); }
html,body { background:var(--fl-bg); color:var(--fl-text); }
a { color:inherit; }
.container { width:min(calc(100% - 48px),var(--cb-width)); }

.flare-header { position:relative; z-index:100; width:100%; margin:0; background:#151515; border:0; border-bottom:1px solid #2c2c2c; border-radius:0; box-shadow:none; }
.flare-header__bar { min-height:64px; display:grid; grid-template-columns:auto auto minmax(300px,680px) 1fr; align-items:stretch; }
.flare-brand { min-width:92px; display:flex; align-items:center; gap:9px; padding:0 14px; color:#181818; background:var(--fl-orange); }
.flare-brand__seal { width:50px; height:50px; padding:4px; object-fit:contain; background:#fff; border:2px solid rgba(17,17,17,.18); border-radius:50%; }
.flare-brand strong { display:none; font-size:19px; text-transform:uppercase; }
.flare-brand strong em { color:#fff; font-style:normal; }
.flare-brand__image { max-width:180px; max-height:54px; }
.flare-navigation { min-height:64px; display:flex; align-items:stretch; padding:0; background:#1b1b1b; border:0; }
.flare-navigation ul { display:flex; align-items:stretch; padding:0; margin:0; list-style:none; }
.flare-navigation li { display:flex; }
.flare-navigation a { min-width:auto; display:flex; align-items:center; justify-content:center; padding:0 20px; color:var(--fl-orange); border:0; font-size:14px; font-weight:750; }
.flare-navigation li:first-child a { border:0; }
.flare-navigation a:hover,.flare-navigation a[aria-current="page"] { color:#111; background:var(--fl-orange); }
.flare-mobile-language { display:none; }
.flare-search { align-self:center; height:46px; display:grid; grid-template-columns:minmax(0,1fr) 54px; margin:0 10px; overflow:hidden; background:var(--fl-orange); border:0; border-radius:4px; }
.flare-search input { margin:5px 0 5px 9px; padding:0 14px; color:#222; background:#fff; border:0; border-radius:3px 0 0 3px; font-size:15px; }
.flare-search input::placeholder { color:#999; }
.flare-search button { display:grid; place-items:center; color:#111; background:var(--fl-orange); border:0; }
.flare-search button:hover { color:#fff; background:#111; }
.flare-search svg { width:21px; height:21px; stroke:currentColor; fill:none; stroke-width:2.2; }
.flare-account { display:flex; align-items:center; justify-content:flex-end; gap:4px; padding-right:18px; }
.flare-account > a { min-height:64px; display:flex; align-items:center; padding:0 12px; color:var(--fl-orange); font-size:13px; font-weight:750; }
.flare-account > a:hover { color:#fff; background:#242424; }
.flare-account .language-switcher { margin-right:8px; }
.flare-account .language-switcher > button { height:38px; padding:0 10px; color:#ddd; background:#242424; border:1px solid #383838; }
.flare-account .language-switcher__menu { top:43px; right:0; background:#202020; border-color:#3b3b3b; }
.flare-account .language-switcher__menu a { color:#ddd; }
.flare-menu-toggle { display:none; }

.flare-home { min-height:600px; padding:50px 0 0; }
.flare-catalogue-toolbar { display:flex; align-items:flex-start; gap:10px; margin:0 0 42px; }
.flare-sort { min-width:185px; height:45px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; color:var(--fl-orange); background:#1c1c1c; border:1px solid #2b2b2b; border-radius:4px; font-size:13px; font-weight:700; text-transform:uppercase; }
.flare-sort:hover { color:#171717; background:var(--fl-orange); }
.flare-pagination { padding:0; margin:0; }
.flare-pagination ul { display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:0; list-style:none; }
.flare-pagination a,.flare-pagination span { min-width:42px; height:45px; display:grid; place-items:center; padding:0 12px; color:var(--fl-orange); background:#1e1e1e; border:1px solid #242424; border-radius:4px; font-size:14px; }
.flare-pagination a:hover,.flare-pagination .current { color:#111; background:var(--fl-orange); border-color:var(--fl-orange); }
.flare-pagination .dots { color:#777; background:#101010; }
.flare-gallery { min-width:0; }
.flare-poster-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:46px 34px; }
.flare-card { min-width:0; background:#202020; text-align:center; transition:transform .2s,box-shadow .2s; }
.flare-card:hover { transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,.35); }
.flare-card__cover { position:relative; aspect-ratio:3/4; display:block; overflow:hidden; background:#2a2a2a; }
.flare-card__cover img { width:100%; height:100%; object-fit:cover; transition:transform .3s,filter .3s; }
.flare-card:hover img { transform:scale(1.025); filter:saturate(1.08); }
.flare-card__count { position:absolute; top:10px; right:10px; min-width:31px; height:31px; display:grid; place-items:center; color:#111; background:var(--fl-orange); border-radius:50%; font-size:11px; font-weight:900; }
.flare-card__chapter { position:absolute; right:0; bottom:0; left:0; overflow:hidden; padding:34px 11px 10px; color:#ddd; background:linear-gradient(transparent,rgba(0,0,0,.93)); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.flare-card h3 { min-height:48px; display:flex; align-items:center; justify-content:center; margin:0; padding:8px 10px; color:var(--fl-orange); background:#202020; font-size:14px; font-weight:500; line-height:1.35; }
.flare-card h3 a { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.flare-pagination--bottom { display:flex; justify-content:center; padding:46px 0 55px; }
.flare-home-copy { clear:both; margin-top:52px; padding:28px 0; color:#bbb; background:#202020; border-top:1px solid #363636; }
.flare-home-copy > .container { display:block; }
.flare-home-copy > .container > span { display:block; margin-bottom:9px; color:var(--fl-orange); font-size:12px; font-weight:800; letter-spacing:.12em; }
.flare-home-copy h2 { margin:0 0 7px; color:var(--fl-orange); font-size:24px; font-weight:500; }
.flare-home-copy p { width:100%; max-width:none; margin:0; line-height:1.65; }

.flare-footer { width:100%; margin:0; color:#999; background:#292929; }
.flare-footer__letters { padding:18px 0; background:#1b1b1b; border-top:1px solid #303030; border-bottom:1px solid #303030; }
.flare-footer__letters > .container { display:flex; align-items:center; gap:18px; }
.flare-footer__letters strong { flex:0 0 auto; color:var(--fl-orange); font-size:13px; }
.flare-footer__letters nav { display:flex; flex-wrap:wrap; gap:5px; }
.flare-footer__letters nav a { min-width:28px; height:28px; display:grid; place-items:center; color:#aaa; background:#242424; font-size:10px; }
.flare-footer__letters nav a:hover { color:#111; background:var(--fl-orange); }
.flare-footer__menu { padding:24px 0 30px; text-align:center; }
.flare-footer__menu > .container { display:grid; justify-items:center; gap:12px; }
.flare-footer__brand { display:flex; align-items:center; gap:8px; color:#fff; }
.flare-footer__brand > img { width:40px; height:40px; object-fit:contain; }
.flare-footer__brand em { color:var(--fl-orange); font-style:normal; }
.flare-footer__menu nav,.flare-footer__menu .site-footer__menu { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; }
.flare-footer__menu nav a { color:var(--fl-orange); font-size:12px; font-weight:750; }
.flare-footer__menu p { margin:2px 0; font-size:11px; }
.flare-footer__menu small { color:#777; font-size:10px; }

/* Cinematic detail page. */
.flare-detail { background:#121212; }
.flare-detail-hero { position:relative; min-height:360px; overflow:hidden; isolation:isolate; }
.flare-detail-hero::before { position:absolute; z-index:-2; inset:-35px; background-image:linear-gradient(90deg,rgba(10,10,10,.99) 15%,rgba(10,10,10,.78) 58%,rgba(10,10,10,.38)),var(--flare-cover); background-position:center,right 28%; background-size:cover,55% auto; background-repeat:no-repeat; filter:saturate(.75); content:""; }
.flare-detail-hero::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,#121212 0,transparent 42%); content:""; }
.flare-detail-hero .container { min-height:360px; display:flex; flex-direction:column; justify-content:space-between; padding-block:24px 55px; }
.flare-detail-hero .breadcrumbs { color:#888; }
.flare-detail-hero__copy { max-width:850px; }
.flare-kicker { display:block; margin-bottom:12px; color:var(--fl-orange); font-size:11px; font-weight:900; letter-spacing:.14em; }
.flare-detail-hero h1 { max-width:900px; margin:0; color:#fff; font-size:clamp(34px,5vw,72px); line-height:1.02; letter-spacing:-.035em; text-transform:uppercase; }
.flare-detail-hero__copy > p { margin:10px 0 0; color:#aaa; font-size:17px; }
.flare-hero-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }
.flare-hero-tags a { padding:6px 10px; color:#151515; background:var(--fl-orange); font-size:10px; font-weight:800; text-transform:uppercase; }
.flare-detail-body { display:grid; grid-template-columns:310px minmax(0,1fr); gap:44px; align-items:start; padding-bottom:55px; }
.flare-media-card { margin-top:-35px; background:#1e1e1e; box-shadow:0 18px 45px rgba(0,0,0,.32); }
.flare-media-card > img { width:100%; aspect-ratio:3/4; object-fit:cover; }
.flare-media-card__stats { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #343434; }
.flare-media-card__stats span { display:grid; padding:13px; color:#888; font-size:10px; text-align:center; text-transform:uppercase; }
.flare-media-card__stats span + span { border-left:1px solid #343434; }
.flare-media-card__stats strong { color:var(--fl-orange); font-size:18px; }
.flare-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:13px; }
.flare-actions > * { min-width:0; }
.flare-actions .flare-read { grid-column:1/-1; min-height:46px; display:flex; align-items:center; justify-content:center; gap:12px; color:#111; background:var(--fl-orange); font-size:12px; font-weight:900; text-transform:uppercase; }
.flare-actions .bookshelf-button,.flare-actions .share-button { width:100%; min-height:40px; padding:0 8px; color:#ddd; background:#292929; border:1px solid #3b3b3b; font-size:11px; }
.flare-actions .share-control { position:relative; }
.flare-dossier { min-width:0; padding-top:10px; }
.flare-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#343434; border:1px solid #343434; }
.flare-facts > div { min-height:82px; display:grid; align-content:center; gap:5px; padding:14px 17px; background:#1d1d1d; }
.flare-facts span { color:#777; font-size:10px; font-weight:800; text-transform:uppercase; }
.flare-facts strong { overflow:hidden; color:#eee; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.flare-summary { position:relative; margin-top:28px; padding:34px; overflow:hidden; background:#1d1d1d; border-left:4px solid var(--fl-orange); }
.flare-summary > span { color:var(--fl-orange); font-size:10px; font-weight:900; letter-spacing:.15em; }
.flare-summary h2 { margin:5px 0 15px; color:#fff; font-size:24px; }
.flare-summary .prose { color:#bdbdbd; line-height:1.75; }
.flare-taxonomy { margin-top:26px; }
.flare-taxonomy h2 { color:#fff; font-size:15px; }
.flare-taxonomy > div { display:flex; flex-wrap:wrap; gap:7px; }
.flare-taxonomy a { padding:7px 10px; color:var(--fl-orange); background:#202020; border:1px solid #333; font-size:11px; }
.flare-chapters { padding:42px 0 58px; background:#1b1b1b; border-top:1px solid #2d2d2d; }
.flare-chapters header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.flare-chapters header span { color:var(--fl-orange); font-size:10px; font-weight:900; letter-spacing:.15em; }
.flare-chapters h2 { margin:3px 0 0; color:#fff; font-size:28px; }
.flare-chapters .chapter-order { min-height:38px; padding:0 14px; color:var(--fl-orange); background:#252525; border:1px solid #383838; }
.flare-chapter-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.flare-chapter-list a { min-height:72px; display:grid; grid-template-columns:52px minmax(0,1fr) 28px; gap:12px; align-items:center; padding:9px 15px; color:#ddd; background:#242424; border:1px solid #303030; }
.flare-chapter-list a:hover { color:#111; background:var(--fl-orange); border-color:var(--fl-orange); }
.flare-chapter-list a > b { color:var(--fl-orange); font-size:20px; }
.flare-chapter-list a:hover > b { color:#111; }
.flare-chapter-list a > span { min-width:0; }
.flare-chapter-list strong,.flare-chapter-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.flare-chapter-list small { margin-top:4px; color:#777; font-size:9px; }
.flare-chapter-list a:hover small { color:#4b3200; }
.flare-chapter-list i { font-style:normal; }
.flare-detail .recommendations { width:min(calc(100% - 48px),var(--cb-width)); margin:0 auto 55px; padding:24px; background:#1d1d1d; border:1px solid #303030; }

/* Shared archives, category pages and reader receive the Flare palette. */
.flare-catalogue,.flare-categories,.flare-taxonomy,.flare-top,.directory-page,.prose-page,.not-found { background:#141414; }
.flare-catalogue > .container,.flare-categories > .container,.flare-taxonomy > .container,.flare-top > .container,.directory-page > .container,.prose-page,.not-found > .container { background:#141414; }
.flare-page-title { color:var(--fl-orange); }
.flare-filter-bar,.flare-category-search,.flare-titlebar,.flare-section__head,.flare-title-panel,.flare-taxonomy__head { background:#202020; border-left-color:var(--fl-orange); }
.flare-filter-bar button,.flare-range-tabs a.is-current { color:#111; background:var(--fl-orange); }
.flare-category-card span { color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.9)); }
.flare-category-card small { color:var(--fl-orange); }
.flare-grid,.flare-series-grid,.flare-grid--ranking,.comic-grid,.latest-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:38px 24px; }
.reader { background:#0d0d0d; }
.reader-toolbar { color:#eee; background:#1a1a1a; border-bottom:3px solid var(--fl-orange); }
.reader-progress span { background:var(--fl-orange); }
.reader-settings { background:#222; border-color:#3a3a3a; }
.reader-settings button.is-active,.reader-end .button--primary { color:#111; background:var(--fl-orange); }
.reader-pages { background:#0d0d0d; }
.reader-page { background:#111; }
.reader-chapter-nav { border-color:#3a3a3a; }
.reader-chapter-nav a:hover { color:var(--fl-orange); }
.reader-end { color:#ddd; background:#1b1b1b; }
.reader-end > span { color:var(--fl-orange); }

@media (max-width:1300px) {
  .flare-header__bar { grid-template-columns:auto auto minmax(260px,1fr) auto; }
  .flare-navigation a { padding-inline:13px; }
  .flare-account > a { padding-inline:8px; }
  .flare-poster-grid,.flare-grid,.flare-series-grid,.flare-grid--ranking,.comic-grid,.latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:980px) {
  .flare-header__bar { grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:58px 50px; }
  .flare-brand { grid-column:1; grid-row:1; min-width:82px; }
  .flare-menu-toggle { grid-column:3; grid-row:1; width:50px; display:grid; align-content:center; gap:5px; margin:5px 10px; padding:10px; color:var(--fl-orange); background:#242424; border:1px solid #383838; }
  .flare-menu-toggle > span { height:2px; background:currentColor; }
  .flare-search { grid-column:1/-1; grid-row:2; width:auto; min-width:0; height:42px; margin:4px 12px; }
  .flare-account { grid-column:2; grid-row:1; }
  .flare-account > a { display:none; }
  .flare-navigation { position:fixed; z-index:500; inset:0; display:none; padding:74px 18px 24px; overflow:auto; background:rgba(17,17,17,.985); }
  .flare-navigation.is-open { display:block; }
  .flare-navigation ul { display:grid; }
  .flare-navigation li { display:block; }
  .flare-navigation a { min-height:52px; justify-content:flex-start; padding:0 16px; border-bottom:1px solid #333; font-size:14px; }
  .flare-mobile-language { display:flex; margin-top:16px; }
  .flare-mobile-language .language-switcher { width:100%; }
  .flare-mobile-language .language-switcher > button { width:100%; height:48px; justify-content:flex-start; padding:0 16px; color:var(--fl-orange); background:#242424; border:1px solid #3b3b3b; }
  .flare-mobile-language .language-switcher > button b { display:block; }
  .flare-mobile-language .language-switcher__menu { position:static; width:100%; margin-top:5px; background:#202020; border-color:#3b3b3b; }
  .flare-mobile-language .language-switcher__menu a { color:#ddd; border:0; }
  .flare-poster-grid,.flare-grid,.flare-series-grid,.flare-grid--ranking,.comic-grid,.latest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .flare-catalogue-toolbar { align-items:stretch; flex-direction:column; }
  .flare-sort { width:100%; }
  .flare-detail-body { grid-template-columns:250px minmax(0,1fr); gap:26px; }
  .flare-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .container { width:100%; padding-inline:12px; }
  .flare-brand strong { display:flex; font-size:16px; }
  .flare-brand__seal { width:42px; height:42px; }
  .flare-account { padding-right:2px; }
  .flare-account .language-switcher { display:none; }
  .flare-home { padding-top:24px; }
  .flare-catalogue-toolbar { margin-bottom:24px; }
  .flare-pagination--top { overflow-x:auto; padding-bottom:4px; }
  .flare-pagination--top ul { flex-wrap:nowrap; width:max-content; }
  .flare-poster-grid,.flare-grid,.flare-series-grid,.flare-grid--ranking,.comic-grid,.latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 10px; }
  .flare-card h3 { min-height:46px; font-size:12px; }
  .flare-pagination--bottom { overflow-x:auto; justify-content:flex-start; padding:35px 0 42px; }
  .flare-pagination--bottom ul { flex-wrap:nowrap; width:max-content; }
  .flare-home-copy > .container { grid-template-columns:1fr; gap:7px; }
  .flare-home-copy h2 { font-size:19px; }
  .flare-footer__letters > .container { align-items:flex-start; flex-direction:column; }
  .flare-footer__letters nav { flex-wrap:nowrap; width:100%; overflow-x:auto; padding-bottom:5px; }
  .flare-detail-hero { min-height:390px; }
  .flare-detail-hero::before { background-image:linear-gradient(0deg,rgba(10,10,10,.98) 0%,rgba(10,10,10,.42) 80%),var(--flare-cover); background-position:center; background-size:cover; }
  .flare-detail-hero .container { min-height:390px; padding-bottom:35px; }
  .flare-detail-hero h1 { font-size:38px; }
  .flare-detail-body { display:block; }
  .flare-media-card { width:min(78%,300px); margin:-10px auto 28px; }
  .flare-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flare-summary { padding:25px 20px; }
  .flare-chapter-list { grid-template-columns:1fr; }
  .flare-detail .recommendations { width:calc(100% - 24px); padding:15px; }
  .reader-toolbar__title span,.reader-toolbar__title strong { display:none; }
}
html { background:var(--fl-bg); }