/* One DE/EN locale control in existing top bar; keep all collapse handles. */
body.dr-fantasy .dr-ui-language {display:flex;align-items:center;gap:2px;flex-shrink:0;
  padding:3px;background:#110e0a;border:1px solid #8b602f;border-radius:9px;}
body.dr-fantasy .dr-top-actions .dr-ui-language button {
  display:grid;place-items:center;min-width:35px;width:35px;height:30px;
  border-radius:6px;border:1px solid transparent;box-shadow:none;
  background:transparent;color:#dbc69d;font:bold 12px/1 Georgia,serif;
}
body.dr-fantasy .dr-top-actions .dr-ui-language button.dr-active,
body.dr-fantasy .dr-top-actions .dr-ui-language button[aria-pressed="true"]{
  color:#fff4cf;border-color:#c79b58;background:linear-gradient(180deg,#765326,#3b2615);
}
body.dr-fantasy .dr-top-actions .dr-ui-language button:focus-visible{outline:2px solid #76dda9;outline-offset:2px;}
/* The Atlas follows the header locale: no competing DE/EN selector inside the Atlas. */
body.dr-fantasy #dr-atlas-panel .dr-atlas-lang {display:none !important;}
/* Hover is never replaced by a fake checkbox: boot.js owns its pressed state. */
@media(max-width:700px){
  body.dr-fantasy .dr-top-actions {display:flex;gap:4px;flex:none;}
  body.dr-fantasy .dr-top-actions #dr-help,
  body.dr-fantasy .dr-top-actions #dr-settings {display:none;}
  body.dr-fantasy .dr-top-actions .dr-ui-language{padding:2px;}
  body.dr-fantasy .dr-top-actions .dr-ui-language button{width:28px;min-width:28px;height:28px;font-size:11px;}
  body.dr-fantasy .dr-top-search{min-width:80px;}
}
@media(max-width:540px){
  body.dr-fantasy .dr-top-search{display:none;}
  body.dr-fantasy .dr-top-brand-lines{min-width:0;}
  body.dr-fantasy .dr-top-title{font-size:clamp(13px,3.3vw,18px);white-space:nowrap;}
  body.dr-fantasy .dr-top-subtitle{font-size:8px;letter-spacing:.08em;}
}