.villageNavDock{z-index:90;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:18px}.villageNavDock a,.villageNavDock button{color:#fff7dc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#10241ddd;border:1px solid #e7c76f;min-height:44px;padding:10px 14px;font:700 14px/1 Georgia,serif;text-decoration:none;box-shadow:0 8px 22px #0007}.villageNavDock .hvtNavButton{background:linear-gradient(135deg,#33234de8,#182c27e8);border-color:#b990df}.hvtNavButton span,.villageMapButton span{color:#f2d177;margin-right:5px;font-size:17px}.villageNavDock a:hover,.villageNavDock button:hover{filter:brightness(1.1);transform:translateY(-2px)}.villageNavigatorLayer{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07100c8a;justify-content:flex-end;display:flex;position:fixed;inset:0}.villageNavigator{box-sizing:border-box;color:#20352b;background:linear-gradient(145deg,#f9f4e7,#efe6d4);border-left:1px solid #d8b55e;width:min(610px,100%);height:100%;padding:30px;overflow:auto;box-shadow:-20px 0 60px #0008}.villageNavigator header{border-bottom:1px solid #ccb16c;justify-content:space-between;gap:20px;padding-bottom:21px;display:flex}.villageNavigator header small,.navSectionTitle span{color:#7d6135;letter-spacing:.16em;font:800 11px Arial,sans-serif;display:block}.villageNavigator h2{margin:7px 0;font:400 37px/1.05 Georgia,serif}.villageNavigator header p{color:#59695e;max-width:410px;margin:0;line-height:1.45}.villageNavigator header>button{color:#fff8df;cursor:pointer;background:#173329;border:1px solid #be9a54;width:40px;height:40px;font-size:29px;line-height:1}.navPrimary{grid-template-columns:1fr;gap:8px;margin:22px 0;display:grid}.navPrimary a{color:#fff9e6;background:linear-gradient(135deg,#203b31,#26374b);border:1px solid #caaa5d;padding:14px 16px;text-decoration:none}.navPrimary a:nth-child(3){background:linear-gradient(135deg,#3b2b55,#203a31)}.navPrimary b,.navPrimary span{display:block}.navPrimary b{color:#f5d47d;font:700 18px Georgia,serif}.navPrimary span{color:#e4e4d9;margin-top:4px;font-size:13px}.villageNavigator section{margin-top:25px}.navSectionTitle{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.navSectionTitle a{color:#5c3f79;font-size:13px;font-weight:700}.navTextGrid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.navTextGrid a{color:#2e4237;background:#fffaf0;border:1px solid #d9cebb;align-items:center;gap:9px;min-height:44px;padding:8px 10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.navTextGrid i{color:#76519a;font-size:20px;font-style:normal}.navTextGrid b{color:#9a783d;margin-left:auto}.navRoomGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.navRoomGrid a{color:#fdf6df;background:#172e27;border:1px solid #bda35d;align-items:center;gap:9px;min-height:70px;padding:7px;text-decoration:none;display:flex}.navRoomGrid img{object-fit:contain;filter:drop-shadow(0 5px 5px #0008);width:55px;height:55px}.navRoomGrid span{min-width:0}.navRoomGrid b,.navRoomGrid small{display:block}.navRoomGrid b{color:#f4d778;font:700 14px Georgia,serif}.navRoomGrid small{color:#d8ddd3;margin-top:3px;font-size:10px;line-height:1.2}.navRoomGrid a:hover,.navTextGrid a:hover,.navPrimary a:hover{filter:brightness(1.08);transform:translate(-2px)}@media (width<=660px){.villageNavDock{justify-content:flex-end;inset:auto 14px 14px}.villageNavDock a,.villageNavDock button{min-height:48px;font-size:14px}.villageNavigator{padding:24px 17px 90px}.villageNavigator h2{font-size:32px}.navRoomGrid,.navTextGrid{grid-template-columns:1fr}.villageNavigatorLayer{align-items:flex-end}.villageNavigator{border-top:1px solid #d8b55e;border-left:0;height:min(88vh,760px)}}