/*! Copyright © 2026 Hynoe. All rights reserved. See /COPYRIGHT.md. */
/* Shared controls: the same destinations, shapes and states in every site shell. */
:root{--control-radius:7px;--control-gold:#e7bd70;--control-line:#59654e;--site-header-height:76px}
/* Clip decorative overflow without creating a scrolling ancestor for sticky navigation. */
html,body{overflow-x:clip}
html{scroll-padding-top:calc(var(--site-header-height) + 80px)}
body[data-page] .mc-button,body .mc-button{
  min-height:48px;padding:12px 18px;border-width:1px;border-radius:var(--control-radius);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:800 12px/1.3 Arial,sans-serif;letter-spacing:.04em;text-align:center;text-decoration:none;
  box-shadow:0 4px 14px #0004;touch-action:manipulation;
}
body[data-page] .hero-actions .mc-button{min-height:48px}
body[data-page] .mc-button.big,body .mc-button.big{min-height:56px}
body[data-page] :is(.hud-action,.journal-toggle),body .topbar nav a{
  min-height:44px;padding:8px 11px;border:1px solid var(--control-line);border-radius:var(--control-radius);
  background:#18221e;color:#eee9db;display:inline-flex;align-items:center;justify-content:center;
  font:800 10px/1.3 Arial,sans-serif;letter-spacing:.035em;text-align:center;text-decoration:none;
}
body .topbar{position:sticky;top:0;z-index:90}
body[data-page] .world-hud{height:auto;min-height:76px}
body[data-page] nav[data-site-navigation],body nav.site-pages[data-site-navigation],body nav.legal-nav[data-site-navigation]{
  position:sticky;top:var(--site-header-height);bottom:auto;left:auto;transform:none;z-index:80;
  width:100%;max-width:none;display:flex;align-items:stretch;justify-content:center;gap:5px;
  margin:0;padding:6px 12px;border:0;border-bottom:1px solid #775c3e;background:#111b10f5;
  box-shadow:0 6px 18px #0003;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;
}
body nav[data-site-navigation] a,body[data-page] nav[data-site-navigation] .hotbar-slot{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;
  width:auto;min-width:0;min-height:44px;padding:7px 10px;border:1px solid transparent;
  border-radius:var(--control-radius);background:transparent;box-shadow:none;color:#e4e6d8;text-decoration:none;
}
body nav[data-site-navigation] a span,body[data-page] nav[data-site-navigation] a span{
  display:grid;place-items:center;min-width:25px;height:27px;border:1px solid #52604c;
  border-radius:4px;background:#111a13;color:#e5c78e;font:800 10px/1 Arial,sans-serif;
}
body nav[data-site-navigation] a b,body[data-page] nav[data-site-navigation] a b{
  font:800 10px/1.3 Arial,sans-serif;letter-spacing:.025em;white-space:nowrap;text-transform:uppercase;
}
body nav[data-site-navigation] a:hover,body nav[data-site-navigation] a[aria-current="page"]{
  border-color:#d5a064;background:#3b2d1e;color:#ffdfaa;
}
body .legal-top>div{max-width:1440px;flex-wrap:wrap}
body nav.legal-nav[data-site-navigation]{position:static;justify-content:flex-start;padding:0;background:transparent;border:0;box-shadow:none;flex:1;min-width:0}
body .footer-links,body .site-links,body .legal-footer nav{
  display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;
}
body .footer-links a,body .site-links a,body .legal-footer nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:5px 0;
  color:#ded8c6;font:700 12px/1.4 Arial,sans-serif;text-underline-offset:4px;
}
body .game button:not(.vein):not(.mine-tab),body .game .import{
  min-height:44px;border-radius:var(--control-radius);touch-action:manipulation;
}
body :is(.mc-button,.hud-action,.journal-toggle,[data-site-navigation] a,.topbar nav a):focus-visible{
  outline:3px solid var(--control-gold);outline-offset:3px;
}
body :is(.mc-button,.hud-action,.journal-toggle):disabled,body .mc-button[aria-disabled="true"]{
  opacity:.5;cursor:not-allowed;transform:none;filter:none;box-shadow:none;
}
body .quest-step .quest-check{min-width:44px;min-height:44px;border-width:1px;border-radius:var(--control-radius)}
body:not([data-page]) .site-footer{max-width:1440px;margin:30px auto 0;padding:24px;border-top:1px solid #52604c;color:#ded8c6;font-size:12px}
@media(max-width:1100px){
  body[data-page] nav[data-site-navigation],body nav.site-pages[data-site-navigation]{justify-content:flex-start}
}
@media(max-width:760px){
  body[data-page] nav[data-site-navigation],body nav.site-pages[data-site-navigation]{padding-inline:8px;gap:4px}
  body nav[data-site-navigation] a,body[data-page] nav[data-site-navigation] .hotbar-slot{padding-inline:8px}
  body .legal-top>div{align-items:flex-start}
  body nav.legal-nav[data-site-navigation]{width:100%;flex:auto}
}
@media(prefers-reduced-motion:reduce){body .mc-button{transition:none}body .mc-button:hover{transform:none}}