/* The six everyday destinations; painted art, quiet labels, one active marker. */
:root{--nav-height:66px}
aside.sidebar{box-sizing:border-box;position:fixed;inset:auto 0 0;display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:30;height:calc(var(--nav-height) + env(safe-area-inset-bottom));min-height:0;padding:0 14px env(safe-area-inset-bottom);border:0;border-top:1px solid #81663b;background:linear-gradient(180deg,#211f15,#10140d 80%);box-shadow:0 -5px 18px #0003;overflow:visible}
aside.sidebar:before{content:'';position:absolute;inset:1px 0 auto;height:1px;background:#d0aa5220;pointer-events:none}
aside.sidebar>nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:none;align-items:stretch;gap:5px;width:min(100%,880px);height:var(--nav-height);min-height:0;min-width:0;margin:0;padding:5px 0}
aside.sidebar nav button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:9px;box-sizing:border-box;width:100%;min-width:0;min-height:44px;height:100%;margin:0;padding:5px 10px!important;border:1px solid transparent;border-radius:3px;background:transparent;box-shadow:none;color:#bbae91;font:12px/1.4 Arial,sans-serif!important;text-align:center;touch-action:manipulation}
aside.sidebar nav button>span{display:block;min-width:0;font:12px/1.4 Arial,sans-serif;color:inherit;white-space:nowrap;letter-spacing:0}
aside.sidebar nav button img.navigation-art{display:block;flex:none;width:30px;height:32px;object-fit:contain;opacity:.8;filter:saturate(.8) drop-shadow(0 2px 3px #0007);transform:none;transition:opacity .15s ease-out,filter .15s ease-out}
aside.sidebar nav button.active{background:linear-gradient(180deg,#b5943a10,#b5943a05);border-color:#93723a25;color:#efd89b;box-shadow:none}
aside.sidebar nav button:after{content:'';position:absolute;bottom:2px;left:calc(50% - 11px);width:22px;height:2px;border-radius:2px;background:transparent;pointer-events:none}
aside.sidebar nav button.active:after{background:#d5ad60;box-shadow:0 0 7px #cf9e3433}
aside.sidebar nav button.active img.navigation-art{opacity:1;filter:saturate(1.08) brightness(1.08) drop-shadow(0 2px 3px #0007);transform:none}
aside.sidebar nav button:not(.active):hover{border-color:#93723a30;background:#c0a15d08;color:#e3cfaa}
aside.sidebar nav button:hover img.navigation-art{opacity:1;transform:none}
aside.sidebar nav button:focus-visible{outline:2px solid #ddbc72;outline-offset:-2px}
aside.sidebar nav button>b{display:block;position:absolute;inset:3px 5px auto auto;box-sizing:border-box;min-width:16px;max-width:36px;height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 4px;border:1px solid #b08b4b66;border-radius:3px;background:#3e321a;color:#f1dba6;box-shadow:0 1px 3px #0007;font:600 9px/14px Arial,sans-serif;font-variant-numeric:tabular-nums}
aside.sidebar nav button>b.is-empty{display:none}
@media(max-width:700px){:root{--nav-height:64px}aside.sidebar{padding-inline:6px}aside.sidebar>nav{gap:2px;padding:3px 0 2px}aside.sidebar nav button{flex-direction:column;gap:3px;padding:5px 1px 7px!important;border-radius:3px}aside.sidebar nav button>span{font-size:10px;line-height:1.2}aside.sidebar nav button img.navigation-art{width:27px;height:28px}aside.sidebar nav button>b{top:2px;right:calc(50% - 26px);height:15px;font-size:9px;line-height:13px;max-width:32px}aside.sidebar nav button:after{bottom:1px;width:18px;left:calc(50% - 9px)}}
@media(max-width:359px){aside.sidebar{padding-inline:3px}aside.sidebar>nav{gap:0}aside.sidebar nav button>span{font-size:9px}aside.sidebar nav button img.navigation-art{width:25px;height:27px}aside.sidebar nav button>b{right:3px}}
@media(max-height:520px) and (orientation:landscape){:root{--nav-height:48px}aside.sidebar>nav{padding-block:2px}aside.sidebar nav button{flex-direction:row;gap:7px;padding:3px 8px!important;min-height:42px}aside.sidebar nav button img.navigation-art{width:25px;height:27px}aside.sidebar nav button>span{font-size:11px}aside.sidebar nav button>b{top:0;right:3px}aside.sidebar nav button:after{bottom:1px}}
@media(prefers-reduced-motion:reduce){aside.sidebar nav button img.navigation-art{transition:none}}