/* Shared static header/footer, using the homepage's existing fonts and palette. */
.bv-header, .bv-footer { font-family: Manrope, sans-serif; color: #efe7d8; line-height: 1.5; }
.bv-header *, .bv-footer * { box-sizing: border-box; }
.bv-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #e9c46a1a; background: #0e0a08cc; backdrop-filter: blur(24px); }
.bv-nav { max-width: 1280px; margin: auto; padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.bv-header a, .bv-footer a { text-decoration: none; }
.bv-brand { font-family: 'Cinzel Decorative', serif; font-size: 24px; font-weight: 900; line-height: 1; background: linear-gradient(180deg,#f4e7bc 0%,#e9c46a 28%,#c8952a 58%,#7a4a0a 82%,#3d1f00 100%); background-clip: text; -webkit-background-clip: text; color: transparent; filter: drop-shadow(0 0 10px #c9952a59) drop-shadow(2px 4px 0 #1a0800b3); }
.bv-links { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; font-size: 14px; font-weight: 600; }
.bv-links a, .bv-footer a { color: #bfae95; }
.bv-links a:hover, .bv-footer a:hover { color: #e9c46a; }
.bv-actions { display: flex; align-items: center; gap: 12px; }
.bv-play { display: inline-block; border-radius: 16px; background: #e9c46a; padding: 12px 20px; font-size: 14px; font-weight: 800; color: #1c1510; }
.bv-play:hover { background: #f0cf7e; }
.bv-header select {
  color-scheme: dark;
  min-width: 56px;
  padding: 10px 12px;
  border: 1px solid #5d4731;
  border-radius: 12px;
  background: #1c1510;
  color: #efe7d8;
  font: 700 14px/1.25 Manrope, sans-serif;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}
.bv-header select:hover { border-color: #e9c46a; background: #241c15; }
.bv-header select:focus-visible { outline: none; border-color: #e9c46a; box-shadow: 0 0 0 3px #e9c46a33; }
.bv-header select option { background: #1c1510; color: #efe7d8; }
.bv-header select option:checked { background: #5d4731; color: #fff4d6; }
.bv-language-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.bv-language { position: relative; }
.bv-language-button { min-width: 58px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #e9c46a; border-radius: 12px; background: #1c1510; color: #efe7d8; font: 700 14px/1.25 Manrope,sans-serif; cursor: pointer; }
.bv-language-button:hover { background: #241c15; }
.bv-language-button:focus-visible { outline: none; box-shadow: 0 0 0 3px #e9c46a33; }
.bv-language-chevron { width: 7px; height: 7px; border-right: 2px solid #bfae95; border-bottom: 2px solid #bfae95; transform: rotate(45deg) translateY(-2px); }
.bv-language-options { position: absolute; z-index: 100; top: calc(100% + 6px); left: 0; min-width: 100%; overflow: hidden; border: 1px solid #5d4731; border-radius: 10px; background: #17110d; box-shadow: 0 14px 30px #0008; }
.bv-language-options[hidden] { display: none; }
.bv-language-options button { width: 100%; display: block; border: 0; padding: 9px 12px; background: #17110d; color: #efe7d8; text-align: left; font: 700 14px/1.25 Manrope,sans-serif; cursor: pointer; }
.bv-language-options button:hover, .bv-language-options button:focus-visible { outline: none; background: #2a221b; color: #e9c46a; }
.bv-language-options button.is-selected { background: #5d4731; color: #fff4d6; }
.bv-header a:focus-visible, .bv-footer a:focus-visible { outline: 2px solid #e9c46a; outline-offset: 5px; }
.bv-footer { border-top: 1px solid #e9c46a1a; background: #0b0806; padding: 64px 32px; }
.bv-footer-inner { max-width: 1216px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.bv-footer p { max-width: 384px; margin: 16px 0 0; color: #bfae95; font-size: 14px; line-height: 28px; }
.bv-footer a:not(.bv-brand) { display: block; margin-top: 12px; font-size: 14px; }
.bv-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.bv-footer h2 { margin: 0; color: #e9c46a; font: 700 14px/1.5 Manrope, sans-serif; letter-spacing: .24em; text-transform: uppercase; }
@media (max-width: 900px) { .bv-links { order: 3; width: 100%; justify-content: center; gap: 8px 24px; } .bv-links a { padding: 8px 0; } }
@media (max-width: 640px) { .bv-nav { padding: 16px; } .bv-actions { flex-wrap: wrap; } .bv-footer { padding: 48px 16px; } .bv-footer-inner { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .bv-actions { width: 100%; justify-content: space-between; } .bv-play { text-align: center; } }