/* Prestige subpages — presentation only. Existing forms, tabs, visibility,
   board grids, modal scrolling, and navigation remain owned by their scripts. */
body.msv-refined {
  --prestige-ink: #090e12;
  --prestige-panel: #111b21;
  --prestige-line: #bcaa7838;
  --prestige-gold: #ceb57e;
  --prestige-copy: #e5e4da;
  --prestige-muted: #aeb9ba;
  --prestige-art: url('assets/chronicle/citadel.jpg');
  --prestige-art-position: center 43%;
  --prestige-insignia: url('assets/icons/event-seal.svg');
  background: var(--prestige-ink);
  color: var(--prestige-copy);
}
body.msv-refined:has(#rankBody) {
  --prestige-art: url('assets/factions/slayer.jpg');
  --prestige-art-position: center 35%;
  --prestige-insignia: url('assets/icons/ranking-crown.svg');
}
body.msv-refined:has(#freeBody) {
  --prestige-art: url('assets/factions/vampire.jpg');
  --prestige-art-position: center 36%;
  --prestige-insignia: url('assets/icons/community-alliance.svg');
}
body.msv-refined:has(#tradeBody) {
  --prestige-art: url('assets/msv-gold/hero-wan-long-hq-poster.jpg');
  --prestige-art-position: center 43%;
  --prestige-insignia: url('assets/icons/trade-balance.svg');
}
body.msv-refined:has(.guide-grid) {
  --prestige-art: url('assets/factions/ousters.jpg');
  --prestige-art-position: center 31%;
  --prestige-insignia: url('assets/msv-gold/crest-gold-256.png');
}
body.msv-refined:has(#inquiryForm) {
  --prestige-art-position: center 66%;
  --prestige-insignia: url('assets/icons/inquiry-quill.svg');
}
body.msv-refined:has(#loginForm) {
  --prestige-art: url('assets/msv-gold/hero-wan-long-hq-poster.jpg');
  --prestige-art-position: center 35%;
  --prestige-insignia: url('assets/msv-gold/crest-gold-256.png');
}
body.msv-refined:has(.support-layout) {
  --prestige-art: url('assets/msv-gold/hero-gold.jpg');
  --prestige-art-position: center 35%;
  --prestige-insignia: url('assets/icons/ranking-crown.svg');
}
body.msv-refined:has(.dl-options) {
  --prestige-art: url('assets/factions/slayer.jpg');
  --prestige-art-position: center 52%;
  --prestige-insignia: url('assets/msv-gold/crest-gold-256.png');
}
body.msv-refined main {
  background: radial-gradient(ellipse at 80% 450px, #334c5620, transparent 750px), var(--prestige-ink);
  color: var(--prestige-copy);
}

/* An editorial masthead: quiet copy on the left, bounded artwork on the right. */
body.msv-refined :is(.page-hero, .dl-hero),
body.msv-refined .support-page .page-hero {
  position: relative;
  min-height: 358px;
  background: #0b1217;
  border-bottom: 1px solid var(--prestige-line);
  isolation: isolate;
}
body.msv-refined :is(.page-hero-bg, .page-hero-bg.emblem, .dl-hero-bg),
body.msv-refined:has(#inquiryForm) .page-hero-bg {
  inset: 0 0 0 auto;
  width: min(100%, 1800px);
  background-image: linear-gradient(90deg, #0b1217 0%, #0b1217e8 27%, #0b12176b 66%, #0b121749), linear-gradient(0deg, #0b1217d9, transparent 70%), var(--prestige-art);
  background-size: 100% 100%, 100% 100%, cover;
  background-position: center, center, var(--prestige-art-position);
  background-repeat: no-repeat;
  opacity: 1;
  filter: saturate(.62);
}
body.msv-refined :is(.page-hero, .dl-hero)::before {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d2bb806b 35%, transparent 80%);
  z-index: 1;
  pointer-events: none;
}
body.msv-refined :is(.page-hero, .dl-hero)::after {
  content: '';
  position: absolute;
  width: 108px;
  height: 108px;
  right: max(48px, calc((100% - 1240px) / 2));
  top: 50%;
  transform: translateY(-50%);
  background: var(--prestige-insignia) center / contain no-repeat;
  opacity: .58;
  filter: drop-shadow(0 10px 24px #0008);
  z-index: 1;
  pointer-events: none;
}
body.msv-refined :is(.page-hero-inner, .dl-hero-inner),
body.msv-refined .support-page .page-hero-inner {
  width: calc(100% - 96px);
  max-width: 1240px;
  margin-inline: auto;
  padding: 62px 170px 60px 0;
  text-align: left;
  z-index: 2;
}
body.msv-refined :is(.page-hero, .dl-hero) .eyebrow {
  justify-content: flex-start;
  margin: 0 0 21px;
  font: 11px/1.5 Georgia, serif;
  letter-spacing: .25em;
  color: #c9b582;
}
body.msv-refined :is(.page-hero, .dl-hero) .eyebrow::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 1px;
  background: #b89c62;
}
body.msv-refined :is(.page-hero, .dl-hero) h1 {
  margin: 0 0 20px;
  font-size: clamp(36px, 3.6vw, 54px);
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -.045em;
  color: #f0eadb;
  text-shadow: 0 3px 24px #0007;
  overflow-wrap: anywhere;
}
body.msv-refined :is(.page-hero, .dl-hero) h1 em { color: #d2b67b; font-weight: 400; }
body.msv-refined .page-hero-inner > p:not(.eyebrow),
body.msv-refined .dl-hero-desc {
  max-width: 720px;
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  color: #b9c3c3;
  overflow-wrap: anywhere;
}
body.msv-refined :is(.page-hero-inner, .dl-hero-inner)::after { display: none; }
body.msv-refined .dl-hero-shade { background: none; }
body.msv-refined main > .section-pad { padding-top: 50px; padding-bottom: 82px; }
body.msv-refined .section-head { margin-bottom: 28px; }
body.msv-refined .section-head h2 { color: #e9e4d6; font-size: 27px; font-weight: 500; }
body.msv-refined .section-head .kicker { color: #b89f70; font-size: 10px; letter-spacing: .18em; }

/* Tabs and reading surfaces keep the existing board layout and mobile stacking. */
body.msv-refined main .tabs:not(.tabs-sub) {
  gap: 3px;
  padding: 5px;
  border: 1px solid #b5a07736;
  background: #0f171d;
  box-shadow: inset 0 1px #e4d0a008, 0 14px 36px #0002;
  border-radius: 3px;
}
body.msv-refined main .tabs:not(.tabs-sub) .tab-btn {
  min-height: 58px;
  border: 1px solid transparent;
  border-radius: 1px;
  background: transparent;
  color: #abb6b8;
  font-size: 15px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: background .18s, border-color .18s, color .18s;
}
body.msv-refined main .tabs:not(.tabs-sub) .tab-btn:hover { color: #ecddbd; background: #c7ad7220; }
body.msv-refined main .tabs:not(.tabs-sub) .tab-btn.active {
  background: linear-gradient(110deg, #be9d5926, #ba9d5812);
  color: #ecd4a4;
  border-color: #c2a66c55;
  box-shadow: inset 0 -2px #bca16c;
}
body.msv-refined main .tabs-sub { gap: 8px; flex-wrap: wrap; margin: 22px 0; border: 0; }
body.msv-refined main .tabs-sub .tab-btn {
  min-height: 44px;
  padding: 10px 19px;
  border: 1px solid #83969938;
  border-radius: 2px;
  background: #111a20;
  color: #aebcbe;
  font-size: 13px;
  white-space: normal;
}
body.msv-refined main .tabs-sub .tab-btn.active { color: #e4cfa2; border-color: #bc9f6480; background: #26271f; box-shadow: none; }
body.msv-refined :is(.board, .rank-board) {
  background: #10191f;
  border: 1px solid #a9a18438;
  border-radius: 3px;
  box-shadow: 0 22px 60px #0003;
}
body.msv-refined :is(.board-head, .rank-head) { background: #1a282f; border-color: #a2b6b326; color: #aebdbf; font-size: 12px; letter-spacing: .025em; }
body.msv-refined :is(.board-row, .rank-row) { border-color: #adbbc218; transition: background .18s; }
body.msv-refined :is(.board-row, .rank-row):hover { background: #20323b66; }
body.msv-refined .board .b-title { color: #e0e4df; font-weight: 400; font-size: 16px; }
body.msv-refined .board-row :is(.b-author, .b-date, .b-views) { color: #9aadb2; }
body.msv-refined .board-empty {
  grid-column: 1 / -1;
  min-height: 220px;
  padding: 76px 24px 58px;
  background: radial-gradient(ellipse at 50% 0, #3f555923, transparent 72%), #10191d;
  border: 1px solid #b7a4791f;
  color: #b0bec0;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
  overflow-wrap: anywhere;
}
body.msv-refined .board-empty::before {
  content: '';
  display: block;
  width: 26px;
  height: 1px;
  margin: 0 auto 22px;
  background: #b89f69;
  box-shadow: -34px 0 #b89f6933, 34px 0 #b89f6933;
}
body.msv-refined .board-empty.nw-error { color: #e0b9ae; }
body.msv-refined :is(.pager button, .pager a) { min-width: 42px; min-height: 42px; color: #b4c1c2; background: #111c23; border-color: #8c9b9838; border-radius: 2px; }
body.msv-refined .pager :is(.active, [aria-current=page]) { background: #bba06b; border-color: #d1b77d; color: #151916; }
body.msv-refined .nw-list { gap: 12px; }
body.msv-refined .nw-item {
  min-height: 142px;
  background: linear-gradient(100deg, #18262e, #111b21 70%);
  border-color: #a69b753b;
  border-radius: 3px;
  box-shadow: inset 0 1px #ead8b006;
}
body.msv-refined .nw-item:hover { background: linear-gradient(100deg, #21353e, #142129); border-color: #bfa57078; }
body.msv-refined .nw-item .nw-title { color: #e9e7dc; font-size: 20px; font-weight: 500; line-height: 1.6; }
body.msv-refined .nw-date { border-color: #bca36b40; }
body.msv-refined .nw-date b { color: #d1b680; font-weight: 400; }
body.msv-refined .nw-date small { color: #9babad; }
body.msv-refined .nw-category { color: #d0b780; }
body.msv-refined .nw-thumb { border-color: #b5a5754d; }
body.msv-refined :is(.shot, .vid) { background: #121d24; border-color: #a396723b; border-radius: 3px; overflow: hidden; }
body.msv-refined :is(.shot, .vid):hover { border-color: #c7ad7780; }
body.msv-refined :is(.shot, .vid) .cap { padding: 18px 20px; background: #131e24; color: #e0e1d7; line-height: 1.65; }
body.msv-refined .rank-legend { color: #a7b7ba; font-size: 13px; }
body.msv-refined .rank-row .score { color: #dfc994; font-variant-numeric: tabular-nums; }
body.msv-refined .rank-row.r1 { background: linear-gradient(90deg, #b596502a, #b5965005 85%); box-shadow: inset 3px 0 #c1a36a; }
body.msv-refined .rank-row.r2 { background: linear-gradient(90deg, #83a8b817, transparent); }
body.msv-refined .rank-row.r3 { background: linear-gradient(90deg, #967c6117, transparent); }

/* Guide cards read like numbered field notes, not a wall of identical tiles. */
body.msv-refined .guide-grid { gap: 18px; }
body.msv-refined .guide-card {
  border: 1px solid #aaa08036;
  border-top-color: #c0a97280;
  border-radius: 2px;
  background: linear-gradient(120deg, #1a2a32, #111b22);
  box-shadow: 0 16px 32px #0002;
}
body.msv-refined .guide-card:nth-child(even) { background: linear-gradient(120deg, #1e282b, #121b20); }
body.msv-refined .guide-card:hover { background: #1d2d34; border-color: #bba37073; }
body.msv-refined .guide-card h3 { color: #e9dfc8; font-weight: 500; }
body.msv-refined .guide-card p { color: #b4c0c1; font-size: 15px; line-height: 1.95; }
body.msv-refined .guide-card .step-n { color: #c3ab77; letter-spacing: .15em; }
body.msv-refined [data-panel=beginner] .guide-card::after { color: #c4ac7429; font-weight: 400; }
body.msv-refined .faq { border-top: 1px solid #ad9c7038; }
body.msv-refined .faq-item { border-color: #a4b4b026; }
body.msv-refined .faq-q { min-height: 70px; color: #e2dfd1; background: #101a20; padding: 22px 25px; }
body.msv-refined .faq-q:hover { background: #19272d; }
body.msv-refined .faq-q .pm { color: #c5ad79; }
body.msv-refined .faq-a { padding: 24px 28px 30px; color: #b8c3c3; background: #0d171d; line-height: 1.95; }

/* Forms: darker input wells, clear labels, and unambiguous focus and errors. */
body.msv-refined :is(#inquiryForm, #loginForm) {
  position: relative;
  border: 1px solid #b4a0744d;
  border-top: 2px solid #bba16b;
  border-radius: 3px;
  background: linear-gradient(130deg, #1a2931, #111b22 80%);
  box-shadow: 0 26px 65px #0004, inset 0 1px #e2d1a817;
}
body.msv-refined #loginForm { max-width: 520px; padding: 38px; }
body.msv-refined #loginForm .form-actions { padding: 0; border: 0; background: none; }
body.msv-refined #loginForm .form-actions .btn { width: 100%; min-height: 52px; }
body.msv-refined #inquiryForm { padding: 36px; }
body.msv-refined .msv-form label { color: #dfd9c7; font-size: 14px; font-weight: 500; }
body.msv-refined .msv-form .req { color: #d0ab76; }
body.msv-refined :is(main, .modal-box) :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  background-color: #0b141a;
  border: 1px solid #8599974a;
  border-radius: 2px;
  color: #e6e6dc;
  font-family: MSVSans, sans-serif;
  font-size: 16px;
  box-shadow: inset 0 2px 6px #0002;
  caret-color: #e5ce9a;
  transition: border-color .18s, box-shadow .18s;
}
body.msv-refined :is(main, .modal-box) :is(input, textarea)::placeholder { color: #83969c; opacity: 1; }
body.msv-refined :is(main, .modal-box) :is(input, select, textarea):focus { border-color: #ccb37d; box-shadow: 0 0 0 3px #b49b6026; }
body.msv-refined :is(main, .modal-box) [aria-invalid=true] { border-color: #cb8d7f; }
body.msv-refined :is(.form-note, .rank-note) { color: #a4b5b8; font-size: 13px; line-height: 1.85; }
body.msv-refined .form-actions { background: #101a20; border-color: #ab9d7433; }
body.msv-refined .inq-item { background: #132028; border-color: #a3956c3b; }
body.msv-refined .inq-item:hover { background: #1c2d35; border-color: #c0a56f80; }
body.msv-refined .inq-subject { color: #e1e3da; }
body.msv-refined .inq-date { color: #96adb2; }
body.msv-refined .inq-badge { background: #2a352c; border-color: #8aa0874d; color: #b6c8ae; }
body.msv-refined .inq-badge.open { background: #343024; border-color: #bfa16859; color: #e2c991; }

body.msv-refined :is(main, .modal-box) :is(.btn, .board-search button) {
  border-radius: 2px;
  font-weight: 600;
  letter-spacing: -.01em;
  transition: border-color .18s, background .18s, box-shadow .18s;
}
body.msv-refined :is(main, .modal-box) .btn.btn-red {
  background: linear-gradient(115deg, #b89959, #dcc58d);
  border-color: #c9ae73;
  color: #141916;
  text-shadow: none;
  box-shadow: inset 0 1px #f3e2b3a3, 0 6px 18px #0003;
}
body.msv-refined :is(main, .modal-box) .btn.btn-red:hover { background: linear-gradient(115deg, #c9ab6c, #e9d5a6); box-shadow: inset 0 1px #f8e8baa3, 0 7px 24px #0005; }
body.msv-refined :is(main, .modal-box) :is(.btn-dark, .btn-outline, .board-search button) { background: #1b2a32; color: #d5dcd6; border-color: #91a6a153; }
body.msv-refined :is(main, .modal-box) :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #e2c58a;
  outline-offset: 4px;
}
body.msv-refined :is(main, .modal-box) :is(button, input, select, textarea):disabled { opacity: .55; cursor: not-allowed; }

/* Modal geometry/scroll ownership is untouched; only the reading surface changes. */
body.msv-refined .modal { background: #03080dcc; backdrop-filter: blur(8px); }
body.msv-refined .modal-box { border-color: #bca36b80; border-radius: 4px; background: #101a21; box-shadow: 0 35px 120px #000b; color: #dde3df; }
body.msv-refined .dialog-heading { background: linear-gradient(110deg, #30352d, #1c2b32 70%); border-color: #b19d6d4d; }
body.msv-refined .dialog-heading h3 { color: #f0e5cb; font-weight: 500; }
body.msv-refined .dialog-heading .kicker { color: #ccb581; }
body.msv-refined .modal-close { border-color: #bba47459; color: #e2d5b7; background: #0b151bed; }
body.msv-refined .modal-close:hover { background: #35423b; border-color: #cfb27c; }
body.msv-refined :is(.post-body, .nw-detail-body) { color: #d2dcdb; line-height: 1.95; }
body.msv-refined .modal-actions { background: #101a21f5; border-color: #b09d7338; }

/* The client desk: coherent editions, quieter specs, and legible install steps. */
body.msv-refined .dl-hero-meta { justify-content: flex-start; margin-top: 25px; }
body.msv-refined .dl-chip { padding: 8px 12px; border-color: #b9a2744d; background: #0a151b99; color: #a8b9bd; font: 12px/1.5 MSVSans, sans-serif; letter-spacing: 0; }
body.msv-refined .dl-chip b { color: #dec898; }
body.msv-refined .dl-options { padding-top: 50px; padding-bottom: 54px; }
body.msv-refined .dl-grid { gap: 22px; }
body.msv-refined .dl-card { padding: 34px; border-radius: 3px; background: linear-gradient(135deg, #202d30, #101c23); }
body.msv-refined .dl-card.primary { border-color: #c2a66c70; box-shadow: inset 0 2px #bba16b, 0 22px 48px #0003; }
body.msv-refined .dl-card.intl-blue { border-color: #718f9d75; box-shadow: inset 0 2px #7b9da7, 0 22px 48px #0003; background: linear-gradient(135deg, #1f303d, #111d26); }
body.msv-refined .dl-card.primary::before { background: radial-gradient(circle at 90% 5%, #bda05c16, transparent 60%); }
body.msv-refined .dl-card.intl-blue::before { background: radial-gradient(circle at 90% 5%, #80adca12, transparent 60%); }
body.msv-refined .dl-card .icon { background: #0d171c; border-color: #baab7745; }
body.msv-refined .dl-card h3 { color: #e9dec4; font-size: 22px; font-weight: 500; letter-spacing: -.025em; }
body.msv-refined .dl-card p { color: #afc0c3; font-size: 14px; line-height: 1.85; }
body.msv-refined .dl-card .dl-meta { margin-top: 28px; padding-top: 22px; border-color: #a2aaa136; }
body.msv-refined .dl-card .dl-size { color: #b2bdb9; }
body.msv-refined .dl-card .badge { position: static; align-self: flex-start; margin-top: 18px; padding: 5px 9px; letter-spacing: .04em; }
body.msv-refined :is(.dl-spec, .dl-install) { background: #0d151b; border-color: #a198742e; padding-block: 58px; }
body.msv-refined .dl-install { background: #0a1116; }
body.msv-refined .spec-grid { gap: 22px; }
body.msv-refined .spec-col { padding: 30px; border-color: #8ea0a038; border-radius: 3px; background: #142129; }
body.msv-refined .spec-col.rec { border-color: #b9a3735c; }
body.msv-refined .spec-col h3 { color: #d4c298; letter-spacing: 0; }
body.msv-refined .spec-col h3 .dot { background: #9aafaf; }
body.msv-refined .spec-col.rec h3 .dot { background: #c4a974; }
body.msv-refined .spec-row { border-color: #9eafad24; padding-block: 14px; font-size: 14px; }
body.msv-refined .spec-row .k { color: #97afb6; }
body.msv-refined .spec-row .v { color: #d8e0dc; overflow-wrap: anywhere; }
body.msv-refined .steps .step { border-color: #9e9b7938; border-radius: 2px; background: #131f26; }
body.msv-refined .step .n { color: #bba26b; font: 400 35px/1 Georgia, serif; }
body.msv-refined .step b { color: #e3dcc8; font-size: 16px; }
body.msv-refined .step p { color: #aabdc1; font-size: 14px; line-height: 1.85; }
body.msv-refined .dl-help { background: linear-gradient(100deg, #2e352c, #132129 70%); border-color: #b49c683f; }
body.msv-refined .dl-help h2 { color: #e9dec1; font-weight: 500; }
body.msv-refined .dl-help p { color: #afc0c0; }

body.msv-refined .support-layout .donate-hero { border-color: #bca37080; border-radius: 3px; box-shadow: 0 24px 64px #0005; }
body.msv-refined .support-layout :is(.info-card, .dstep) { background: linear-gradient(130deg, #1a2a30, #101b22); border-color: #a89c723d; border-radius: 3px; }
body.msv-refined .support-layout .info-card h3 { color: #e4d6b5; font-weight: 500; }
body.msv-refined .support-layout :is(.info-card p, .dstep p) { color: #b1c0c1; font-size: 15px; line-height: 1.85; }
body.msv-refined .support-layout .dstep-n { color: #c5ab72; font-weight: 400; }
body.msv-refined .support-layout .dstep b { color: #e3dac4; }
body.msv-refined .support-layout .callout { background: #17252b; border-color: #b39c683b; border-left-color: #bd9f63; color: #b8c6c5; line-height: 1.9; }
body.msv-refined .support-layout .donate-subh { color: #d9ccb0; }

/* Admin uses its own shell and breakpoint logic; do not touch its hidden views. */
body.admin-premium.msv-refined main { background: radial-gradient(ellipse at 80% 0, #41545c20, transparent 650px), #090f14; }
body.admin-premium.msv-refined .admin-login { max-width: 540px; }
body.admin-premium.msv-refined .admin-login h1 { color: #eadbb8; }
body.admin-premium.msv-refined .admin-login-desc { color: #aebdc0; }
body.admin-premium.msv-refined .admin-login .auth-form { background: linear-gradient(130deg, #1c2b32, #101b23); border-color: #b7a06c59; border-top: 2px solid #baa06a; box-shadow: 0 24px 70px #0004; }
body.admin-premium.msv-refined .admin-stat { background: linear-gradient(125deg, #213038, #131f27); border-color: #a299753d; }
body.admin-premium.msv-refined .admin-stat-v { color: #e1c994; }
body.admin-premium.msv-refined .admin-stat-l { color: #aabcbf; }
body.admin-premium.msv-refined .admin-stat.ok .admin-stat-v { color: #acc7a5; }
body.admin-premium.msv-refined .admin-stat.bad .admin-stat-v { color: #e0a396; }
body.admin-premium.msv-refined .admin-panel { background: #121d24; border-color: #b2a57836; box-shadow: 0 18px 42px #0002; }
body.admin-premium.msv-refined :is(.admin-panel-h, .admin-panel-head) { border-color: #b09f7230; color: #e1d4b5; }
body.admin-premium.msv-refined .admin-panel-head { background: linear-gradient(100deg, #27322f, #17262e); }
body.admin-premium.msv-refined .admin-thead { background: #1c2c34; color: #aebfc0; border-color: #a3b3a82b; }
body.admin-premium.msv-refined .admin-trow { color: #cbd6d3; border-color: #92aaa420; }
body.admin-premium.msv-refined .admin-trow:hover { background: #25404a33; }
body.admin-premium.msv-refined .admin-trow.is-hidden { background: #191e21; }
body.admin-premium.msv-refined .admin-cell-strong { color: #e9e4d4; }
body.admin-premium.msv-refined :is(.admin-cell-mono, .admin-log-hint) { color: #9cafb6; }
body.admin-premium.msv-refined .admin-empty { background: #101a21; color: #a0b5bb; }
body.admin-premium.msv-refined .admin-subtab { background: #101b22; border-color: #91a29a40; color: #b7c4c3; }
body.admin-premium.msv-refined .admin-subtab.active { background: #c6ad77; color: #17201e; border-color: #d3be8d; }

body.msv-refined .footer { background: #080d11; border-top-color: #ac996837; }
body.msv-refined .footer-bottom { color: #8e9e9f; border-color: #93a6a31c; }

@media (max-width: 1000px) {
  body.msv-refined :is(.page-hero-inner, .dl-hero-inner),
  body.msv-refined .support-page .page-hero-inner { width: calc(100% - 64px); padding-right: 115px; }
  body.msv-refined :is(.page-hero, .dl-hero)::after { width: 82px; height: 82px; right: 28px; opacity: .4; }
  body.msv-refined .dl-card { padding: 28px; }
}
@media (max-width: 700px) {
  body.msv-refined :is(.page-hero, .dl-hero),
  body.msv-refined .support-page .page-hero { min-height: 290px; }
  body.msv-refined :is(.page-hero-bg, .page-hero-bg.emblem, .dl-hero-bg),
  body.msv-refined:has(#inquiryForm) .page-hero-bg { opacity: .62; background-position: center, center, var(--prestige-art-position); }
  body.msv-refined :is(.page-hero-inner, .dl-hero-inner),
  body.msv-refined .support-page .page-hero-inner { width: calc(100% - 40px); padding: 43px 0 45px; }
  body.msv-refined :is(.page-hero, .dl-hero)::after { width: 100px; height: 100px; top: 30px; right: -14px; transform: none; opacity: .11; }
  body.msv-refined :is(.page-hero, .dl-hero) .eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: .2em; }
  body.msv-refined :is(.page-hero, .dl-hero) h1 { font-size: 34px; margin-bottom: 17px; }
  body.msv-refined .page-hero-inner > p:not(.eyebrow), body.msv-refined .dl-hero-desc { font-size: 15px; line-height: 1.85; }
  body.msv-refined main > .section-pad { padding-top: 30px; padding-bottom: 52px; }
  body.msv-refined .section-head h2 { font-size: 24px; }
  body.msv-refined main .tabs:not(.tabs-sub) { gap: 2px; }
  body.msv-refined main .tabs:not(.tabs-sub) .tab-btn { min-height: 52px; padding: 12px 7px; font-size: 13px; }
  body.msv-refined main .tabs-sub { gap: 6px; }
  body.msv-refined main .tabs-sub .tab-btn { flex: 1 1 28%; padding-inline: 10px; font-size: 12px; }
  body.msv-refined .board-empty { min-height: 180px; padding: 54px 20px 42px; font-size: 14px; }
  body.msv-refined .nw-item { min-height: 130px; }
  body.msv-refined .nw-item .nw-title { font-size: 17px; }
  body.msv-refined .guide-grid { gap: 14px; }
  body.msv-refined .faq-q { padding: 21px 18px; }
  body.msv-refined .faq-a { padding: 21px 20px 26px; font-size: 15px; }
  body.msv-refined :is(#inquiryForm, #loginForm) { padding: 26px 21px; }
  body.msv-refined #inquiryForm .form-actions { flex-wrap: wrap; }
  body.msv-refined .dl-hero-meta { gap: 7px; margin-top: 23px; }
  body.msv-refined .dl-chip { font-size: 11px; padding: 7px 10px; }
  body.msv-refined .dl-options { padding-top: 34px; padding-bottom: 38px; }
  body.msv-refined .dl-grid, body.msv-refined .spec-grid { gap: 16px; }
  body.msv-refined .dl-card { padding: 26px 22px; }
  body.msv-refined .dl-card h3 { font-size: 20px; }
  body.msv-refined .dl-card .dl-meta { gap: 14px; flex-wrap: wrap; }
  body.msv-refined .dl-card .dl-meta .btn { flex: 1 1 180px; }
  body.msv-refined :is(.dl-spec, .dl-install) { padding-block: 40px; }
  body.msv-refined .spec-col { padding: 24px 22px; }
  body.msv-refined .spec-row { grid-template-columns: 78px minmax(0, 1fr); gap: 10px; font-size: 13px; }
  body.msv-refined .dl-help-inner { align-items: flex-start; flex-direction: column; }
  body.msv-refined .dl-help-inner > .btn { width: 100%; }
  body.msv-refined .support-layout :is(.info-card p, .dstep p) { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.msv-refined main :is(.tab-btn, .board-row, .rank-row, .btn, input, textarea, select),
  body.msv-refined .modal-box :is(.btn, input, textarea, select) { transition: none; }
}
