@charset "UTF-8";.map-fullscreen{width:100%;height:100%;background-image:url(/img/map/irongrip.png);background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;z-index:0}.location-badge{position:fixed;top:calc(env(safe-area-inset-top,0px) + clamp(8px,1vw,16px));left:clamp(8px,1vw,16px);width:clamp(64px,8vw,160px);height:clamp(24px,3vw,64px);background-image:url(/img/logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:1000}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.leaflet-container{background:#3d567c!important;outline-offset:1px}#map-wrapper{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden}.map-fullscreen{width:100%;height:100%;background-image:url(/img/map/irongrip.png);background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;z-index:0}.location-badge{position:fixed;top:calc(env(safe-area-inset-top,0px) + clamp(8px,1vw,16px));left:clamp(8px,1vw,16px);width:clamp(64px,8vw,160px);height:clamp(24px,3vw,64px);background-image:url(/img/logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:1000}@media(max-width:768px){.location-badge{top:calc(env(safe-area-inset-top,0px) + clamp(8px,2vh,16px));left:clamp(8px,3vw,16px);width:clamp(48px,18vw,120px);height:clamp(20px,6vw,48px)}}.bottom-float{position:absolute;left:50%;bottom:1.1111vh;transform:translate(-50%);width:94%;max-width:21.875vw;height:5.5556vh;background:#fff;box-shadow:0 4px 20px #00000026;border-radius:1.25vw;display:flex;justify-content:space-around;align-items:center;z-index:1001}.bottom-float .nav-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.bottom-float .nav-item:hover{transform:translateY(-.1042vh)}.bottom-float .nav-item .icon{font-size:1.1458vw;margin-bottom:.3704vh;color:#2c3e50;position:relative;z-index:2}.bottom-float .nav-item .label{font-size:.5729vw;color:#2c3e50;position:relative;z-index:2}.ripple{position:absolute;border-radius:50%;background:#0000001a;transform:scale(0);animation:ripple-animation .45s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(2);opacity:0}}.leaflet-control-attribution{position:absolute!important;right:.625vw!important;bottom:1.1111vh!important;background:#ffffffd9!important;color:#333!important;padding:.5556vh .7292vw!important;border-radius:.8333vw!important;font-size:.625vw!important;white-space:nowrap!important;box-shadow:0 2px 8px #00000026!important;z-index:1000!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.leaflet-control-attribution.mbe-attribution{right:16px!important;bottom:16px!important;padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,14px)!important;font-size:clamp(12px,.9vw,14px)!important;border-radius:clamp(12px,1vw,16px)!important}@media(max-width:768px){.leaflet-control-attribution.mbe-attribution{right:12px!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;bottom:auto!important}}.sub-nav{position:absolute;bottom:6.4815vh;left:50%;transform:translate(-50%);background:#ffffffd9;border-radius:.8333vw;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.7407vh;z-index:1002;display:flex;flex-direction:column;gap:.5556vh;white-space:nowrap;max-height:18.5185vh;overflow-y:auto;min-width:120px}.sub-item{display:flex;align-items:center;gap:.4167vw;padding:.7407vh .625vw;border-radius:.625vw;cursor:pointer;transition:background .2s}.sub-item:hover{background:#00000014}.sub-item .sub-icon{font-size:clamp(14px,1.2vw,20px)}.sub-item .sub-label{font-size:clamp(12px,.9vw,16px);color:#333}.viewport-bg{position:fixed;inset:0;z-index:-1;background-color:#3d567c;background-repeat:no-repeat;background-position:center center;background-size:cover}@supports (height: 100svh){.viewport-bg{height:100svh}}.drawer-menu{position:fixed;top:0;left:0;width:300px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:4px 0 20px #00000026;z-index:2000;display:flex;flex-direction:column;animation:slideIn .3s ease-out;border-radius:0 16px 16px 0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fff;border-radius:0 16px 0 0}.drawer-title{font-size:18px;font-weight:600;color:#2c3e50}.drawer-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.drawer-close:hover{background:#f0f0f0;color:#2c3e50}.drawer-content{flex:1;overflow-y:auto;padding:16px 0}.drawer-item{position:relative;padding:0;cursor:pointer;transition:background .2s}.drawer-item-content{display:flex;align-items:center;padding:12px 20px}.drawer-item:hover{background:#f0f0f0}.drawer-arrow{margin-right:8px;font-size:12px;color:#666;transition:transform .2s;width:16px;text-align:center}.drawer-switch-container{display:flex;align-items:center;margin-left:auto}.drawer-switch-checkbox{display:none}.drawer-switch{position:relative;display:inline-block;width:50px;height:26px;background-color:#2c3e50;border-radius:26px;cursor:pointer;transition:background-color .3s ease}.drawer-switch:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.drawer-switch-checkbox:checked+.drawer-switch{background-color:#ff9c9c}.drawer-switch-checkbox:checked+.drawer-switch:before{transform:translate(24px)}.drawer-label{display:flex;align-items:center;cursor:pointer;flex:1}.drawer-icon{font-size:20px;margin-right:10px;color:#2c3e50}.drawer-item-label{font-size:16px;color:#2c3e50}@media(max-width:768px){.drawer-menu{width:85%;max-width:300px}.drawer-header{padding:12px 16px}.drawer-item-content{padding:10px 16px}.drawer-arrow{font-size:10px;margin-right:6px;width:14px}.drawer-checkbox{margin-right:10px;width:16px;height:16px}.drawer-title{font-size:16px}.drawer-icon{font-size:18px;margin-right:8px}.drawer-item-label{font-size:15px}}@media(max-width:768px){.viewport-bg{filter:brightness(.95)}}
