[data-line-panel][hidden] { display: none !important; }
#status-filter.segmented, .card-status { grid-template-columns: repeat(2, 1fr); }

.line-tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: sticky;
  top: 0;
  z-index: 20;
  background: #10130ff2;
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}

.line-tabs button {
  min-height: 76px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 0 clamp(16px, 3vw, 48px);
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  color: #9ba294;
  text-align: left;
  cursor: pointer;
}

.line-tabs button:last-child { border-right: 0; }
.line-tabs button span { font: 800 9px "Arial Narrow", Arial, sans-serif; color: #6f766b; }
.line-tabs button b { font: 900 22px "Arial Narrow", Impact, sans-serif; letter-spacing: .04em; }
.line-tabs button small { font: 700 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .12em; }
.line-tabs button.active { background: var(--acid); color: var(--ink); }
.line-tabs button.active span { color: #586226; }

.series-overview { background: var(--ink); }
.series-hero {
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(380px, .8fr) 1.2fr;
  border-bottom: 1px solid var(--line);
}

.series-copy { padding: clamp(64px, 8vw, 110px) max(30px, 6vw); }
.series-copy .lede { color: #b8beb1; }
.series-stat {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 42px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.series-stat strong { font: 900 48px "Arial Narrow", Impact, sans-serif; color: var(--acid); }
.series-stat span { font: 800 9px/1.5 "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; color: #aab1a4; }
.series-photo {
  position: relative;
  min-height: 650px;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 44%, #f7f8ef 0, #dfe2d6 45%, #9aa293 100%);
}

.series-photo::before { content: ""; position: absolute; inset: 36px; border: 1px solid #11130f24; }
.series-photo img {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 82%;
  max-height: 530px;
  object-fit: contain;
  filter: drop-shadow(0 28px 30px #171b1342);
}

.nuva-showcase { position: relative; z-index: 1; width: min(820px, 88%); display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.series-photo .nuva-showcase img { width: 100%; max-width: none; height: auto; aspect-ratio: 1; object-fit: cover; filter: none; mix-blend-mode: multiply; }
.turaga-showcase { position: relative; z-index: 1; width: min(820px, 88%); display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.series-photo .turaga-showcase img { width: 100%; max-width: none; height: auto; aspect-ratio: 1; object-fit: cover; filter: none; mix-blend-mode: multiply; }

.series-photo figcaption { position: absolute; left: 42px; bottom: 24px; z-index: 2; color: #444a3f; font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .12em; }
.turaga-photo > img { width: min(620px, 76%); mix-blend-mode: multiply; }
.series-index { padding: 70px max(24px, 5vw) 90px; background: var(--paper); color: var(--ink); }
.series-index-head { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 40px; margin-bottom: 38px; }
.series-index-head h2 { margin: 0; font: 900 clamp(44px, 5vw, 72px)/.9 "Arial Narrow", Impact, sans-serif; text-transform: uppercase; letter-spacing: -.04em; }
.series-index-head > p { max-width: 540px; margin: 0; color: #666d61; }
.nuva-collection-bar { display: grid; grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(145px, .6fr)); gap: 10px; align-items: end; margin-bottom: 24px; padding: 18px; background: #dfe2d3; border: 1px solid #aab09f; }
.nuva-collection-bar label { display: block; color: #596054; font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; }
.nuva-collection-bar select { margin-top: 8px; background: #f3f3e9; color: var(--ink); border-color: #9ca190; }
.nuva-progress { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; color: #596054; }
.nuva-progress strong { color: var(--ink); font-size: 20px; letter-spacing: 0; }
.nuva-progress i { grid-column: 1/-1; display: block; height: 6px; background: #bfc4b4; overflow: hidden; }
.nuva-progress b { display: block; width: 0; height: 100%; background: var(--ink); transition: width .25s; }
.nuva-mask-grid { margin-bottom: 10px; }
.nuva-mask-grid .card-art {
  height: 235px;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 40%, #eef0e4 0 28%, transparent 64%),
    linear-gradient(145deg, #e2e5d8 0%, #c4cabb 100%);
}
.nuva-mask-grid .mask-photo { mix-blend-mode: multiply; }
.nuva-mask-grid .mask-card[data-series="rare"] .card-art {
  background:
    radial-gradient(circle at 50% 40%, #eef0e4 0 28%, transparent 64%),
    linear-gradient(145deg, #e2e5d8 0%, #c4cabb 100%);
}
.nuva-mask-grid .mask-card[data-series="rare"] .card-art::after { border-color: #8d938423; }
.nuva-mask-grid .mask-card[data-series="rare"] .mask-photo { opacity: 1; }
.turaga-mask-grid .mask-photo { filter: drop-shadow(0 16px 13px #25301c38); }
.turaga-mask-grid .mask-photo.translucent { opacity: .76; }
.turaga-mask-grid .mask-card[data-series="rare"] .card-art { background: radial-gradient(circle at 50% 40%, #eef0e4 0 28%, transparent 64%), linear-gradient(145deg, #e2e5d8 0%, #c4cabb 100%); }
.turaga-mask-grid .mask-card[data-series="rare"] .card-art::after { border-color: #8d938423; }
.turaga-mask-grid .mask-card[data-series="rare"] .mask-photo { opacity: 1; }
.turaga-mask-grid .mask-card[data-series="rare"] .mask-photo.translucent { opacity: .76; }
.turaga-mask-grid .mask-card.original-photo .card-art { background: #fff; }
.turaga-mask-grid .mask-card.original-photo .mask-photo { object-fit: contain; padding: 18px; filter: none; mix-blend-mode: normal; opacity: 1; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.form-card { min-height: 270px; display: flex; flex-direction: column; border: 1px solid #afb4a7; background: #f6f7ee; padding: 22px; position: relative; overflow: hidden; }
.form-card::before { content: attr(data-number); position: absolute; right: 14px; top: 6px; font: 900 78px "Arial Narrow", Impact, sans-serif; color: #e2e4d8; }
.form-card.has-photo { min-height: 480px; }
.form-card.has-photo::before { z-index: 2; color: #11130f24; }
.form-photo { height: 240px; margin: -22px -22px 20px; overflow: hidden; background: linear-gradient(145deg, #e2e5d8, #c4cabb); border-bottom: 1px solid #b4baaa; isolation: isolate; }
.form-photo img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.form-card .form-kicker { position: relative; color: #777e72; font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .13em; }
.form-card h3 { position: relative; margin: 28px 0 5px; font: 900 30px/.9 "Arial Narrow", Impact, sans-serif; text-transform: uppercase; }
.form-card .power { position: relative; color: #52594f; font-size: 12px; }
.form-card .wearer { position: relative; margin-top: 4px; color: #8a9085; font-size: 11px; }
.variant-count { position: relative; margin-top: 18px; color: #777e72; font: 800 8px "Arial Narrow", Arial, sans-serif; letter-spacing: .12em; }
.palette { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 12px; }
.palette i { width: 25px; height: 25px; border-radius: 50%; background: var(--swatch); border: 3px solid #f6f7ee; box-shadow: 0 0 0 1px #8f9589; }
.palette i.extra { border-radius: 4px; transform: rotate(45deg) scale(.74); box-shadow: 0 0 0 1px #5e6559; }
.palette i[title="Белый"], .palette i[title="Светло-серый"] { box-shadow: 0 0 0 1px #9ba094; }
.variant-note { display: grid; grid-template-columns: 210px 1fr; gap: 28px; margin-top: 10px; padding: 24px; border: 1px solid #aab09f; background: #dfe2d3; }
.variant-note b { font: 900 11px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; }
.variant-note span { color: #555c51; }

.rare-stories { background: #171a16; }
.precious-overview .rare-stories { background: #16140f; }
.precious-hero {
  min-height: 420px;
  display: grid;
  align-content: end;
  padding: clamp(72px, 9vw, 130px) max(24px, 5vw) 64px;
  border-bottom: 1px solid #665b3f;
  background:
    linear-gradient(115deg, #0d0f0c 0 42%, transparent 72%),
    radial-gradient(circle at 82% 20%, #c9ad5a44, transparent 32%),
    linear-gradient(145deg, #252116, #10120e);
}
.precious-hero h1 { max-width: 1100px; font-size: clamp(52px, 7vw, 104px); }
.precious-hero h1 em { -webkit-text-stroke-color: #d6bd72; }
.precious-hero > p:last-child { max-width: 760px; margin: 30px 0 0; color: #c9c2ae; font-size: 17px; }
.platinum-category { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(280px, 390px); column-gap: clamp(32px, 6vw, 90px); align-items: start; background: #dfe2df; color: var(--ink); }
.platinum-category .rare-category-head { grid-column: 1/-1; }
.platinum-category .rare-story-copy { grid-column: 1; }
.platinum-category .rare-single-grid { grid-column: 2; grid-row: 2; align-self: start; }
.platinum-category .eyebrow { color: #58615a; }
.platinum-category .rare-story-copy { color: #4f5751; }
.platinum-category .rare-story-copy a { color: #4d642d; }
.rare-progress-strip { position: sticky; top: calc(var(--archive-nav-height, 0px) + 76px); z-index: 19; display: grid; grid-template-columns: minmax(260px, .8fr) 1.2fr; gap: 24px; align-items: center; padding: 14px max(24px, 5vw); border-bottom: 1px solid var(--line); background: #0d0f0cf5; box-shadow: 0 12px 24px #0004; backdrop-filter: blur(14px); }
.rare-progress-strip > div { display: flex; justify-content: space-between; align-items: end; gap: 18px; color: #aeb5a7; font: 800 10px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; }
.rare-progress-strip strong { color: var(--acid); font-size: 24px; letter-spacing: 0; }
.rare-progress-strip > i { display: block; height: 8px; background: #343a30; overflow: hidden; }
.rare-progress-strip > i b { display: block; width: 0; height: 100%; background: var(--acid); transition: width .25s; }

.rare-category { padding: 72px max(24px, 5vw) 86px; border-bottom: 1px solid var(--line); }
.rare-category-head { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; margin-bottom: 26px; }
.rare-category h2 { margin: 0; font: 900 clamp(48px, 7vw, 96px)/.82 "Arial Narrow", Impact, sans-serif; text-transform: uppercase; letter-spacing: -.055em; }
.rare-category-head > strong { padding: 9px 12px; border: 1px solid currentColor; font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.rare-category-lede, .rare-story-copy { max-width: 830px; margin-bottom: 34px; color: #b8beb1; font-size: 16px; }
.rare-story-copy p { margin-bottom: 14px; }
.rare-story-copy a { color: var(--acid); text-underline-offset: 5px; }
.avohkii-story { max-width: 1040px; }
.avohkii-story strong { color: #f2f4eb; }
.avohkii-story nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.hau-category { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(280px, 390px); column-gap: clamp(32px, 6vw, 90px); align-items: start; }
.hau-category .rare-category-head { grid-column: 1/-1; }
.hau-category .rare-story-copy { grid-column: 1; }
.hau-category .rare-single-grid { grid-column: 2; grid-row: 2; align-self: start; }
.g2gold-category { background: #1d1810; color: #f4ead2; }
.g2gold-category .eyebrow { color: #d8ad54; }
.g2gold-story { max-width: 1120px; color: #d7cbb1; }
.g2gold-story strong { color: #fff4d5; }
.g2gold-story .source-note { padding-left: 14px; border-left: 2px solid #d8ad54; color: #a99f89; font-size: 14px; }
.g2gold-story nav, .custom-gold-copy nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.g2gold-story a { color: #f0bd58; text-underline-offset: 5px; }
.g2gold-mask-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.custom-gold-category { background: #ece9df; color: var(--ink); }
.custom-gold-category .eyebrow { color: #806929; }
.custom-gold-copy { max-width: 1120px; margin-bottom: 34px; color: #555a50; }
.custom-gold-copy p { margin: 0 0 14px; }
.custom-gold-copy strong { color: #23281f; }
.custom-gold-copy a { color: #56661d; text-underline-offset: 5px; }
.custom-gold-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #aaa994; border: 1px solid #aaa994; }
.custom-gold-gallery figure { margin: 0; background: #f8f6ee; }
.custom-gold-gallery > figure > a { display: block; }
.custom-gold-gallery img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.custom-gold-gallery figcaption { padding: 13px 16px; color: #555a50; font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.custom-gold-gallery figcaption a { color: #56661d; text-underline-offset: 3px; }
.kraahkan-category { background: var(--acid); color: var(--ink); }
.kraahkan-category .eyebrow { color: #596224; }
.kraahkan-category .rare-category-lede { color: #4c531f; }
.vahi-category { background: var(--paper); color: var(--ink); }
.vahi-category .eyebrow { color: #697434; }
.vahi-category .rare-category-lede { color: #5b6257; }
.comiccon-category { background: #111b24; color: #edf4f6; }
.comiccon-category .eyebrow { color: #77d7ed; }
.comiccon-story { max-width: 1100px; color: #bccbd0; }
.comiccon-story strong { color: #fff; }
.comiccon-story nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.comiccon-story a { color: #77d7ed; text-underline-offset: 5px; }
.comiccon-mask-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.comiccon-mask-grid .rare-mask-card .card-art { height: 330px; background: #d9dedb; }
.ignika-category { background: #e4e3d8; color: var(--ink); }
.ignika-category .eyebrow { color: #6c714f; }
.ignika-story { max-width: 1080px; color: #50564d; }
.ignika-story nav, .g2legend-story nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.ignika-story a { color: #4d642d; text-underline-offset: 5px; }
.ignika-mask-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.g2legend-category { background: #241f18; color: #f2eee4; }
.g2legend-category .eyebrow { color: #e0b651; }
.g2legend-story { max-width: 1120px; color: #d0c9bb; }
.g2legend-story strong { color: #fff7df; }
.g2legend-story a { color: #efc760; text-underline-offset: 5px; }
.g2legend-mask-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.unreleased-mask-note { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(340px, 1.2fr); grid-template-areas: "head head" "photo copy"; gap: 28px 36px; margin: 34px 0; padding: clamp(26px, 4vw, 48px); border: 1px solid #806e49; background: radial-gradient(circle at 18% 18%, #34301f 0, #1a1a14 38%, #11130f 78%); box-shadow: inset 0 0 0 1px rgba(239,199,96,.07); }
.ultimate-power-head { grid-area: head; display: grid; grid-template-columns: minmax(190px, .8fr) 1.2fr; align-items: end; gap: 36px; padding-bottom: 24px; border-bottom: 1px solid #665b43; }
.ultimate-power-head span { color: #938a74; font: 900 10px "Arial Narrow", Arial, sans-serif; letter-spacing: .17em; }
.ultimate-power-head b { color: #efc760; font: 900 clamp(25px, 3.3vw, 46px)/.88 "Arial Narrow", Arial, sans-serif; letter-spacing: -.02em; }
.ultimate-power-photo { grid-area: photo; margin: 0; align-self: start; }
.ultimate-power-photo img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid #695f4b; background: #0d0f0c; }
.ultimate-power-photo figcaption { margin-top: 10px; color: #8f897b; font: 800 9px/1.45 "Arial Narrow", Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.ultimate-power-photo a { color: #efc760; text-underline-offset: 3px; }
.unreleased-mask-note > .ultimate-power-copy { grid-area: copy; align-self: center; color: #d2ccbe; font-size: clamp(14px, 1.25vw, 16px); line-height: 1.7; }
.unreleased-mask-note p { margin: 0; }
.unreleased-mask-note p + p { margin-top: 16px; }
.avohkii-category { background: #171a16; }
.dume-category { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(280px, 390px); column-gap: clamp(32px, 6vw, 90px); align-items: start; background: #393631; color: #f1efe7; }
.dume-category .rare-category-head { grid-column: 1/-1; }
.dume-category .rare-story-copy { grid-column: 1; }
.dume-category .rare-single-grid { grid-column: 2; grid-row: 2; align-self: start; }
@media (min-width: 1001px) {
  .dume-category, .vahi-category { padding-top: 46px; padding-bottom: 56px; }
  .dume-category .rare-category-head, .vahi-category .rare-category-head { margin-bottom: 18px; }
  .dume-category h2, .vahi-category h2 { font-size: clamp(44px, 5vw, 68px); }
  .dume-category { grid-template-columns: minmax(300px, 1fr) minmax(280px, 340px); column-gap: clamp(30px, 4vw, 64px); }
  .vahi-category { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(520px, 1.25fr); column-gap: clamp(30px, 4vw, 64px); align-items: start; }
  .vahi-category .rare-category-head { grid-column: 1/-1; }
  .vahi-category .rare-category-lede { grid-column: 1; margin: 0; }
  .vahi-category .compact-rare-grid { grid-column: 2; grid-row: 2; max-width: none; }
  .dume-category .rare-mask-card .card-art, .vahi-category .rare-mask-card .card-art { height: 210px; }
}
.prototype-category { background: #262b24; }
.prototype-category .eyebrow { color: var(--acid); }
.prototype-intro { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 40px; max-width: 1100px; margin-bottom: 28px; color: #c6ccbf; }
.prototype-intro p { margin: 0; }
.prototype-intro nav { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 12px 24px; }
.prototype-intro a { color: var(--acid); text-underline-offset: 4px; }
.prototype-signs { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 24px; max-width: 1100px; margin-bottom: 34px; padding: 20px; border: 1px solid #66705f; color: #aeb5a7; }
.prototype-signs b { color: #edf0e7; font: 900 10px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; }

.kraahkan-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, .85fr); gap: clamp(20px, 2.6vw, 42px); align-items: start; }
.kraahkan-mask-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kraahkan-guide { position: sticky; top: calc(var(--archive-nav-height, 0px) + 150px); padding: 28px; background: var(--ink); color: var(--white); }
.kraahkan-guide .eyebrow { color: var(--acid); }
.kraahkan-guide h3 { margin: 8px 0 24px; font: 900 clamp(30px, 3vw, 46px)/.9 "Arial Narrow", Impact, sans-serif; text-transform: uppercase; letter-spacing: -.04em; }
.kraahkan-guide dl { display: grid; gap: 1px; margin: 0; background: #596224; }
.kraahkan-guide dl div { padding: 18px; background: #1a1e18; }
.kraahkan-guide dt { margin-bottom: 7px; color: var(--acid); font: 900 10px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; }
.kraahkan-guide dd { margin: 0; color: #bdc3b7; font-size: 12px; line-height: 1.45; }
.hole-key { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 12px; border: 1px solid #87952d; }
.hole-key span { display: grid; justify-items: center; gap: 3px; padding: 10px 4px; border-right: 1px solid #87952d; font: 800 8px "Arial Narrow", Arial, sans-serif; letter-spacing: .08em; text-align: center; }
.hole-key span:last-child { border-right: 0; }
.hole-key b { font: 900 28px Impact, sans-serif; color: var(--acid); }

.rare-mask-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); align-items: stretch; }
.promo-mask-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.compact-rare-grid { max-width: 760px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rare-single-grid { grid-template-columns: 1fr; }
.rare-single-grid .rare-mask-card .card-body h3 { display: none; }
.rare-mask-card { display: flex; flex-direction: column; color: var(--ink); }
.precious-overview .museum-card { grid-template-rows: 1fr; }
.precious-overview .museum-card .card-main { min-height: 100%; }
.rare-mask-card .card-main { flex: 1; display: flex; flex-direction: column; }
.rare-mask-card .card-art { height: 260px; background: radial-gradient(circle at 50% 40%, #fff 0 24%, #e1e4d8 70%, #c5cabd 100%); }
.rare-mask-card .mask-photo { object-fit: contain; padding: 18px; mix-blend-mode: multiply; }
.rare-mask-card.original-photo .card-art { background: #dfe2d8; }
.rare-mask-card.original-photo .mask-photo { padding: 0; object-fit: contain; mix-blend-mode: normal; opacity: 1; }
.rare-image-source { position: relative; display: block; width: 100%; height: 100%; color: inherit; }
.rare-image-source .mask-photo { width: 100%; height: 100%; }
.rare-image-source > span { position: absolute; right: 8px; bottom: 8px; z-index: 2; max-width: calc(100% - 16px); padding: 6px 8px; background: #10150ee6; color: #eff5e8; font: 800 8px "Arial Narrow", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.rare-mask-card .card-body { flex: 1; min-height: 98px; padding: 18px; }
.rare-mask-card .card-body h3 { margin: 9px 0; font-size: 23px; }
.rare-origin { display: grid; gap: 10px; margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #c9ccbf; }
.rare-origin div { display: grid; grid-template-columns: 66px 1fr; gap: 10px; }
.rare-origin dt { color: #737a6f; font: 800 8px "Arial Narrow", Arial, sans-serif; letter-spacing: .13em; }
.rare-origin dd { margin: 0; color: #3f453d; font-size: 11px; line-height: 1.35; }
.rare-origin a { color: #354214; font-weight: 800; text-decoration-color: #8d9b45; text-underline-offset: 3px; }
.rare-origin a:hover { color: #657d18; }
.archive-placeholder { position: absolute; inset: 0; z-index: 1; display: grid; place-content: center; gap: 7px; text-align: center; color: #f4f5eb; background: radial-gradient(circle, #6d7169, #242823 70%); }
.archive-placeholder b { font: 900 64px/.9 Impact, sans-serif; color: transparent; -webkit-text-stroke: 1px var(--acid); }
.archive-placeholder span { font: 800 9px "Arial Narrow", Arial, sans-serif; letter-spacing: .16em; }
.rare-sources { display: grid; grid-template-columns: 190px minmax(260px, 1fr) minmax(260px, .8fr); gap: 28px; padding: 38px max(24px, 5vw); border-bottom: 1px solid #aab09f; background: #dfe2d3; color: var(--ink); }
.rare-sources > b { font: 900 11px "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; }
.rare-sources p { margin: 0; color: #555c51; }
.rare-sources nav { display: grid; gap: 7px; align-content: start; }
.rare-sources a { color: #303a1d; text-underline-offset: 3px; }

.nuva-full-collection { margin: 0; padding: 40px clamp(12px, 4vw, 60px); border-bottom: 1px solid #afb4a7; }
.nuva-full-collection figcaption { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.nuva-full-collection h2 { margin: 8px 0; font: 900 clamp(24px, 3vw, 36px)/1.1 "Arial Narrow", Arial, sans-serif; }
.nuva-full-collection p { color: #555c51; }
.nuva-full-collection figcaption > a { color: inherit; text-underline-offset: 4px; }
.nuva-collection-image { display: block; max-width: 1040px; margin-inline: auto; }
.nuva-collection-image img { display: block; width: 100%; height: auto; border: 1px solid #afb4a7; }
.nuva-full-collection a:focus-visible { outline: 3px solid #576346; outline-offset: 5px; }

@media (max-width: 1000px) {
  .series-hero { grid-template-columns: 1fr; }
  .series-photo { min-height: 520px; }
  .form-grid { grid-template-columns: repeat(2, 1fr); }
  .nuva-collection-bar { grid-template-columns: 1fr 1fr; }
  .hau-category, .platinum-category { grid-template-columns: minmax(280px, 1fr) minmax(250px, 340px); }
  .g2gold-mask-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comiccon-mask-grid, .ignika-mask-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kraahkan-layout { grid-template-columns: 1fr; }
  .kraahkan-guide { position: static; }
  .rare-sources { grid-template-columns: 1fr 2fr; }
  .rare-sources nav { grid-column: 1/-1; }
}

@media (max-width: 720px) {
  .line-tabs button { min-height: 62px; display: flex; justify-content: center; padding: 0 8px; }
  .line-tabs button span, .line-tabs button small { display: none; }
  .line-tabs button b { font-size: 16px; }
  .series-copy { padding: 60px 22px; }
  .series-photo { min-height: 390px; }
  .series-photo img { max-width: 90%; max-height: 340px; }
  .nuva-showcase { width: 92%; grid-template-columns: repeat(2, 1fr); }
  .series-photo .nuva-showcase img { max-width: none; max-height: none; }
  .turaga-showcase { width: 92%; grid-template-columns: repeat(2, 1fr); }
  .series-photo .turaga-showcase img { max-width: none; max-height: none; }
  .series-photo figcaption { left: 22px; bottom: 16px; }
  .series-index { padding: 52px 12px 70px; }
  .series-index-head { grid-template-columns: 1fr; gap: 18px; }
  .nuva-collection-bar { grid-template-columns: 1fr; }
  .nuva-mask-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nuva-mask-grid .card-art { height: 175px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-card { min-height: 235px; }
  .variant-note { grid-template-columns: 1fr; gap: 8px; }
  .rare-progress-strip { top: calc(var(--archive-nav-height, 0px) + 62px); grid-template-columns: 1fr; gap: 8px; padding: 10px 18px; }
  .precious-hero { min-height: 360px; padding: 70px 18px 45px; }
  .rare-category { padding: 52px 12px 60px; }
  .rare-category-head { grid-template-columns: 1fr; gap: 16px; }
  .rare-category h2 { font-size: 56px; }
  .hau-category, .platinum-category, .dume-category { display: grid; grid-template-columns: 1fr; }
  .hau-category .rare-category-head, .hau-category .rare-story-copy, .hau-category .rare-single-grid,
  .platinum-category .rare-category-head, .platinum-category .rare-story-copy, .platinum-category .rare-single-grid,
  .dume-category .rare-category-head, .dume-category .rare-story-copy, .dume-category .rare-single-grid { grid-column: 1; grid-row: auto; }
  .rare-single-grid { max-width: none; }
  .kraahkan-guide { padding: 24px 18px; }
  .kraahkan-mask-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hole-key { grid-template-columns: 1fr; }
  .hole-key span { border-right: 0; border-bottom: 1px solid #87952d; }
  .hole-key span:last-child { border-bottom: 0; }
  .rare-mask-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comiccon-mask-grid { grid-template-columns: 1fr; }
  .ignika-mask-grid { grid-template-columns: 1fr; }
  .comiccon-mask-grid .rare-mask-card .card-art { height: 300px; }
  .g2gold-mask-grid { grid-template-columns: 1fr; }
  .custom-gold-gallery { grid-template-columns: 1fr; }
  .unreleased-mask-note { grid-template-columns: 1fr; grid-template-areas: "head" "photo" "copy"; gap: 22px; padding: 22px 16px; }
  .ultimate-power-head { grid-template-columns: 1fr; gap: 10px; padding-bottom: 18px; }
  .ultimate-power-head b { font-size: clamp(30px, 11vw, 48px); }
  .rare-mask-card .card-art { height: 190px; }
  .rare-mask-card .card-body { padding: 12px; }
  .rare-mask-card .card-body h3 { font-size: 17px; }
  .rare-origin div { grid-template-columns: 1fr; gap: 3px; }
  .rare-origin dd { font-size: 10px; }
  .prototype-intro { grid-template-columns: 1fr; }
  .prototype-intro nav { grid-column: auto; }
  .prototype-signs { grid-template-columns: 1fr; }
  .rare-sources { grid-template-columns: 1fr; }
  .rare-sources nav { grid-column: auto; }
}