/* Manga library is scoped independently from detail and reader styles. */
.mc-library { --mc-paper: #f3f1ea; --mc-muted: #a3a6af; --mc-line: rgba(255,255,255,.1); --mc-surface: #121316; padding-bottom: 1rem; }
.mc-library [hidden] { display: none !important; }
.mc-library a { text-decoration: none; }
.mc-library :is(a,button,input,select,summary):focus-visible { outline: 2px solid var(--accent-muted); outline-offset: 4px; }
.mc-library svg { flex: 0 0 auto; }
.mc-eyebrow { color: var(--accent-muted); font-size: .6875rem; font-weight: 700; letter-spacing: .17em; line-height: 1.6; margin: 0 0 .75rem; }
.mc-hero { position: relative; text-align: center; padding: .5rem 1rem 3.5rem; overflow: hidden; border-bottom: 1px solid var(--mc-line); margin-bottom: 3rem; }
.mc-cover-stage { position: relative; width: min(100%, 840px); height: 332px; margin: 0 auto 1rem; isolation: isolate; }
.mc-cover-orbit { position: absolute; width: 315px; height: 315px; border: 1px solid rgba(239,68,68,.2); border-radius: 50%; left: 50%; top: 6px; transform: translateX(-50%); background: rgba(239,68,68,.025); z-index: -1; }
.mc-cover-orbit-outer { width: 386px; height: 386px; top: -30px; border-color: rgba(255,255,255,.03); background: none; }
.mc-fan-cover { --mc-rotate: 0deg; position: absolute; width: 167px; aspect-ratio: 2 / 3; top: 40px; left: 50%; border-radius: 9px; background: var(--mc-surface); overflow: hidden; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 18px 40px rgba(0,0,0,.5); transform: translateX(-50%) rotate(var(--mc-rotate)); transition: translate .22s ease, filter .22s ease; }
.mc-fan-cover:hover { translate: 0 -10px; filter: brightness(1.1); }
.mc-fan-cover img { width: 100%; height: 100%; object-fit: cover; }
.mc-fan-cover-1 { left: 24%; top: 66px; --mc-rotate: -17deg; z-index: 1; filter: brightness(.68); }
.mc-fan-cover-2 { left: 37%; top: 43px; --mc-rotate: -8deg; z-index: 2; filter: brightness(.85); }
.mc-fan-cover-3 { width: 186px; top: 20px; z-index: 5; }
.mc-fan-cover-4 { left: 63%; top: 43px; --mc-rotate: 8deg; z-index: 2; filter: brightness(.85); }
.mc-fan-cover-5 { left: 76%; top: 66px; --mc-rotate: 17deg; z-index: 1; filter: brightness(.68); }
.mc-hero-index { position: absolute; right: 1%; bottom: 4px; color: rgba(255,255,255,.04); font-size: 7rem; font-weight: 700; line-height: 1; letter-spacing: -.08em; z-index: -1; }
.mc-cover-empty { width: 186px; height: 279px; position: absolute; left: 50%; top: 20px; transform: translateX(-50%); padding: 1.5rem; border: 1px solid var(--mc-line); background: #17181c; color: var(--accent-muted); font-size: .6875rem; letter-spacing: .16em; text-align: left; }
.mc-cover-empty span { display: block; color: var(--mc-paper); font-family: Georgia,serif; font-size: 1.5rem; line-height: 1.5; letter-spacing: -.04em; margin: 1.5rem 0; }
.mc-hero h1 { color: var(--mc-paper); font-size: clamp(2.75rem, 5vw, 4.5rem); font-weight: 700; line-height: 1.06; letter-spacing: -.055em; margin: 0; }
.mc-hero h1 em { font-family: Georgia,'Times New Roman',serif; font-weight: 400; font-style: italic; letter-spacing: -.06em; }
.mc-hero-lede { color: var(--mc-muted); font-size: .9375rem; line-height: 1.8; margin: 1.25rem auto 0; max-width: 560px; }
.mc-hero-actions { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin: 1.5rem 0; flex-wrap: wrap; }
.mc-button { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; min-height: 44px; padding: .75rem 1.125rem; background: #1c1d21; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: var(--mc-paper); font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer; transition: border-color .2s, background .2s; }
.mc-button:hover { color: #fff; background: #25262b; border-color: rgba(255,255,255,.3); }
.mc-button-primary { background: var(--mc-paper); border-color: var(--mc-paper); color: #141416; }
.mc-button-primary:hover { background: #fff; border-color: #fff; color: #141416; }
.mc-text-link { display: inline-flex; align-items: center; gap: .5rem; color: #c7c7ca; font-size: .8125rem; font-weight: 500; white-space: nowrap; }
.mc-text-link:hover { color: var(--accent-muted); }
.mc-hero-footnote { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem 1rem; color: #8e9199; font-size: .6875rem; margin: 1.5rem 0 0; }
.mc-hero-footnote span + span::before { content: '/'; color: #41434b; margin-right: 1rem; }
.mc-catalog-intro { padding: 1rem 0 2.5rem; }
.mc-catalog-intro > .mc-text-link { margin-bottom: 2.5rem; }
.mc-catalog-intro h1 { color: var(--mc-paper); font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1.1; letter-spacing: -.065em; margin: 0; }
.mc-catalog-intro h1 span { color: var(--accent); }
.mc-catalog-intro > p:last-child { color: var(--mc-muted); margin: 1rem 0 0; }
.mc-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.mc-section-heading h2 { color: var(--mc-paper); font-size: clamp(1.25rem, 2vw, 1.625rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.25; margin: 0; }
.mc-section-heading p:not(.mc-eyebrow) { color: var(--mc-muted); font-size: .8125rem; line-height: 1.6; margin: .375rem 0 0; }
.mc-section-title { display: flex; align-items: center; gap: 1rem; min-width: 0; }
.mc-section-title > svg { color: var(--accent-muted); }
.mc-section-number { color: var(--accent-muted); font-size: .75rem; font-weight: 600; align-self: flex-start; padding-top: .5rem; }
.mc-explore { scroll-margin-top: 110px; margin-bottom: 3.5rem; }
.mc-type-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.mc-type-card { position: relative; padding: 1.5rem; border: 1px solid var(--mc-line); border-radius: 12px; background: var(--mc-surface); color: var(--mc-paper); overflow: hidden; transition: border-color .2s, background .2s; }
.mc-type-card::after { content: ''; position: absolute; width: 96px; height: 160px; right: 20px; top: -30px; transform: rotate(25deg); border-left: 1px solid rgba(255,255,255,.03); border-right: 1px solid rgba(255,255,255,.03); pointer-events: none; }
.mc-type-card:hover, .mc-type-card.is-active { border-color: rgba(239,68,68,.45); background: #191416; color: var(--mc-paper); }
.mc-type-origin { display: flex; gap: .625rem; align-items: center; color: #9d9fa8; font-size: .5625rem; font-weight: 600; letter-spacing: .14em; }
.mc-type-origin b { color: var(--accent-muted); font-size: .6875rem; }
.mc-type-card strong { display: block; margin: .875rem 0 .5rem; font-family: Georgia,'Times New Roman',serif; font-size: 2.25rem; font-weight: 400; letter-spacing: -.04em; }
.mc-type-description { display: block; color: #a9aab2; font-size: .75rem; line-height: 1.6; padding-right: 2rem; }
.mc-type-arrow { position: absolute; right: 1.25rem; bottom: 1.375rem; color: var(--mc-paper); }
.mc-theme-links { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin: 1.25rem 0 1.5rem; }
.mc-theme-links > span { color: var(--mc-muted); font-size: .75rem; margin-right: .5rem; }
.mc-theme-links > a { display: inline-flex; align-items: center; min-height: 36px; padding: .375rem .75rem; border: 1px solid var(--mc-line); border-radius: 100px; font-size: .6875rem; color: #bfc0c6; }
.mc-theme-links > a:hover, .mc-theme-links > a.is-active { color: #fff; border-color: var(--accent); background: rgba(239,68,68,.1); }
.mc-browser { margin-top: 1.5rem; border: 1px solid var(--mc-line); border-radius: 12px; background: #0e0f12; padding: 1.25rem; }
.mc-source-row { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid var(--mc-line); margin-bottom: 1.25rem; }
.mc-source-label { color: var(--mc-muted); font-size: .6875rem; }
.mc-sources { display: flex; flex-wrap: wrap; gap: .5rem; }
.mc-sources a { display: flex; align-items: center; gap: .5rem; border: 1px solid transparent; padding: .375rem .75rem; min-height: 36px; border-radius: 6px; color: #90939c; font-size: .75rem; }
.mc-sources a:hover { color: #fff; }
.mc-sources a.is-active { background: #24252a; border-color: var(--mc-line); color: #fff; }
.mc-source-dot { width: 5px; height: 5px; border-radius: 50%; background: #555861; }
.mc-sources .is-active .mc-source-dot { background: var(--accent); }
.mc-source-note { margin-left: auto; color: #9497a0; font-size: .6875rem; }
.mc-search-row { display: flex; align-items: stretch; gap: .75rem; }
.mc-search-input { display: flex; align-items: center; flex: 1; min-width: 0; gap: .75rem; background: #1a1b20; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: 0 1rem; color: #90949e; }
.mc-search-input:focus-within { border-color: var(--accent-muted); }
.mc-search-input input { width: 100%; min-width: 0; min-height: 48px; border: 0; outline: 0; background: transparent; color: #f0f0f3; padding: 0; font: inherit; font-size: .875rem; }
.mc-search-input input::placeholder { color: #91949f; opacity: 1; }
.mc-filter-details { margin-top: 1rem; }
.mc-filter-details summary { display: inline-flex; align-items: center; gap: .5rem; font-size: .75rem; color: #c4c5cb; cursor: pointer; min-height: 36px; list-style: none; }
.mc-filter-details summary::-webkit-details-marker { display: none; }
.mc-filter-details summary span { margin-left: .5rem; color: var(--accent-muted); font-size: 1rem; }
.mc-filter-details[open] summary span { transform: rotate(45deg); }
.mc-filter-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: .75rem; margin-top: .5rem; }
.mc-field { display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
.mc-field > span { color: #9ea1ab; font-size: .625rem; }
.mc-field select { width: 100%; min-height: 44px; background: #1a1b20; color: #dedee4; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; padding: .625rem; font: inherit; font-size: .75rem; color-scheme: dark; text-overflow: ellipsis; }
.mc-filter-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.mc-filter-footer p { font-size: .6875rem; color: #9699a3; line-height: 1.6; margin: 0; }
.mc-clear-link { color: #bec0c7; font-size: .6875rem; text-decoration: underline !important; text-underline-offset: 3px; white-space: nowrap; }
.mc-search-form.is-submitting [data-search-submit] { opacity: .6; }
.mc-notice { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid rgba(239,68,68,.25); border-radius: 10px; background: rgba(239,68,68,.05); padding: 1.25rem; margin-bottom: 2.5rem; }
.mc-notice > div { display: flex; align-items: center; gap: 1rem; }
.mc-notice svg { color: var(--accent-muted); }
.mc-notice strong { font-size: .8125rem; font-weight: 600; color: #eee; }
.mc-notice p { margin: .25rem 0 0; font-size: .75rem; color: #afb0b8; line-height: 1.6; }
.mc-shelf { margin-bottom: 3.5rem; scroll-margin-top: 110px; }
.mc-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 1.75rem 1rem; }
.mc-card { display: block; min-width: 0; color: var(--mc-paper); }
.mc-card-cover { position: relative; aspect-ratio: 2 / 3; border-radius: 8px; overflow: hidden; background: #1b1c20; border: 1px solid rgba(255,255,255,.06); }
.mc-card-cover img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s ease; }
.mc-card:hover img { transform: scale(1.04); }
.mc-card-labels { position: absolute; top: .5rem; left: .5rem; right: .5rem; display: flex; justify-content: space-between; gap: .25rem; }
.mc-card-labels span { background: rgba(10,10,13,.85); color: #fff; font-size: .5625rem; border: 1px solid rgba(255,255,255,.14); border-radius: 4px; padding: .25rem .375rem; }
.mc-card-labels .mc-adult-label { background: #a22335; }
.mc-card-read { display: flex; align-items: center; justify-content: center; gap: .5rem; position: absolute; left: 0; right: 0; bottom: 0; padding: 2rem .5rem .75rem; color: #fff; font-size: .6875rem; background: linear-gradient(transparent,rgba(0,0,0,.85)); opacity: 0; transform: translateY(.375rem); transition: opacity .2s, transform .2s; }
.mc-card:hover .mc-card-read, .mc-card:focus-visible .mc-card-read { opacity: 1; transform: none; }
.mc-card-content { display: flex; gap: .5rem; margin-top: .75rem; align-items: flex-start; }
.mc-card-text { flex: 1; min-width: 0; }
.mc-card-text h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #e4e4e8; font-size: .8125rem; font-weight: 500; line-height: 1.5; margin: 0; }
.mc-card:hover h3 { color: var(--accent-muted); }
.mc-card-text p { color: #999da8; font-size: .625rem; line-height: 1.5; margin: .375rem 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-rank { color: var(--accent-muted); font-family: Georgia,serif; font-size: 1.875rem; line-height: 1.15; letter-spacing: -.08em; min-width: 1.875rem; }
.mc-results-count { color: var(--mc-muted); font-size: .75rem; white-space: nowrap; }
.mc-pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2.5rem; flex-wrap: wrap; }
.mc-page-numbers { display: flex; align-items: center; gap: .375rem; }
.mc-page-numbers a, .mc-page-numbers > span { display: flex; align-items: center; justify-content: center; min-width: 36px; min-height: 40px; color: #afb1ba; font-size: .75rem; border-radius: 6px; }
.mc-page-numbers a:hover { background: #23242a; color: #fff; }
.mc-page-numbers a.is-active { background: var(--mc-paper); color: #151517; }
.mc-button.is-disabled { opacity: .35; cursor: default; }
.mc-empty { text-align: center; border: 1px dashed rgba(255,255,255,.15); border-radius: 12px; padding: 3rem 1rem; margin-bottom: 3rem; }
.mc-empty > svg { color: #767a87; margin: 0 auto 1rem; }
.mc-empty h3, .mc-empty h2 { color: var(--mc-paper); font-size: 1.125rem; font-weight: 500; margin: 0; }
.mc-empty p { font-size: .8125rem; color: var(--mc-muted); line-height: 1.75; margin: .625rem 0 1.25rem; }
.mc-resume { padding-bottom: 2.5rem; margin-bottom: 3rem; border-bottom: 1px solid var(--mc-line); scroll-margin-top: 110px; }
.mc-resume .mc-eyebrow { font-size: .5625rem; margin-bottom: .375rem; }
.mc-local-note { color: #9598a2; font-size: .6875rem; }
.mc-resume-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.mc-resume-card { display: flex; align-items: center; gap: .875rem; padding: .75rem; border: 1px solid var(--mc-line); border-radius: 9px; background: var(--mc-surface); color: var(--mc-paper); min-width: 0; }
.mc-resume-card:hover { border-color: rgba(239,68,68,.45); }
.mc-resume-card > img { width: 52px; height: 76px; object-fit: cover; border-radius: 4px; background: #24252b; flex: 0 0 auto; }
.mc-resume-copy { min-width: 0; flex: 1; }
.mc-resume-copy h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .75rem; line-height: 1.5; margin: 0; font-weight: 500; color: #e7e7eb; }
.mc-resume-copy p { color: #a2a5af; font-size: .625rem; margin: .25rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-resume-progress { height: 2px; background: #35363d; margin-top: .5rem; overflow: hidden; }
.mc-resume-progress > span { display: block; height: 100%; background: var(--accent); width: var(--mc-progress,0%); }
.mc-library-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 2rem 0; border-top: 1px solid var(--mc-line); }
.mc-library-footer > span { color: var(--accent-muted); font-size: .5625rem; font-weight: 600; letter-spacing: .14em; }
.mc-library-footer p { color: #91949d; font-family: Georgia,serif; font-size: .9375rem; font-style: italic; margin: 0; }
.mc-library-footer .mc-text-link { font-size: .6875rem; }
@media (min-width:1600px) { .mc-cover-stage { height: 360px; margin-top: 1.5rem; } .mc-hero { padding-bottom: 4rem; } .mc-grid { gap: 2rem 1.25rem; } }
@media (max-width:1100px) { .mc-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .mc-grid { grid-template-columns: repeat(5,minmax(0,1fr)); } .mc-resume-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .mc-type-card { padding: 1.25rem; } }
@media (max-width:800px) { .mc-hero { margin-bottom: 2.5rem; } .mc-cover-stage { width: min(100%,640px); height: 285px; } .mc-fan-cover { width: 135px; } .mc-fan-cover-3 { width: 157px; } .mc-cover-orbit { width: 270px; height: 270px; } .mc-cover-orbit-outer { width: 326px; height: 326px; } .mc-type-grid { gap: .75rem; } .mc-type-description { font-size: .6875rem; padding-right: 0; } .mc-type-arrow { display: none; } .mc-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.5rem .75rem; } .mc-resume-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .mc-local-note { display: none; } .mc-library-footer { flex-wrap: wrap; } }
@media (max-width:600px) {
 .mc-hero { padding: .25rem 0 2.5rem; } .mc-cover-stage { height: 230px; width: 420px; max-width: 100%; margin-bottom: .75rem; } .mc-fan-cover { width: 103px; top: 45px; } .mc-fan-cover-3 { width: 123px; top: 15px; } .mc-fan-cover-1 { left: 21%; top: 56px; } .mc-fan-cover-2 { left: 35%; top: 35px; } .mc-fan-cover-4 { left: 65%; top: 35px; } .mc-fan-cover-5 { left: 79%; top: 56px; } .mc-cover-orbit { width: 205px; height: 205px; } .mc-cover-orbit-outer { width: 270px; height: 270px; top: -24px; } .mc-hero-index { font-size: 5rem; right: 0; }
 .mc-cover-empty { width: 123px; height: 184px; padding: 1rem; } .mc-cover-empty span { font-size: 1.125rem; margin: .875rem 0; } .mc-cover-empty svg { width: 28px; height: 28px; } .mc-eyebrow { font-size: .5625rem; } .mc-hero h1 { font-size: clamp(2.5rem,9.5vw,3.25rem); } .mc-hero-lede { font-size: .8125rem; max-width: 330px; margin-top: 1rem; } .mc-desktop-break { display: none; } .mc-hero-actions { gap: 1rem; margin-top: 1.25rem; } .mc-hero-actions .mc-button { min-height: 44px; font-size: .75rem; } .mc-hero-actions .mc-text-link { font-size: .75rem; } .mc-hero-footnote { gap: .5rem .625rem; font-size: .5625rem; } .mc-hero-footnote span + span::before { margin-right: .625rem; }
 .mc-section-heading { align-items: flex-start; gap: .75rem; } .mc-section-heading h2 { font-size: 1.1875rem; } .mc-section-heading > .mc-text-link { font-size: .6875rem; margin-top: .375rem; } .mc-section-heading .mc-text-link svg { width: 14px; } .mc-section-title { gap: .625rem; } .mc-section-heading p:not(.mc-eyebrow) { font-size: .75rem; } .mc-type-grid { gap: .5rem; } .mc-type-card { padding: 1rem .75rem; border-radius: 8px; } .mc-type-origin { gap: .25rem; font-size: .4375rem; letter-spacing: .07em; flex-wrap: wrap; } .mc-type-origin b { font-size: .5625rem; } .mc-type-card strong { font-size: 1.5rem; margin-top: .75rem; } .mc-type-description { display: none; } .mc-type-arrow { display: none; } .mc-theme-links { gap: .375rem; } .mc-theme-links > span { width: 100%; margin: 0 0 .25rem; font-size: .6875rem; } .mc-theme-links > a { font-size: .625rem; min-height: 34px; }
 .mc-browser { padding: 1rem .75rem; } .mc-source-label { width: 100%; } .mc-source-row { gap: .375rem; } .mc-source-note { font-size: .5625rem; } .mc-sources a { padding: .375rem .625rem; font-size: .6875rem; } .mc-search-row { gap: .5rem; } .mc-search-input { gap: .5rem; padding: 0 .625rem; } .mc-search-input svg { width: 18px; } .mc-search-input input { font-size: .8125rem; min-height: 44px; } .mc-search-row > button { padding: .75rem; min-width: 44px; } .mc-search-row > button span { display: none; } .mc-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem .5rem; } .mc-filter-footer p { font-size: .625rem; } .mc-clear-link { font-size: .625rem; }
 .mc-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem .625rem; } .mc-card-text h3 { font-size: .75rem; } .mc-card-text p { font-size: .5625rem; } .mc-card-labels { top: .375rem; left: .375rem; right: .375rem; } .mc-card-labels span { font-size: .5rem; } .mc-rank { font-size: 1.5rem; min-width: 1.375rem; } .mc-card-content { gap: .375rem; } .mc-ranked-grid { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 39%; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding: 0 0 .75rem; scrollbar-width: thin; } .mc-ranked-grid .mc-card { scroll-snap-align: start; } .mc-shelf { margin-bottom: 2.5rem; } .mc-results-count { font-size: .625rem; white-space: normal; text-align: right; max-width: 95px; }
 .mc-resume-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: .75rem; padding-bottom: .5rem; scrollbar-width: thin; } .mc-resume-card { flex: 0 0 82%; scroll-snap-align: start; } .mc-pagination { gap: .5rem; } .mc-pagination > .mc-button { padding: .625rem .75rem; font-size: .6875rem; } .mc-page-numbers { gap: .125rem; } .mc-page-numbers a, .mc-page-numbers > span { min-width: 28px; min-height: 40px; font-size: .625rem; } .mc-notice { flex-direction: column; align-items: stretch; } .mc-library-footer { display: block; text-align: center; padding: 1.75rem 0; } .mc-library-footer p { margin: .75rem 0; } .mc-catalog-intro { padding-bottom: 2rem; } .mc-catalog-intro > .mc-text-link { margin-bottom: 1.5rem; }
}
@media (max-width:380px) { .mc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .mc-ranked-grid { grid-template-columns: none; grid-auto-columns: 48%; } .mc-cover-stage { height: 204px; } .mc-fan-cover { width: 90px; } .mc-fan-cover-3 { width: 107px; } .mc-fan-cover-1 { left: 22%; } .mc-fan-cover-5 { left: 78%; } .mc-cover-orbit { width: 186px; height: 186px; } .mc-hero h1 { font-size: 2.25rem; } .mc-hero-footnote span:last-child { display: none; } .mc-type-card { padding: .875rem .625rem; } .mc-type-card strong { font-size: 1.375rem; } .mc-theme-links > a { min-height: 36px; } .mc-page-numbers a:not(.is-active), .mc-page-numbers > span { display: none; } .mc-resume-card { flex-basis: 94%; } }
@media (prefers-reduced-motion:reduce) { .mc-library *, .mc-library *::after { transition: none !important; scroll-behavior: auto !important; } }