/* Same engraved controls and submenu frame as the game; native details works without JS. */
#public-navigation>.public-nav-group{position:relative;min-width:0}
#public-navigation>.public-nav-group>summary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:15px 28px;list-style:none;cursor:pointer;background:#104c58 url(button-carved-small-v1.webp) center/100% 100%;border:0;border-radius:4px;box-shadow:0 3px 5px #0006;color:#ffe0a0;font:17px/1.2 Georgia,serif;text-shadow:0 2px 2px #00131b,0 0 6px #082a32}
#public-navigation summary::-webkit-details-marker{display:none}
#public-navigation summary:hover,#public-navigation details[open]>summary,#public-navigation details.active>summary{filter:brightness(1.2)}
#public-navigation summary:focus-visible{outline:2px solid #f4d18c;outline-offset:4px}
#public-navigation summary .nav-chevron{position:relative;width:12px;height:12px;flex:none}
#public-navigation details[open] .nav-chevron:before{transform:rotate(225deg);top:4px}
#public-navigation .public-submenu{position:absolute;left:0;top:calc(100% + 6px);width:290px;max-width:calc(100vw - 24px);max-height:min(70dvh,560px);overflow:auto;margin:0;padding:22px;z-index:10}
#public-navigation .public-submenu a{display:block;min-height:44px;width:auto;padding:11px 16px;border-radius:0;box-shadow:none;background:none;color:#f5e4c2!important;font:15px/1.5 Georgia,serif;text-shadow:none;text-align:left;overflow-wrap:anywhere;filter:none}
#public-navigation .public-submenu a:hover,#public-navigation .public-submenu a[aria-current]{background:#36727b70;color:#fff0c1!important;filter:none;box-shadow:none}
@media(max-width:700px){
 #public-navigation>.public-nav-group{position:static}
 #public-navigation>.public-nav-group>summary{min-height:49px;padding:13px 8px;font-size:14px;gap:10px}
 #public-navigation .public-submenu{left:0;right:0;top:100%;width:auto;max-width:none}
}