/* Valyria Online: ornate three-column portal. World art behind, forged steel ribbons, gold frames, aged vellum.
   Loads last. Staff pages (body.vly-admin) keep their own dark shell. */
:root {
  --vly-edge: #55452b; --vly-gold: #b8893a; --vly-gold-hi: #e2bb6d; --vly-molten: #f0c566;
  --vly-vellum: #e8dcc2; --vly-vellum-lo: #d9caa9; --vly-vellum-hi: #f1e7d2; --vly-ink: #2a2017; --vly-ink-soft: #55452f;
  --vly-line: #b49e78; --vly-link: #6f3f0c; --vly-blood: #6e2a1a; --vly-bone: #efe6d6;
  --vly-display: 'Marcellus', Georgia, serif; --vly-ui: Verdana, Tahoma, sans-serif;
  --vly-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}
html[data-theme="light"] { color-scheme: light; }

body:not(.vly-admin), body:not(.vly-admin) * { font-family: var(--vly-ui); }
body:not(.vly-admin) .fa { font-family: FontAwesome !important; }
html[data-theme="light"] body:not(.vly-admin) {
  background: #0d0b0d url(/brand/world.jpg) center top / cover fixed no-repeat !important;
  color: var(--vly-ink); font-size: 12px; line-height: 1.5;
}
body:not(.vly-admin)::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 50% 26%, rgba(8,8,10,0) 40%, rgba(8,8,10,.6) 100%); }

/* ---- reusable pieces ---- */
.vly-ribbon, body:not(.vly-admin) .vly-widget-head, body:not(.vly-admin) .left_box .box-header, body:not(.vly-admin) .container_right .box-header, body.page_news .nw-ticker-head {
  display: flex !important; align-items: center; justify-content: center; position: relative; box-sizing: border-box;
  min-height: 36px; margin: 0; padding: 0 !important;
  background: none !important; box-shadow: none !important; border-style: solid !important; border-color: transparent !important;
  border-width: 0 22px !important; border-radius: 0 !important;
  border-image: url(/brand/ui/ribbon.svg) 0 44 fill / 0 22px stretch !important;
}
.vly-ribbon, body:not(.vly-admin) .vly-widget-title, body:not(.vly-admin) .left_box .box-header h3, body:not(.vly-admin) .container_right .box-header h3, body.page_news .nw-ticker-head h2 {
  margin: 0 !important; color: var(--vly-molten) !important; font: 400 15px/1 var(--vly-display) !important; letter-spacing: .09em !important;
  text-transform: uppercase !important; text-shadow: 0 1px 2px #000; background: none !important; -webkit-text-fill-color: currentColor;
}
.vly-ribbon--wide, body.page_news .nw-ticker-head h2 { font-size: 17px !important; }
.vly-ribbon--wide, body.page_news .nw-ticker-head { min-height: 40px; }

.vly-panel, body:not(.vly-admin) .vly-widget, body:not(.vly-admin) .container_right > .right_box {
  position: relative; display: flex; flex-direction: column; gap: 8px; box-sizing: border-box; width: auto !important; margin: 0 !important;
  padding: 0 14px 14px !important; text-align: center; color: var(--vly-ink);
  background: var(--vly-vellum) var(--vly-paper) !important; background-clip: padding-box !important;
  border: 10px solid transparent !important; border-radius: 0 !important; border-image: url(/brand/ui/frame.svg) 24 / 12px stretch !important;
  box-shadow: inset 0 0 22px rgba(103,75,35,.35), 0 5px 14px rgba(0,0,0,.55) !important;
}
.vly-panel > .vly-ribbon, body:not(.vly-admin) .vly-widget > .vly-widget-head, body:not(.vly-admin) .container_right > .right_box > .box-header {
  margin: -6px -30px 4px !important;
}
.vly-btn { display: flex; align-items: center; justify-content: center; min-height: 32px; padding: 5px 10px; box-sizing: border-box; border: 1px solid #000; border-radius: 3px;
  font: 700 12px/1.2 var(--vly-ui) !important; text-decoration: none !important; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,.45); }
