/* V2.2.0 R2 — final cascade override loaded after the legacy stylesheet. */
:root{
  --ink:#fff1d8;
  --muted:#d4c3a6;
  --gold:#efc271;
  --line:rgba(239,194,113,.55);
}

html{font-size:18px}
body{background:#130f0b;color:var(--ink);font-size:18px}
body::before{filter:saturate(.64) brightness(.52)!important}
body::after{background:radial-gradient(circle at 50% 8%,transparent 0 24%,rgba(0,0,0,.38) 76%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 14% 86%,rgba(0,0,0,.18))!important}
.noise{opacity:.07!important}
.main-nav b{font-size:13px}.main-nav span{font-size:11px;color:#d4c3a6}
.lang-switch button{font-size:12px}

/* Readability and hierarchy */
.section-intro h2{font-size:36px;color:#fff3dc}
.section-zh{font-size:17px!important;color:#efd6a6!important}
.section-lead{font-size:16px!important;line-height:1.9!important;color:#dfceb0!important}
.button{font-size:15px!important;min-height:50px;color:#ffe8c2!important}
.world-card b,.character-card b,.archive-card b{font-size:18px!important;font-weight:700!important;color:#fff2d7!important}
.world-card span,.character-card span,.archive-card span{font-size:14px!important;color:#e2cfad!important}
.archive-card em{font-size:13px!important;color:#f5c477!important}
.latest-card p,.media-note p,.creator-section p{font-size:15px!important;color:#ddccb0!important}
.latest-card a,.media-note a,.creator-section nav a{font-size:14px!important}

/* Compact START HERE with clearly readable NEWS. */
.start-here-hub{padding:20px 28px 22px!important;gap:22px!important;background:linear-gradient(135deg,rgba(42,29,19,.97),rgba(18,14,10,.96))!important}
.start-here-main header{padding-bottom:14px!important}
.start-here-main header small,.start-news>small{font-size:11px!important;color:#f2c16d!important}
.start-here-main h2{font-size:34px!important;color:#fff3dc!important}
.start-here-main header p{font-size:16px!important;line-height:1.75!important;color:#ddccb0!important}
.guide-grid{margin-top:14px!important}
.guide-grid a{aspect-ratio:16/9!important;background:#22170f!important}
.guide-grid img{object-fit:cover!important;background:none!important;filter:saturate(1) brightness(1.08) contrast(1.02)!important}
.guide-grid a::after{background:linear-gradient(0deg,rgba(16,10,6,.72),transparent 48%)!important}
.guide-grid a b{font-size:24px!important;color:#e8c27d!important}
.guide-grid a em{font-size:14px!important;font-weight:700!important;color:#fff4df!important;text-shadow:0 2px 10px #000}
.continue-reading{font-size:14px!important;margin-top:12px!important}
.start-news{padding:16px 20px!important;background:rgba(45,31,20,.58)!important}
.start-news h2{font-size:32px!important;color:#fff3dc!important}
.start-news>p{font-size:15px!important;color:#e5d2b0!important}
.start-news #news-list li{grid-template-columns:86px 1fr!important;gap:10px!important;padding:8px 0!important;font-size:14px!important;line-height:1.65!important;color:#f0dfc3!important}
.start-news #news-list time{font-size:12px!important;color:#cdb68e!important}

/* Platform selectors: dark logo wells, visible names and unmistakable arrows. */
.chapter-release{background:linear-gradient(135deg,rgba(42,29,19,.97),rgba(18,14,10,.96))!important}
.chapter-release-head h2{font-size:34px!important}.chapter-release-note{font-size:16px!important;color:#dfceb0!important}
.serial-platform-card{border:1px solid rgba(239,194,113,.52)!important;background:linear-gradient(145deg,rgba(59,40,25,.84),rgba(22,16,11,.98))!important}
.serial-platform-card[open]{border-color:#efc271!important;box-shadow:0 12px 36px rgba(0,0,0,.3)!important}
.serial-platform-card summary{min-height:116px!important;grid-template-columns:88px 1fr 48px!important;gap:4px 18px!important;padding:16px 18px!important}
.serial-logo{width:88px!important;height:72px!important;padding:10px!important;background:#241810!important;border:1px solid rgba(239,194,113,.68)!important;border-radius:3px!important;box-shadow:inset 0 0 18px rgba(0,0,0,.36)!important;isolation:isolate}
.serial-logo img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;filter:brightness(1.18) contrast(1.08)!important}
.serial-name b{font-size:21px!important;font-weight:700!important;color:#fff2d8!important}
.serial-name em{font-size:15px!important;color:#e5cda7!important}
.serial-platform-card summary small{font-size:13px!important;color:#d7c3a4!important}
.serial-platform-card summary>i{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border:2px solid #efc271!important;border-radius:50%!important;background:#352318!important;color:#ffe0a2!important;font:700 25px/1 Arial,sans-serif!important;transform:none!important}
.serial-platform-card[open] summary>i{transform:rotate(180deg)!important}
.serial-chapter-list{gap:9px!important;padding:14px!important}
.serial-chapter{min-height:48px!important;padding:10px 12px!important}
.serial-chapter b{min-width:0;display:grid;gap:2px;font-size:15px!important;font-weight:700!important;line-height:1.2}.serial-chapter b strong{font:inherit}.serial-chapter b small{min-width:0;color:#f2d8aa;font-size:11px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.serial-chapter span{font-size:12px!important}
.serial-live-shortcut{display:none!important}

/* Home card imagery fills the full visual area. */
.world-card,.character-card,.archive-card{background:#21160f!important}
.world-card img,.character-card img,.archive-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background:none!important;filter:saturate(.98) brightness(1.08) contrast(1.02)!important}
.world-card img{object-position:center 48%!important}
.character-card img{object-position:center 10%!important}
.archive-card.archive-character img{object-position:center 42%!important}
.archive-card.archive-location img{object-position:center 50%!important}
.archive-card.archive-corporation img{object-position:center 48%!important}
.archive-card.archive-weapons img{object-position:center 50%!important}
.archive-card.archive-notes img{object-position:center 18%!important}
.world-card::after,.character-card::after,.archive-card::after{background:linear-gradient(0deg,rgba(14,9,6,.7) 0 12%,rgba(14,9,6,.2) 28%,transparent 46%)!important}
.world-card div,.character-card div,.archive-card div{inset:auto 0 0!important;padding:18px 12px 15px!important;background:linear-gradient(0deg,rgba(17,11,7,.84),rgba(17,11,7,.42) 72%,transparent)!important;text-shadow:0 2px 10px #000}
.archive-card div{text-align:left!important;padding-left:16px!important}

/* Category browser: remove the oversized left hero and use the width for records. */
.detail-dialog.archive-browser-nohero{width:min(1420px,97vw)!important;grid-template-columns:1fr!important;background:#17100b!important}
.detail-dialog.archive-browser-nohero>img{display:none!important}
.detail-dialog.archive-browser-nohero .dialog-content{padding:42px 48px 46px!important;max-height:min(90vh,900px)!important}
.detail-dialog.archive-browser-nohero h2{font-size:38px!important;margin:8px 0 12px!important}
.detail-dialog.archive-browser-nohero #dialog-copy{font-size:16px!important;line-height:1.85!important;max-width:980px}
.archive-category-head h3{font-size:21px!important;font-weight:700!important;color:#f1c270!important}
.archive-category-head p{font-size:15px!important;line-height:1.7!important;color:#dac7a8!important}
.archive-record-grid{gap:18px!important}
.archive-character .archive-record-grid,.archive-location .archive-record-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.archive-corporation .archive-record-grid,.archive-weapons .archive-record-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.archive-record-card{display:grid!important;grid-template-rows:auto auto!important;align-content:start!important;background:#251910!important;border-color:rgba(239,194,113,.4)!important}
.archive-record-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden!important;background:none!important}
.archive-record-card .archive-record-image img,.archive-record-card.contain .archive-record-image img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:none!important;filter:saturate(1) brightness(1.06) contrast(1.02)!important}
.archive-record-card:hover .archive-record-image img{transform:none!important;filter:saturate(1.04) brightness(1.1) contrast(1.02)!important}
.archive-record-copy{padding:15px 16px 17px!important;background:#251910!important}
.archive-record-copy b{font-size:18px!important;font-weight:700!important;color:#fff0d2!important}
.archive-record-copy small{font-size:14px!important;color:#d8c4a4!important}
.archive-record-copy em{font-size:13px!important;color:#f2bd67!important;font-weight:700!important}

/* Keep original ratios in the Vague category list as well. */
.archive-browser-hero .archive-record-image{height:auto!important;aspect-ratio:auto!important;background:none!important}
.archive-browser-hero .archive-record-image img{position:static!important;display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;padding:0!important;background:none!important}

/* Record copy and creator/contact controls. */
.detail-dialog .dialog-content>small{font-size:13px!important;color:#efc271!important}
.detail-dialog h2{font-size:38px!important}.detail-dialog p{font-size:16px!important;line-height:1.85!important}
.archive-record-meta dt,.archive-record-meta dd{font-size:14px!important}
.archive-tags span{font-size:12px!important}
.creator-section h2{font-size:34px!important}.creator-section p{font-size:16px!important;line-height:1.85!important}
.creator-section nav a{font-size:15px!important;font-weight:700!important;min-height:48px;display:grid;place-items:center}
.bottom-panel h2{font-size:28px!important}.bottom-panel p{font-size:15px!important}
.connect-only .socials{grid-template-columns:repeat(6,minmax(110px,1fr))!important}
.connect-only .socials a{font-size:14px!important;background:rgba(46,31,20,.72)!important}
.connect-only .socials span{font-size:13px!important;color:#ead4b0!important}
.connect-only .socials a[aria-label="X 官方帳號"] strong{font-size:25px!important}

@media(max-width:1180px){
  html,body{font-size:17px}
  .serial-platform-grid{grid-template-columns:1fr 1fr!important}
  .serial-platform-card:last-child{grid-column:1/3!important}
  .archive-character .archive-record-grid,.archive-location .archive-record-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .connect-only .socials{grid-template-columns:repeat(3,minmax(120px,1fr))!important}
}

@media(max-width:760px){
  html,body{font-size:16px}
  .section-intro h2{font-size:30px}.section-lead{font-size:15px!important}
  .start-here-hub{padding:18px 16px!important}.start-here-main h2{font-size:30px!important}.start-here-main header p{font-size:15px!important}
  .guide-grid{grid-template-columns:1fr!important}.guide-grid a,.guide-grid a:last-child{grid-column:auto!important;aspect-ratio:16/9!important}
  .start-news #news-list li{font-size:13px!important}
  .serial-platform-grid{grid-template-columns:1fr!important}.serial-platform-card:last-child{grid-column:auto!important}
  .serial-platform-card summary{grid-template-columns:74px 1fr 44px!important}.serial-logo{width:74px!important;height:62px!important}.serial-name b{font-size:18px!important}
  .world-grid,.character-grid,.archive-grid{grid-auto-columns:88%!important}
  .world-card,.character-card,.archive-card{min-height:360px!important}
  .detail-dialog.archive-browser-nohero .dialog-content{padding:30px 22px 34px!important}
  .detail-dialog.archive-browser-nohero h2,.detail-dialog h2{font-size:30px!important}
  .archive-character .archive-record-grid,.archive-location .archive-record-grid,.archive-corporation .archive-record-grid,.archive-weapons .archive-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .archive-record-copy{padding:12px!important}.archive-record-copy b{font-size:16px!important}.archive-record-copy small{font-size:13px!important}.archive-record-copy em{font-size:12px!important}
  .connect-only .socials{grid-template-columns:repeat(2,minmax(0,1fr))!important}.connect-only .socials .creator-site{grid-column:1/3!important}
}

@media(max-width:480px){
  .archive-character .archive-record-grid,.archive-location .archive-record-grid,.archive-corporation .archive-record-grid,.archive-weapons .archive-record-grid{grid-template-columns:1fr!important}
  .connect-only .socials{grid-template-columns:1fr!important}.connect-only .socials .creator-site{grid-column:auto!important}
}

/* V2.2.2 — website content/audio/brand corrections (2026-09-09). */
.creator-copy span{display:block;margin:0 0 12px}.creator-copy span:last-child{margin-bottom:0}
.cyber-site-banner{grid-column:1/-1;display:block!important;margin:24px auto 0!important;padding:0!important;width:min(100%,1180px)!important;height:auto!important;border:0!important;background:transparent!important;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px rgba(239,194,113,.28),0 12px 38px rgba(0,0,0,.35)}
.cyber-site-banner img{display:block;width:100%;height:auto;object-fit:contain;transition:filter .25s ease,transform .25s ease}
.cyber-site-banner:hover img{filter:brightness(1.08);transform:scale(1.006)}
footer{grid-template-columns:180px 1fr minmax(390px,auto)!important}
.footer-actions{position:relative;z-index:1;display:grid;gap:10px;justify-items:center;align-items:center}
.footer-actions .pj-studio-footer-logo{width:min(320px,100%)!important;max-height:70px!important;object-fit:contain!important;filter:none!important;margin:0 auto!important}
.footer-actions nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.footer-actions nav button{white-space:nowrap}
.detail-dialog.archive-character.media-fullbody>img{object-fit:contain!important;object-position:center bottom!important;background:radial-gradient(circle at 50% 35%,rgba(72,52,34,.24),rgba(7,6,5,.98) 72%)!important;padding:18px!important}
.serial-chapter.is-live{grid-template-columns:1fr auto!important}
.serial-chapter.is-live>i{justify-self:end}
@media(max-width:1180px){footer{grid-template-columns:150px 1fr!important}.footer-actions{grid-column:1/3}.footer-actions .pj-studio-footer-logo{width:min(300px,72vw)!important}.cyber-site-banner{width:100%!important}}
@media(max-width:760px){footer{grid-template-columns:1fr!important}.footer-actions{grid-column:auto}.footer-actions .pj-studio-footer-logo{width:min(280px,82vw)!important}.cyber-site-banner{margin-top:18px!important}.creator-copy span{margin-bottom:14px}}