/* Classic parchment theme. Presentation only: retain existing layout and icon geometry. */
body:not([data-page="app"]) {
  --bg: #292219;
  --bg-soft: #e4cba2;
  --white: #efdfbf;
  --line: #bca078;
  --text: #372b1e;
  --muted: #776249;
  --gold: #8a6337;
  --gold-hover: #654323;
  --gold-light: #ead3a0;
  --gold-soft: #94704016;
  --red: #8c382a;
  background:
    radial-gradient(ellipse at 50% 35%, #5a493225, transparent 70%),
    repeating-linear-gradient(92deg, #0000 0 47px, #0000000c 48px 49px),
    repeating-linear-gradient(0deg, #0000 0 3px, #af8b5210 3px 4px),
    #292219;
}
:where(body:not([data-page="app"])) .site-header {
  background: linear-gradient(180deg, #33291f, #211b15);
  border-bottom-color: #8d7045;
  box-shadow: inset 0 -3px #5f4b2b, 0 2px 8px #0008;
  backdrop-filter: none;
}
:where(body:not([data-page="app"])) :is(.brand-gold, .brand-white, .brand-season) {
  background-image: linear-gradient(#f1dfb9, #d6ba7c 62%, #a98645);
  filter: drop-shadow(0 1px 1px #0009);
}
:where(body:not([data-page="app"])) .nav-link { color: #cbb998; }
:where(body:not([data-page="app"])) .nav-link.active { color: #f0dbad; }
:where(body:not([data-page="app"])) .nav-item:hover > .nav-link { color: #fff0c8; }
:where(body:not([data-page="app"])) .nav-dropdown {
  background: #2c231a;
  border-color: #82613c;
  border-radius: 0;
  box-shadow: inset 0 0 0 2px #ae895429, 0 8px 20px #0006;
}
:where(body:not([data-page="app"])) .nav-dropdown a { color: #d9c7a8; }
:where(body:not([data-page="app"])) .nav-dropdown a:hover { background: #473523; color: #fff0cb; }
:where(body:not([data-page="app"])) .btn-download {
  border-radius: 2px;
  background: linear-gradient(#9b7742, #604121);
  box-shadow: inset 0 0 0 1px #cab182, inset 0 0 0 3px #3f2b1b77, 0 2px 4px #0005;
  color: #fff0cc !important;
}
:where(body:not([data-page="app"])) .btn-download:hover { background: linear-gradient(#b18c52, #77542b); }
:where(body:not([data-page="app"])) .nav-toggle { color: #e8d5ac; border-color: #8a6a42; background: #31251b; }
:where(body:not([data-page="app"])) .badge-n { background: #943e2c; border-radius: 1px; }

/* The hero dimensions and every menu slot remain those defined in style.css. */
body[data-page="home"] .hero { box-shadow: inset 0 -3px #8a683d; }
body[data-page="home"] .hero-overlay {
  background:
    linear-gradient(180deg, #1c170d12 0%, #1c170d18 50%, #18130dd4 100%),
    radial-gradient(ellipse at 50% 50%, #17120d38, transparent 70%);
}
body[data-page="home"] .hero-title-brand {
  filter: drop-shadow(0 2px 0 #4d321b) drop-shadow(0 4px 8px #000b);
}
body[data-page="home"] .hero-title-brand span,
body[data-page="home"] .hero-title-brand #hero-name-white {
  background-image: linear-gradient(#fff0c7, #dcc18b 55%, #ad874d);
}
body[data-page="home"] .hero-classic-text { color: #e8d0a0; text-shadow: 0 2px 7px #000c; }
body[data-page="home"] .hero-divider-line { background: linear-gradient(90deg, transparent, #cfad74, transparent); }
body[data-page="home"] .hero-divider-gem { background: #c2a06b; box-shadow: 0 1px 2px #0008; }
body[data-page="home"] .hero-tagline { color: #f4e6c9; text-shadow: 0 2px 6px #000e; }
body[data-page="home"] .hero-status-pill {
  background: #261d14d9;
  border-color: #967449;
  border-radius: 3px;
  color: #e4cfaa;
  box-shadow: inset 0 0 0 2px #b2935a1f;
}
body[data-page="home"] :is(.quick-bar, .guide-shortcuts-bar) {
  background:
    repeating-linear-gradient(0deg, #0000 0 3px, #78562709 3px 4px),
    linear-gradient(90deg, #b5996a, #e5cea3 17%, #ead6b0 50%, #e0c99d 83%, #b5996a);
  border-color: #795d35;
  box-shadow: inset 0 3px #8b6a3a, inset 0 5px #f7e1b55c, inset 0 -3px #795a33;
}
body[data-page="home"] :is(.quick-item, .guide-shortcut-item) { color: #4f3922; }
body[data-page="home"] :is(.quick-item:hover, .guide-shortcut-item:hover) { color: #8c3424; }
body[data-page="home"] :is(.quick-icon, .guide-shortcut-icon) {
  background: linear-gradient(145deg, #594831, #2e261d);
  border-color: #8e7046;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px #c4a6744d, inset 0 1px 0 #e3c18c, 0 2px 3px #6f502a50;
}
body[data-page="home"] :is(.quick-icon svg, .guide-shortcut-icon svg) { stroke: #e2c58f; }
body[data-page="home"] .quick-item-guide .quick-icon svg { fill: #b4925c33; }
body[data-page="home"] .guide-shortcut-icon svg circle { fill: #b4925c33; }
body[data-page="home"] :is(.quick-item:hover .quick-icon, .guide-shortcut-item:hover .guide-shortcut-icon) {
  border-color: #b89456;
  box-shadow: inset 0 0 0 2px #dec49266, 0 2px 6px #5b391c60;
}
body[data-page="home"] :is(.quick-item:hover .quick-icon svg, .guide-shortcut-item:hover .guide-shortcut-icon svg) { stroke: #fff0c8; }
body[data-page="home"] .quick-item-kakao .quick-icon { background: transparent; border: none; box-shadow: none; }

/* Parchment panels, ink rules and aged wood headings. */
:where(body:not([data-page="app"])) :is(.panel, .content-card) {
  background:
    repeating-linear-gradient(0deg, #0000 0 4px, #91682f06 4px 5px),
    linear-gradient(105deg, #e0c59a, #f0e0bf 18%, #efdfbd 80%, #ddc294);
  border-color: #99794e;
  box-shadow: inset 0 0 0 3px #c5a36b33, 0 3px 9px #0b080538;
}
body[data-page="home"] .panel-head {
  background: linear-gradient(#4b3827, #302319);
  border-color: #9c7c4e;
  box-shadow: inset 0 1px #b2925e8a, inset 0 -2px #a7864f44;
}
body[data-page="home"] .panel-head h2 {
  color: #efd9ad;
  font-family: "Noto Serif KR", "Batang", serif;
  text-shadow: 0 1px 2px #0008;
}
body[data-page="home"] .panel-head :is(.panel-head-meta, .clock) { color: #bca989; }
body[data-page="home"] .panel-head .more {
  background: #241a12;
  border-color: #8a6c43;
  border-radius: 2px;
  color: #d5bd91;
  box-shadow: inset 0 0 0 1px #bb96521f;
}
body[data-page="home"] .panel-head .more-icon { color: #dec08b; }
body[data-page="home"] .panel-head .more:hover { background: #64452a; color: #fff0ce; }
:where(body:not([data-page="app"])) :is(.list-rows li a, .rank-list li) { border-bottom-color: #a9844e33; }
:where(body:not([data-page="app"])) .list-rows li a:hover { background: #ab7b2e15; color: #5f2f20; }
body[data-page="home"] .market-search-form input[type="search"] {
  background: #f8ebd0;
  border-color: #b29467;
  color: #46331e;
  box-shadow: inset 1px 2px 3px #61412217;
}
body[data-page="home"] .market-search-form input::placeholder { color: #8d795c; }
body[data-page="home"] .market-search-form button {
  background: linear-gradient(#896640, #574026);
  border-radius: 2px;
  color: #f4e1b7;
  box-shadow: inset 0 0 0 1px #ac8e5d;
}
body[data-page="home"] .market-list li { border-color: #b2956038; }
body[data-page="home"] .market-price { color: #7e442b; }
body[data-page="home"] .rank-list li.rank-top5-row { background: #af884619; }
body[data-page="home"] .rank-list li.rank-top5-row:nth-child(1) { background: #b487342b; }
body[data-page="home"] .rank-list .rank-name { color: #422e1a; }
body[data-page="home"] .rank-panel-meta .rank-class { color: #7d684a; }
body[data-page="home"] .rank-panel-meta .rank-lv { color: #87542a; }
body[data-page="home"] .rank-panel-bonus { color: #705433; }
body[data-page="home"] .panel-body-scroll { scrollbar-color: #8d6f44 #dcc197; }
body[data-page="home"] .visitor-slot { background: #bd9d6824; border-color: #ac8956; }
body[data-page="home"] .visitor-sidebar-icon { background: #5e4932; color: #ead1a0; border-radius: 3px; }
body[data-page="home"] .visitor-sidebar-title { color: #5a4026; }
body[data-page="home"] .visitor-sidebar-card {
  background: linear-gradient(110deg, #d3b47d, #e8d0a2 45%, #d6b882);
  border-color: #9a794b;
  border-radius: 3px;
  box-shadow: inset 0 0 0 2px #f6e6bd66;
}
body[data-page="home"] .visitor-sidebar-card::after { background: #b18a4321; }
body[data-page="home"] :is(.visitor-sidebar-label, .visitor-unit) { color: #715130; }
body[data-page="home"] .visitor-sidebar-num { color: #55351f; }
body[data-page="home"] .visitor-live-badge { background: #f3e5c6; color: #4d6240; border-color: #a89d70; border-radius: 2px; box-shadow: none; }
body[data-page="home"] .visitor-live-dot { background: #718453; box-shadow: 0 0 0 2px #71845330; }

/* Shared page furniture carries the same material palette. */
:where(body:not([data-page="app"])) .page-title { color: #e3caa0; font-family: "Noto Serif KR", "Batang", serif; }
:where(body:not([data-page="app"])) .news-view-back a { color: #ceb88f; }
:where(body:not([data-page="app"])) .site-footer {
  background: linear-gradient(#292017, #1c1712);
  color: #a99472;
  box-shadow: inset 0 1px #896b41, inset 0 4px #a48a5026;
}
:where(body:not([data-page="app"])) .footer-links a { color: #c8b18b; }
:where(body:not([data-page="app"])) .float-btn {
  background: linear-gradient(#493724, #2c2116);
  border-color: #977748;
  border-radius: 2px;
  color: #e4c994;
  box-shadow: inset 0 0 0 2px #c5a15d22;
}
:where(body:not([data-page="app"])) .float-btn:hover { background: #735231; color: #ffedc2; }
:where(body:not([data-page="app"])) :is(.guide-hero, .item-hero, .download-hero) {
  background: linear-gradient(120deg, #3b2c1e, #251e17);
  border-color: #9b7b4b;
  box-shadow: inset 0 0 0 3px #a3845038;
}
:where(body:not([data-page="app"])) :is(.guide-hero-title, .item-hero-title, .download-hero-title) { color: #ead4a9; }
:where(body:not([data-page="app"])) :is(.guide-hero-desc, .item-hero-desc, .download-hero-desc) { color: #c6b390; }
:where(body:not([data-page="app"])) :is(.guide-hero-eyebrow, .item-hero-eyebrow, .download-hero-eyebrow) { color: #b7965f; }
:where(body:not([data-page="app"])) .guide-sidebar { background: #e8d5af; border-color: #a28254; }
:where(body:not([data-page="app"])) .guide-nav-link.is-active { background: #5e432b; color: #f2dfba; border-color: #a3824c; }
:where(body:not([data-page="app"])) .data-table th { background: #d4b886; color: #533c24; border-color: #b29260; }
:where(body:not([data-page="app"])) .data-table td { border-color: #b594604d; }

/* Round 4 additions: the whole doll notice opens the detailed guide. */
.round4-doll-card { display: block; grid-column: 1 / -1; color: #c9bda7; text-decoration: none; }
.round4-doll-card > span { display: inline-block; margin-top: 14px; color: #eccd94; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.round4-doll-card:hover { border-color: #b29461; background: #2b251c; }
.round4-doll-card:focus-visible { outline: 2px solid #bd9150; outline-offset: 4px; }
.popup-scroll-perk--link span { text-decoration: underline; text-underline-offset: 4px; }
.popup-scroll-perk--link:hover { background: #8d622718; }