.vly-btn--steel { background: linear-gradient(#4a3f33, #231d1a); color: var(--vly-molten) !important; box-shadow: inset 0 0 0 1px rgba(226,187,109,.55), 0 1px 3px rgba(0,0,0,.5); }
.vly-btn--steel:hover { background: linear-gradient(#5d4f3e, #2e2622); }
.vly-btn--stone { background: linear-gradient(#8a7656, #5b4c37); color: #fbf3df !important; box-shadow: inset 0 0 0 1px rgba(255,240,205,.3), 0 1px 3px rgba(0,0,0,.5); }
.vly-btn--stone:hover { background: linear-gradient(#9d8865, #6a5a42); }
.vly-btn--molten { min-height: 38px; background: linear-gradient(#f3bc4e, #c9731a); color: #1d0f03 !important; text-shadow: none; font-size: 13px !important; box-shadow: inset 0 0 0 1px rgba(255,236,180,.65), 0 2px 6px rgba(0,0,0,.6); }
.vly-btn--molten:hover { background: linear-gradient(#ffcd63, #dc8324); }

/* ---- page frame ---- */
body:not(.vly-admin) .main { width: min(1280px, 100%); max-width: 1280px; margin: 0 auto; padding: 0 8px; background: none !important; }
.vly-head { display: flex; justify-content: center; height: 176px; padding-top: 8px; position: relative; z-index: 2; }
.vly-head img { height: 168px; width: auto; filter: drop-shadow(0 6px 14px rgba(0,0,0,.7)); }
body:not(.vly-admin) .container_main {
  display: grid !important; grid-template-columns: 226px minmax(0, 1fr) 226px; gap: 12px; align-items: start;
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 16px !important; background: none !important;
}
body:not(.vly-admin) .container_left, body:not(.vly-admin) .container_right {
  display: flex !important; flex-direction: column; gap: 8px; width: auto !important; min-width: 0 !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important;
  position: static !important; max-height: none !important; overflow: visible !important; float: none !important; order: 0 !important;
}
.vly-centre { min-width: 0; display: flex; flex-direction: column; gap: 10px; }

/* the reading sheet */
body:not(.vly-admin) .container_mid {
  width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; float: none !important; box-sizing: border-box;
  padding: 18px 20px 26px !important; color: var(--vly-ink); font-size: 12.5px;
  background: var(--vly-vellum) var(--vly-paper) !important; background-clip: padding-box !important;
  border: 10px solid transparent !important; border-radius: 0 !important; border-image: url(/brand/ui/frame.svg) 24 / 12px stretch !important;
  box-shadow: inset 0 0 44px rgba(103,75,35,.33), 0 5px 18px rgba(0,0,0,.55) !important;
}
body:not(.vly-admin) .container_mid h1, body:not(.vly-admin) .container_mid h2, body:not(.vly-admin) .container_mid .lib-page-title { font-family: var(--vly-display); font-weight: 400; }
body:not(.vly-admin) .container_mid a:not(.vly-btn):not([class*="btn"]) { color: var(--vly-link); }
body:not(.vly-admin) .container_mid a:not(.vly-btn):hover { color: #a85f12; }
body:not(.vly-admin) .container_mid input, body:not(.vly-admin) .container_mid select, body:not(.vly-admin) .container_mid textarea {
  background: var(--vly-vellum-hi) !important; color: var(--vly-ink) !important; border: 1px solid #8b7654 !important; border-radius: 2px !important;
}
body:not(.vly-admin) .container_mid table th { background: linear-gradient(#332a23, #141113) !important; color: var(--vly-gold-hi) !important; border-color: #000 !important; }
body:not(.vly-admin) .container_mid table th a { color: var(--vly-gold-hi) !important; }
body:not(.vly-admin) .container_mid table td { border-color: var(--vly-line); }
body:not(.vly-admin) .container_mid tbody tr:nth-child(odd) { background-color: var(--vly-vellum-lo); }
body:not(.vly-admin) .container_mid tbody tr:nth-child(even) { background-color: var(--vly-vellum-hi); }
body:not(.vly-admin) .container_mid hr, body:not(.vly-admin) .nw-hr {
  height: 34px; border: 0; margin: 14px 0; background:
    url(/brand/ui/emblem.png) center / auto 32px no-repeat,
    linear-gradient(90deg, transparent, var(--vly-gold) 18%, var(--vly-gold) 44%, transparent 44%, transparent 56%, var(--vly-gold) 56%, var(--vly-gold) 82%, transparent) center / 100% 1px no-repeat !important;
}

/* ---- news page: separate framed sections on the world art ---- */
body.page_news:not(.vly-admin) .container_mid { padding: 0 !important; background: none !important; border: 0 !important; border-image: none !important; box-shadow: none !important; }
body.page_news .nw-wrap { display: flex; flex-direction: column; gap: 10px; }
body.page_news .nw-card, body.page_news .nw-empty, body.page_news .nw-tk-list {
  background: var(--vly-vellum) var(--vly-paper) !important; margin: 0 !important;
}
body.page_news .nw-card, body.page_news .nw-empty {
  background-clip: padding-box !important; border: 10px solid transparent !important; border-radius: 0 !important; border-image: url(/brand/ui/frame.svg) 24 / 12px stretch !important;
  box-shadow: inset 0 0 30px rgba(103,75,35,.3), 0 5px 14px rgba(0,0,0,.5) !important; overflow: visible !important;
}
body.page_news .nw-ticker { background: none !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; overflow: visible !important; border-radius: 0 !important; }
body.page_news .nw-tk-signal { color: var(--vly-molten) !important; background: none !important; border: 0 !important; box-shadow: none !important; margin-right: 8px; }
body.page_news .nw-ticker-head .fa { color: var(--vly-molten) !important; }
body.page_news .nw-tk-row { margin: 0 8px !important; background: var(--vly-vellum-hi) !important; border: solid var(--vly-gold) !important; border-width: 0 2px 1px !important; }
body.page_news .nw-tk-row:nth-of-type(even) { background: var(--vly-vellum-lo) !important; }
body.page_news .nw-tk-row:last-of-type { border-bottom-width: 2px !important; box-shadow: 0 5px 14px rgba(0,0,0,.5); }
body.page_news .nw-tk-sum { color: var(--vly-ink) !important; }
body.page_news .nw-tk-ico { color: var(--vly-link) !important; background: none !important; border: 0 !important; }
body.page_news .nw-tk-date { color: var(--vly-ink-soft) !important; }
body.page_news .nw-tk-text { color: var(--vly-ink) !important; }
body.page_news .nw-card-bar { background: linear-gradient(#332a23, #141113) !important; color: var(--vly-molten) !important; border: 1px solid #000 !important; border-radius: 0 !important; margin: 0 !important; }
body.page_news .nw-card-bar a, body.page_news .nw-card-bar span, body.page_news .nw-card-bar .fa { color: var(--vly-gold-hi) !important; background: none !important; border-color: transparent !important; }
body.page_news .nw-card-bar .nw-bar-title { color: var(--vly-molten) !important; font: 400 16px var(--vly-display) !important; }
body.page_news .nw-card-body { background: none !important; color: var(--vly-ink) !important; }
body.page_news .nw-content img, body.page_news .nw-img { border: 1px solid #000; box-shadow: 0 0 0 1px var(--vly-gold); border-radius: 0 !important; }
.vly-ribbon--wide { margin: 0 !important; }

/* ---- left column ---- */
.vly-login { gap: 6px; padding-bottom: 10px !important; }
.vly-login-lost { font-size: 11px; font-weight: 700; color: var(--vly-link) !important; margin-top: 2px; }
.vly-download { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; margin: 0 10px; border: 1px solid #000; border-radius: 3px; text-decoration: none !important;
  background: linear-gradient(#d2a34f, #8d6425) !important; color: #140e06 !important; font: 400 18px/1 var(--vly-display) !important;
  box-shadow: inset 0 0 0 1px rgba(255,232,170,.5), 0 3px 10px rgba(0,0,0,.6); }
.vly-download:hover { background: linear-gradient(#e2b863, #a3752d) !important; }
body:not(.vly-admin) .left_box { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; overflow: visible !important; }
body:not(.vly-admin) .left_box .box-header { cursor: pointer; }
body:not(.vly-admin) .left_box .box-header svg { display: none; }
body:not(.vly-admin) .left_box .toggle-arrow, body:not(.vly-admin) .left_box .box-header > .fa { position: absolute; right: 2px; color: var(--vly-gold-hi) !important; font-size: 11px; }
body:not(.vly-admin) .left_box .box-content { margin: -4px 8px 2px; padding: 8px 0 6px !important; background: var(--vly-vellum) var(--vly-paper) !important;
  border: 2px solid var(--vly-gold) !important; border-top: 0 !important; border-radius: 0 0 3px 3px !important; box-shadow: 0 0 0 1px #000, 0 4px 10px rgba(0,0,0,.5) !important; }
body:not(.vly-admin) .nav-menu { list-style: none; margin: 0; padding: 0; }
body:not(.vly-admin) .nav-menu li { margin: 0; padding: 0; border: 0; background: none; }
body:not(.vly-admin) .nav-menu a { display: block; position: relative; padding: 4px 12px 4px 23px !important; color: #3e2d15 !important; font: 700 12px/1.5 var(--vly-ui) !important; background: none !important; border: 0 !important; border-radius: 0 !important; transform: none !important; }
body:not(.vly-admin) .nav-menu a i { display: none; }
body:not(.vly-admin) .nav-menu a::before { content: ""; position: absolute; left: 11px; top: 11px; width: 5px; height: 5px; background: var(--vly-gold); transform: rotate(45deg); }
body:not(.vly-admin) .nav-menu a:hover { background: var(--vly-vellum-lo) !important; }
body:not(.vly-admin) .nav-menu a.is-current { color: var(--vly-blood) !important; }
body:not(.vly-admin) .nav-menu a.is-current::before { background: var(--vly-blood); }
body:not(.vly-admin) .left_box--link { text-decoration: none !important; }

/* logged-in account menu */
body:not(.vly-admin) .container_left > *:not(.left_box):not(.vly-panel):not(.vly-download):not(script):not(style) {
  background: var(--vly-vellum) var(--vly-paper) !important; background-clip: padding-box !important; margin: 0 !important; width: auto !important;
  border: 10px solid transparent !important; border-radius: 0 !important; border-image: url(/brand/ui/frame.svg) 24 / 12px stretch !important; box-shadow: 0 5px 14px rgba(0,0,0,.5) !important;
}

/* ---- top bar ---- */
.vly-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 18px; padding: 9px 4px; min-height: 48px; box-sizing: border-box;
  border-style: solid; border-color: transparent; border-width: 0 26px; border-image: url(/brand/ui/ribbon.svg) 0 44 fill / 0 26px stretch; }
.vly-topbar > a { display: inline-flex; align-items: center; gap: 6px; color: var(--vly-bone) !important; font: 700 12px/1.3 var(--vly-ui) !important; text-decoration: none; text-shadow: 0 1px 2px #000; }
.vly-topbar > a:hover { color: var(--vly-molten) !important; }
.vly-topbar .vly-online b { color: #a9cf8f; font: inherit !important; }
.vly-topbar .vly-online .fa { color: #a9cf8f; }
body:not(.vly-admin) .server-status-bar { display: flex !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; color: var(--vly-gold-hi); font-size: 11px; }
body:not(.vly-admin) .server-status-bar .status-value { color: var(--vly-molten) !important; font: 700 11px Consolas, monospace !important; }
body:not(.vly-admin) .server-status-bar .status-item { padding: 0; background: none; border: 0; }
.vly-topbar .vly-burger { display: none; }

/* launch countdown */
.vly-countdown { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 14px; padding: 4px 4px !important; position: static !important; box-sizing: border-box;
  border-style: solid !important; border-color: transparent !important; border-width: 0 26px !important; border-image: url(/brand/ui/ribbon.svg) 0 44 fill / 0 26px stretch !important; background: none !important; box-shadow: none !important; margin: 0 !important; }
.vly-countdown-title { color: var(--vly-molten); font: 400 16px/1.2 var(--vly-display) !important; }
body:not(.vly-admin) .vly-countdown * { color: var(--vly-bone) !important; background: none !important; border-color: transparent !important; box-shadow: none !important; }

/* ---- right column ---- */
.vly-shop { display: flex; flex-direction: column; gap: 0; padding: 0 0 8px; border: 2px solid var(--vly-gold); background: #120f0f; box-shadow: 0 0 0 1px #000, 0 5px 14px rgba(0,0,0,.6); }
.vly-shop-title { margin: 0; padding: 5px 4px; text-align: center; color: #fbe9b9 !important; font: 400 15px/1.2 var(--vly-display) !important; letter-spacing: .1em; text-transform: uppercase;
  background: linear-gradient(#8f6a2a, #5a3f16); border-bottom: 1px solid #000; }
.vly-shop-art { position: relative; display: block; line-height: 0; text-decoration: none !important; }
.vly-shop-art img { width: 100%; height: 118px; object-fit: cover; display: block; }
.vly-shop-art span { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; color: var(--vly-molten); font: 400 19px/1.1 var(--vly-display) !important; text-shadow: 0 2px 5px #000, 0 0 12px #000; }
.vly-shop .vly-btn { margin: 8px 8px 0; }
.vly-side p { margin: 0; font-size: 11px; line-height: 1.45; color: var(--vly-ink-soft); }
.vly-side-art { display: block; line-height: 0; border: 1px solid var(--vly-edge); box-shadow: 0 0 0 1px #000; }
.vly-side-art img { width: 100%; height: 76px; object-fit: cover; display: block; }
.vly-side-icon { align-self: center; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--vly-molten); font-size: 24px;
  background: radial-gradient(circle at 40% 35%, #4a3f33, #151214); border: 2px solid var(--vly-gold); box-shadow: 0 0 0 1px #000, 0 2px 6px rgba(0,0,0,.5); }
body:not(.vly-admin) .container_right a:not(.vly-btn) { color: var(--vly-link) !important; }
body:not(.vly-admin) .vly-widget-head > i, body:not(.vly-admin) .container_right .box-header > i { display: none; }
body:not(.vly-admin) .container_right .box-content, body:not(.vly-admin) .container_right .body { background: none !important; }
body:not(.vly-admin) .vly-t5-picker, body:not(.vly-admin) .vly-widget-head > .vly-tg-tag { position: absolute; right: 2px; }

/* ---- footer ---- */
body:not(.vly-admin) .vly-site-footer { background: linear-gradient(rgba(21,18,20,.92), rgba(10,8,9,.96)) !important; border: 0 !important; border-top: 2px solid var(--vly-gold) !important; margin: 8px -8px 0; padding: 18px 16px 18px; text-align: center; color: #cfc6b6; font-size: 11px; }
body:not(.vly-admin) .vly-site-footer p { margin: 0 0 3px; color: #a79c8c; }
.vly-foot-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; max-width: 1000px; margin: 0 auto 14px; text-align: left; }
.vly-foot-cols h4 { margin: 0 0 6px; color: var(--vly-molten); font: 400 14px var(--vly-display) !important; letter-spacing: .08em; text-transform: uppercase; }
.vly-foot-cols a { display: block; padding: 2px 0; color: #cfc6b6 !important; text-decoration: none; }
.vly-foot-cols a:hover { color: var(--vly-molten) !important; }

/* effects from the old look */
body:not(.vly-admin) .vy-ripple, body:not(.vly-admin) .vy-trail, body:not(.vly-admin) .vy-spotlight { display: none !important; }
body:not(.vly-admin) .vy-progress { background: var(--vly-gold) !important; }
:focus-visible { outline: 2px solid var(--vly-molten); outline-offset: 2px; }

@media (max-width: 1100px) {
  body:not(.vly-admin) .container_main { grid-template-columns: 206px minmax(0, 1fr); }
  body:not(.vly-admin) .container_right { grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
@media (max-width: 860px) {
  .vly-head { height: 128px; }
  .vly-head img { height: 122px; }
  body:not(.vly-admin) .container_main { grid-template-columns: minmax(0, 1fr); }
  body:not(.vly-admin) .container_right { grid-template-columns: minmax(0, 1fr); }
  body:not(.vly-admin) .container_left { display: none !important; }
  body:not(.vly-admin) .container_left.open { display: flex !important; order: -1 !important; }
  body:not(.vly-admin) .container_mid { padding: 12px 10px 18px !important; }
  body:not(.vly-admin) .nav-menu a { padding-block: 10px !important; }
  body:not(.vly-admin) .nav-menu a::before { top: 16px; }
  .vly-topbar .vly-burger { display: flex !important; flex-direction: column; gap: 4px; width: 100%; min-height: 40px; align-items: center; justify-content: center; background: none !important; border: 1px solid var(--vly-edge) !important; border-radius: 3px; }
  .vly-topbar .vly-burger span { display: block; width: 20px; height: 2px; background: var(--vly-molten) !important; position: static !important; transform: none !important; opacity: 1 !important; }
  .vly-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* fixes after first look */
body:not(.vly-admin) .left_box .box-header { height: 36px !important; flex: none; }
body:not(.vly-admin) .vly-widget, body:not(.vly-admin) .container_right > .right_box { overflow: visible !important; }
body:not(.vly-admin) .vly-widget-head { height: 36px !important; flex: none; }
body:not(.vly-admin) .left_box .box-header h3 { flex: 1; text-align: center !important; }
body:not(.vly-admin) .vly-foot-cols h4 { color: var(--vly-molten) !important; }
body:not(.vly-admin) .lib-rank-circle, body:not(.vly-admin) .lib-rank-circle * { color: #fbf3df !important; text-shadow: 0 1px 2px #000; }

/* page details found in the full audit */
body:not(.vly-admin) .container_mid a:where(:not(.vly-btn):not([class*="btn"]):not([class*="tab"])) { color: var(--vly-link) !important; }
body:not(.vly-admin) .container_mid .dl-hero a, body:not(.vly-admin) .container_mid .dl-hero strong { color: var(--vly-molten) !important; }
body:not(.vly-admin) .gw-hero-title, body.page_task_board .container_mid h1 { color: var(--vly-bone) !important; }
body:not(.vly-admin) .container_mid a.pl-tab, body:not(.vly-admin) .container_mid .pg-btn, body:not(.vly-admin) .container_mid a.success-back-link { color: #1a1208 !important; }
body:not(.vly-admin) .lib-card-badge, body:not(.vly-admin) .lib-stat-exp { color: #3e2d15 !important; }
body:not(.vly-admin) .pl-empty { color: var(--vly-ink) !important; background: none !important; }
body.page_worldtransfer .container_mid *:not(.fa):not(a):not(button) { color: var(--vly-ink) !important; }

/* links on dark bars keep their gold */
body:not(.vly-admin) .container_mid .nw-card-bar a, body:not(.vly-admin) .container_mid .nw-card-bar .nw-bar-title { color: var(--vly-molten) !important; }
/* action buttons: steel and gold, not the leftover red */
body:not(.vly-admin) .rg-btn--primary, body:not(.vly-admin) .rg-btn--submit, body:not(.vly-admin) .ma-btn--primary {
  background: linear-gradient(#d2a34f, #8d6425) !important; color: #140e06 !important; border: 1px solid #000 !important; box-shadow: inset 0 0 0 1px rgba(255,232,170,.5) !important; }
@media (max-width: 860px) {
  html[data-theme="light"] body .vly-topbar .vly-burger { min-height: 34px; border: 0 !important; background: none !important; }
  html[data-theme="light"] body .vly-topbar .vly-burger span { background: var(--vly-molten) !important; }
}

/* menu hover: keep the ribbon, brighten it */
html[data-theme="light"] body:not(.vly-admin) .left_box .box-header:hover { background: none !important; filter: brightness(1.25); }
html[data-theme="light"] body:not(.vly-admin) .left_box .box-header:hover h3 { color: var(--vly-molten) !important; -webkit-text-fill-color: currentColor; }
html[data-theme="light"] body:not(.vly-admin) .left_box .box-header:hover .toggle-arrow,
html[data-theme="light"] body:not(.vly-admin) .left_box .box-header:hover > .fa { color: var(--vly-gold-hi) !important; }
html[data-theme="light"] body:not(.vly-admin) .left_box .box-header { border-left-color: transparent !important; }

/* the title stays gold while the pointer is anywhere in its menu */
html[data-theme="light"] body:not(.vly-admin) .left_box:hover .box-header { background: none !important; }
html[data-theme="light"] body:not(.vly-admin) .left_box:hover .box-header h3 { color: var(--vly-molten) !important; -webkit-text-fill-color: currentColor; opacity: 1 !important; }
html[data-theme="light"] body:not(.vly-admin) .left_box .nav-menu a:hover { background: var(--vly-vellum-lo) !important; }

/* launch countdown: one line, numbers only, level with its title */
body:not(.vly-admin) .vly-countdown { min-height: 44px; flex-wrap: nowrap; gap: 12px; padding: 0 4px !important; }
body:not(.vly-admin) .vly-countdown .countdown-label { display: none !important; }
body:not(.vly-admin) .vly-countdown #countDownTimer { display: inline-flex !important; align-items: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
body:not(.vly-admin) .vly-countdown .countdown-unit { display: inline-flex !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
body:not(.vly-admin) .vly-countdown .countdown-value, body:not(.vly-admin) .vly-countdown .countdown-separator {
  margin: 0 !important; padding: 0 !important; font: 400 17px/1 var(--vly-display) !important; font-variant-numeric: tabular-nums; color: var(--vly-molten) !important; transform: none !important; }
body:not(.vly-admin) .vly-countdown-title { font-size: 17px !important; line-height: 1 !important; }