/* Shared Heavenfall visual system. Does not change visibility/authentication states. */
:root {--hf-surface:#151411;--hf-base:#100f0e;--hf-ink:#eee7db;--hf-muted:#b7b0a4;--hf-line:#d9b77a26;--hf-gold:#d9b77a;--hf-red:#c80b1c;}
html body,html body :is(.hf-site-main,.section-wrapper20-area,.ns-section,.gs-wrap,.social-midea-area,.dl-drivers) {background-image:none!important;background-color:var(--hf-base)!important;}
html body :is(.ac-sidebar-card,.ac-content-card,.ns-sidebar-card,.ns-post-author-panel,.gs-article,.is-preview-wrap) {background:var(--hf-surface)!important;border:1px solid var(--hf-line)!important;border-radius:5px!important;box-shadow:none!important;transform:none!important;}
html body :is(.ac-card-header,.ac-content-card-header,.dl-card-top,.dl-sysreq-head) {background:#1b1915!important;border-bottom:1px solid var(--hf-line)!important;}
html body :is(.ac-hero h1,.ns-title,.gs-title) {font-family:Cinzel,Georgia,serif!important;font-weight:400!important;letter-spacing:.025em!important;}
html body :is(.ac-save-btn,.gd-reset,.is-preview-btn,.dl-drv-btn,.input-submit button) {background:var(--hf-red)!important;border-radius:4px!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;}
html body :is(.hf-account-drawer,.hf-drawer-panel,.hf-drawer-links),html body.hf-drawer-collapsed .hf-account-drawer,html body.hf-drawer-collapsed .hf-drawer-links a,html body.hf-drawer-collapsed a.hf-drawer-panel {background:#141310!important;box-shadow:none!important;border-color:var(--hf-line)!important;}
html body .hf-account-drawer::before,html body :is(.nw-hero,.rk-hero,.dl-hero,.gd-hero,.ac-hero,.is-hero)>.container::after,html body .dl-title::after {display:none!important;}
html body :is(.gd-wrap,.ac-wrap,.is-wrap) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html body :is(.gd-wrap,.ac-wrap,.is-wrap) select,html body .ac-wrap textarea,html body #rkSearch {background:#100f0e!important;box-shadow:none!important;}
html body {background-color:var(--hf-base);color:var(--hf-ink);font-family:Inter,Arial,sans-serif;line-height:1.6;}
html body .container {width:100%!important;max-width:1328px!important;margin-inline:auto!important;padding-inline:40px!important;box-sizing:border-box;}
html body .menu20-fixed {height:80px!important;background:#100f0e!important;border-bottom:1px solid var(--hf-line)!important;box-shadow:none!important;backdrop-filter:none!important;}
html body .menu20-fixed .hero-main.menu20 {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;height:80px!important;min-height:80px!important;padding:0!important;margin:0!important;background:none!important;}
html body .menu20-fixed .nav-brand {position:static!important;transform:none!important;display:flex!important;flex:0 0 150px!important;margin:0!important;width:150px!important;}
html body .menu20-fixed .nav-brand img {width:150px!important;height:72px!important;max-height:72px!important;object-fit:contain!important;transform:none!important;filter:none!important;}
html body .menu20-fixed .hero-left {display:none!important;}
html body .menu20-fixed .hero-middle {flex:1;min-width:0;}
html body .menu20-fixed .hero-middle ul {display:flex;justify-content:center;gap:clamp(12px,1.5vw,28px)!important;margin:0!important;padding:0!important;}
html body .menu20-fixed .hero-middle li {margin:0!important;padding:0!important;}
html body .menu20-fixed .hero-middle a {font:600 11px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.04em!important;padding:12px 0!important;color:#ded8ce!important;background:none!important;text-shadow:none!important;white-space:nowrap;}
html body .menu20-fixed .hero-middle a::before,html body .menu20-fixed .hero-middle a::after {display:none!important;}
html body .menu20-fixed .hero-middle a:is(:hover,.active,[aria-current="page"]) {color:var(--hf-gold)!important;}
html body .menu20-fixed .hero-middle a:is(.active,[aria-current="page"]) {border-bottom:1px solid var(--hf-gold)!important;}
html body .menu20-fixed .hero-right {flex:0 0 auto;}
html body .menu20-fixed .hero-right ul {gap:10px!important;margin:0!important;padding:0!important;}
html body .menu20-fixed .hero-right .hf-guest-only button {min-width:110px!important;width:auto!important;height:42px!important;padding:0 24px!important;border:1px solid #df2432!important;border-radius:4px!important;background:var(--hf-red)!important;box-shadow:none!important;font:600 12px Inter,Arial,sans-serif!important;letter-spacing:.04em;color:white!important;}
html body .menu20-fixed :is(.user-pill,.lang-pill) {border-radius:4px!important;box-shadow:none!important;background:#1b1915!important;border-color:var(--hf-line)!important;}
html body :is(.nw-wrap,.rk-wrap,.dl-wrap,.is-wrap,.ac-wrap,.gd-wrap,.ah-wrap) {padding-top:80px!important;}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) {padding:54px 0 40px!important;border-bottom:1px solid var(--hf-line)!important;}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) h1 {font-family:Cinzel,Georgia,serif!important;font-size:clamp(30px,3.4vw,44px)!important;font-weight:400!important;line-height:1.25!important;letter-spacing:.025em!important;color:var(--hf-ink)!important;text-shadow:none!important;margin-bottom:14px!important;}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) p {font:400 14px/1.75 Inter,Arial,sans-serif!important;color:#c5bdb0!important;letter-spacing:0!important;}
html body :is(.nw-eyebrow,.rk-eyebrow,.dl-eyebrow,.is-eyebrow,.gd-kicker) {color:var(--hf-gold)!important;font:500 10px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.15em!important;}
html body :is(.nw-section,.rk-section,.dl-section,.is-section,.ac-section,.gd-section,.ah-section) {background:var(--hf-base)!important;padding-block:40px 56px!important;}
html body :is(.nw-card,.nw-side-card,.dl-card,.dl-sysreq,.dl-drv,.is-card,.is-sidebar,.ac-card,.gd-filter,.gd-table-wrap,.rk-table-wrap) {background:var(--hf-surface)!important;border:1px solid var(--hf-line)!important;border-radius:5px!important;box-shadow:none!important;}
html body :is(.nw-card,.nw-side-card,.dl-card,.dl-drv,.is-card):hover {border-color:#d9b77a65!important;box-shadow:none!important;transform:none!important;}
html body :is(.nw-card-body,.ac-card-body) {padding:22px!important;}
html body :is(.nw-card h3,.nw-side-card h3,.nw-side-card h4,.dl-card h3,.ac-card h3,.gd-filter-title) {font-family:Cinzel,Georgia,serif!important;font-weight:400!important;letter-spacing:.01em!important;line-height:1.4!important;color:var(--hf-ink)!important;}
html body :is(.nw-card-body p,.nw-side-card-body p,.ac-card p,.dl-drv p) {font:400 13px/1.7 Inter,Arial,sans-serif!important;color:var(--hf-muted)!important;}
html body :is(.nw-card-tag,.nw-side-tag,.nw-read-more,.gd-read) {color:var(--hf-gold)!important;letter-spacing:.04em!important;}
html body :is(.nw-card-date,.nw-page-info,.dl-card-meta) {color:#b4ac9e!important;}
html body :is(.nw-filter-bar,.rk-filter-bar,.ac-tabs-nav) {background:#141310!important;border-color:var(--hf-line)!important;box-shadow:none!important;}
html body :is(.nw-cat-tab,.rk-tab,.ac-nav-tab,.gd-category,.gd-map-option,.is-cat-btn,.dl-req-tab) {font-family:Inter,Arial,sans-serif!important;font-weight:500!important;letter-spacing:.01em!important;border-radius:4px!important;box-shadow:none!important;}
html body :is(.nw-cat-tab,.rk-tab,.ac-nav-tab,.gd-category,.gd-map-option,.is-cat-btn,.dl-req-tab).active {background:#d9b77a12!important;color:#e5c487!important;border-color:#d9b77a55!important;box-shadow:none!important;}
html body :is(.nw-search,.is-search,.gd-search-box,input[type="search"]) {background:#0f0e0c!important;border-color:#d9b77a35!important;border-radius:4px!important;color:var(--hf-ink)!important;box-shadow:none!important;}
html body :is(.gd-table,.rk-table,.ac-table) th {font:600 10px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.07em!important;color:#cabfae!important;background:#1b1915!important;}
html body :is(.gd-table,.rk-table,.ac-table) td {font-family:Inter,Arial,sans-serif!important;font-size:13px!important;border-color:#ffffff0c!important;}
html body :is(.nw-page-btn,.is-page-btn,.dl-drv-btn,.gd-reset) {border-radius:4px!important;box-shadow:none!important;}
html body .footer-area {background:#0b0a09!important;border-top:1px solid var(--hf-line)!important;padding:36px 0!important;}
html body .footer-main ul {display:flex!important;flex-wrap:wrap!important;justify-content:center;gap:14px 24px!important;}
html body .footer-main li:has(>img) {display:none!important;}
html body .footer-main a {font:500 11px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.04em!important;color:#c4bcaf!important;}
html body .copyright-item p {font:400 11px/1.7 Inter,Arial,sans-serif!important;color:#958c7f!important;}
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible {outline:2px solid #e5c487!important;outline-offset:3px;}
html body .admin-wrap {max-width:1328px;padding:48px 40px;}
html body .nw-featured-main {border:1px solid var(--hf-line);background:var(--hf-surface);}
html body .nw-featured-main img {height:auto!important;aspect-ratio:2.3/1;object-fit:cover;}
html body .nw-featured-main-overlay {position:static!important;background:var(--hf-surface)!important;padding:20px!important;}
html body .nw-featured-main-overlay h2 {font:400 25px/1.35 Cinzel,Georgia,serif!important;letter-spacing:.01em!important;}
html body .nw-featured-main-overlay p {color:var(--hf-muted)!important;}
html body .nw-featured-meta {display:flex;gap:16px;font-size:11px;color:var(--hf-muted);margin-top:14px;}
html body .nw-tag {color:var(--hf-gold)!important;}
html body .nw-featured {gap:28px!important;}
html body .nw-side-card h3 {font-size:18px!important;}
html body .dl-title,html body .rk-section h2 {font:400 28px/1.3 Cinzel,Georgia,serif!important;letter-spacing:.02em!important;}
html body .admin-header h1 {font:400 30px/1.3 Cinzel,Georgia,serif;letter-spacing:.025em;color:var(--hf-ink);}
html body .admin-table-wrapper {overflow-x:auto;border:1px solid var(--hf-line);border-radius:5px;}
html body .admin-table {background:var(--hf-surface);}
html body .admin-table th {color:#cabfae;font-family:Inter,Arial,sans-serif;letter-spacing:.06em;}
html body .admin-table td {color:#d0c8ba;}
html body .admin-btn {font-family:Inter,Arial,sans-serif;letter-spacing:.03em;border-radius:4px;}
html body .admin-form label,html body .admin-field-help {color:#b7b0a4;}
html body .admin-form :is(input,select,textarea) {font-family:Inter,Arial,sans-serif;border-color:var(--hf-line);}
@media(max-width:760px){html body .admin-wrap{padding:28px 22px;}html body .admin-header h1{font-size:24px;}}
/* Correct the homepage grid instead of allowing legacy nested widths/padding. */
html body[data-page="home"] .news-area > .container {max-width:1328px!important;padding-inline:40px!important;}
html body[data-page="home"] .news-area {padding:48px 0 56px!important;}
html body[data-page="home"] .news-section-heading {margin-bottom:20px!important;}
html body[data-page="home"] .news-section-heading h2 {font-size:clamp(22px,2.3vw,30px)!important;}
html body[data-page="home"] .news-area .tab-container,html body[data-page="home"] .news-area .tab-content,html body[data-page="home"] .news-area .tab-pane {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
html body[data-page="home"] .news-area .tab-buttons {margin-bottom:18px!important;}
html body[data-page="home"] .news-main {grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)!important;gap:28px!important;align-items:start!important;}
html body[data-page="home"] .news-left-img img {aspect-ratio:2.3/1!important;border-radius:0!important;}
html body[data-page="home"] .news-left-cnt {padding:18px 20px!important;}
html body[data-page="home"] .news-title,html body[data-page="home"] .news-title a {font-size:25px!important;}
html body[data-page="home"] .news-right {gap:0!important;}
html body[data-page="home"] .news-flex {grid-template-columns:108px minmax(0,1fr)!important;gap:18px!important;padding:18px 0!important;flex:0 0 auto!important;min-height:116px!important;}
html body[data-page="home"] .news-flex:first-child {padding-top:0!important;}
html body[data-page="home"] .news-col-left img {aspect-ratio:1.45/1!important;border-radius:3px!important;}
html body[data-page="home"] .news-col-right h4,html body[data-page="home"] .news-col-right h4 a {font-size:19px!important;}
html body[data-page="home"] :is(.mage-area,.player-area,.social-area) {padding-block:48px!important;}
html body[data-page="home"] :is(.mage-area,.player-area,.social-area) h2 {font-size:30px!important;font-weight:400!important;letter-spacing:.025em!important;}
@media(max-width:1100px){
 html body .container,html body[data-page="home"] .news-area > .container {padding-inline:28px!important;}
 html body .menu20-fixed,html body .menu20-fixed .hero-main.menu20 {height:68px!important;min-height:68px!important;}
 html body .menu20-fixed .nav-brand {position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
 html body .menu20-fixed .nav-brand img {height:62px!important;}
 html body :is(.nw-wrap,.rk-wrap,.dl-wrap,.is-wrap,.ac-wrap,.gd-wrap,.ah-wrap) {padding-top:68px!important;}
 html body .mobile-nav {top:68px!important;height:calc(100dvh - 68px)!important;max-height:calc(100dvh - 68px)!important;padding:24px!important;overflow-y:auto;}
 html body .mobile-nav .hf-guest-only button {border-radius:4px!important;background:var(--hf-red)!important;box-shadow:none!important;}
}
@media(max-width:760px){
 html body .container,html body[data-page="home"] .news-area > .container {padding-inline:22px!important;}
 html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) {padding:36px 0 28px!important;}
 html body :is(.nw-section,.rk-section,.dl-section,.is-section,.ac-section,.gd-section,.ah-section) {padding-block:28px 40px!important;}
 html body[data-page="home"] .news-main {grid-template-columns:1fr!important;gap:22px!important;}
 html body[data-page="home"] .news-flex {grid-template-columns:90px minmax(0,1fr)!important;gap:14px!important;min-height:100px!important;}
 html body[data-page="home"] .news-col-right h4,html body[data-page="home"] .news-col-right h4 a {font-size:17px!important;}
 html body[data-page="home"] .news-title,html body[data-page="home"] .news-title a {font-size:23px!important;}
 html body[data-page="home"] .news-left-img img {aspect-ratio:1.9/1!important;}
}
@media(prefers-reduced-motion:reduce){html body [data-aos]{transition:none!important;transform:none!important;opacity:1!important;}html body{scroll-behavior:auto;}}
