/* Original 3D farm assets in a modern glass game dock. */
.nav{left:50%;right:auto;transform:translateX(-50%);bottom:max(14px,env(safe-area-inset-bottom));width:min(376px,calc(100vw - 28px));height:94px;padding:7px;gap:5px;border:1px solid #ffffff40;border-radius:28px;background:linear-gradient(135deg,#163e35ed,#16362bed);box-shadow:0 12px 34px #061e2859,inset 0 1px 0 #ffffff28;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:auto;isolation:isolate}
.nav button,.nav .mobile-orders{display:flex!important;flex:1 1 0;flex-direction:column;gap:4px;width:auto;min-width:0;height:78px;padding:5px 2px 7px;border:1px solid transparent;border-radius:21px;background:transparent;box-shadow:none;color:#f1f7ed;transition:background .2s,transform .2s,border-color .2s;font-size:14px;font-weight:650;line-height:1.1}
.nav .navicon{display:flex;align-items:center;justify-content:center;font-size:inherit;margin:0;height:48px;width:48px}
.nav .navicon img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 3px #001c2e70);transition:transform .2s;user-select:none;-webkit-user-select:none}
.nav button span.label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;display:block;font-size:14px;line-height:1.1;letter-spacing:.1px}
.nav button.active,.nav button[aria-pressed="true"]{color:#fff9d7;background:linear-gradient(140deg,#5c856455,#b9ce7430);border:1px solid #edd59080;box-shadow:inset 0 1px 0 #fff7cc20,0 3px 9px #071f2b28}
.nav button.active .navicon img{transform:translateY(-2px) scale(1.06)}
.nav button:focus-visible{outline:3px solid #edc974;outline-offset:2px}
.nav button:active{transform:scale(.94)}
@media(hover:hover){.nav button:not(.active):hover{background:#ffffff16;border-color:#ffffff2e}.nav button:hover .navicon img{transform:translateY(-3px) scale(1.08)}}
.hint{bottom:122px}.toast{bottom:122px}
@media(max-width:360px){.nav{width:calc(100vw - 24px);gap:2px;padding:6px;border-radius:25px}.nav button{flex-basis:0;min-width:0;border-radius:20px}.nav .navicon,.nav .navicon img{width:44px;height:44px}.nav .navicon{height:48px}}
@media(prefers-reduced-motion:reduce){.nav button,.nav .navicon img{transition:none}}
/* Keep the dock compact on phones, including landscape screens. */
@media(max-width:760px),(max-height:500px){
 .nav{height:64px;padding:4px;gap:3px;border-radius:20px;bottom:max(10px,env(safe-area-inset-bottom))}
 .nav button,.nav .mobile-orders{height:54px;min-height:44px;padding:3px 2px;gap:2px;border-radius:15px}
 .nav .navicon,.nav .navicon img{width:32px;height:32px}
 .nav button span.label{font-size:12px;line-height:14px}
 .hint,.toast{bottom:max(90px,calc(env(safe-area-inset-bottom) + 76px))}
}
@media(max-height:500px){
 .nav{height:54px;width:min(420px,calc(100vw - 28px));border-radius:18px}
 .nav button,.nav .mobile-orders{height:44px;flex-direction:row;gap:5px;padding:4px 2px;border-radius:13px}
 .nav .navicon,.nav .navicon img{width:28px;height:28px}
 .toast{bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px))}
}