/* Mobile dock presentation only. Keep the existing 72px + safe-area contract. */
@media(max-width:760px){
 .mobile-dock{box-sizing:border-box;height:calc(72px + env(safe-area-inset-bottom,0px));padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;z-index:30;border-top:1px solid #d8b77922;border-radius:19px 19px 0 0;background:linear-gradient(180deg,#241e2afa,#18141ef5);box-shadow:0 -8px 28px #0005,inset 0 1px #ffffff04;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 .mobile-dock>a,.mobile-dock>button{position:relative;min-width:0;min-height:44px;border-radius:10px;padding:3px 2px;gap:3px;font-size:9px;line-height:1.3;font-weight:600;letter-spacing:.01em;color:#b7a7c4;isolation:isolate;text-decoration:none;touch-action:manipulation;transition:background-color .16s ease,color .16s ease}
 .mobile-dock>a>span,.mobile-dock>button>span{display:grid;place-items:center;height:27px;line-height:1;width:30px;flex:0 0 27px;margin:0;color:inherit}
 .mobile-dock>a>span>.ui-icon,.mobile-dock>button>span>.ui-icon{display:block;width:23px;height:23px;stroke-width:1.65}
 .mobile-dock>a.active,.mobile-dock>a[aria-current=page]{background:linear-gradient(180deg,#d8b77915,#d8b77905);color:#efce92;box-shadow:inset 0 0 0 1px #d8b77912}
 .mobile-dock>a.active::before,.mobile-dock>a[aria-current=page]::before{content:'';position:absolute;top:0;left:calc(50% - 9px);width:18px;height:2px;border-radius:0 0 3px 3px;background:#e4bc78;pointer-events:none}
 .mobile-dock>a.active>span>.ui-icon,.mobile-dock>a[aria-current=page]>span>.ui-icon{stroke-width:1.9}
 .mobile-dock #dock-refill{background:none;box-shadow:none;color:#e1c38e;gap:3px}
 .mobile-dock #dock-refill>span{display:grid;place-items:center;width:44px;height:36px;flex-basis:36px;line-height:1;margin-top:-7px;border:1px solid #f2d79d80;border-radius:11px;background:linear-gradient(145deg,#f0d398,#d6a85e);color:#251c13;box-shadow:0 4px 16px #d6a85e20,inset 0 1px #fff1c650}
 .mobile-dock #dock-refill>span>.ui-icon{width:23px;height:23px;stroke-width:2}
 .mobile-dock #dock-refill>small{color:#cfb78e;font-size:7px;line-height:1.3;font-weight:500;letter-spacing:.02em}
 .mobile-dock>a:focus-visible,.mobile-dock>button:focus-visible{outline:2px solid #f0d39d;outline-offset:-2px;background-color:#d8b77915;color:#f4dcae}
 .mobile-dock>button:disabled{opacity:.5;cursor:not-allowed}
 .mobile-dock>a:active,.mobile-dock>button:not(:disabled):active{background-color:#ffffff08}
}
@media(max-width:380px){
 .mobile-dock{padding-left:7px;padding-right:7px;gap:3px}
 .mobile-dock>a,.mobile-dock>button{font-size:8px;letter-spacing:0;padding-left:1px;padding-right:1px}
 .mobile-dock #dock-refill>span{width:42px}
}
@media(hover:hover) and (max-width:760px){
 .mobile-dock>a:hover,.mobile-dock>button:not(:disabled):hover{background-color:#ffffff06;color:#ead8f1}
 .mobile-dock>a.active:hover{color:#f1d6a4;background-color:#d8b77912}
}
@media(prefers-reduced-motion:reduce){.mobile-dock>a,.mobile-dock>button{transition:none}}
.reduce-motion .mobile-dock>a,.reduce-motion .mobile-dock>button{transition:none}
@media(forced-colors:active) and (max-width:760px){
 .mobile-dock{background:Canvas;border-color:ButtonText;box-shadow:none;backdrop-filter:none}
 .mobile-dock>a,.mobile-dock>button,.mobile-dock #dock-refill>small{color:LinkText}
 .mobile-dock>a.active,.mobile-dock>a[aria-current=page]{outline:1px solid Highlight;outline-offset:-2px;color:Highlight;box-shadow:none}
 .mobile-dock #dock-refill>span{background:ButtonFace;border-color:ButtonText;color:ButtonText;box-shadow:none}
 .mobile-dock>a:focus-visible,.mobile-dock>button:focus-visible{outline-color:Highlight}
}