.resort-popup{font-size:.8rem}.resort-popup-header{font-weight:600;margin-bottom:4px}.resort-popup-body div,.resort-popup-header{display:flex;align-items:center;gap:4px}.weather-card{width:70px;height:70px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .3s ease;cursor:grab;user-select:none;padding:.25rem}.weather-card:hover{transform:scale(1.03);box-shadow:0 3px 10px rgba(0,0,0,.15)}.weather-card:active{cursor:grabbing;transform:scale(1.05);z-index:10}.grid-cell{background-color:rgba(255,255,255,.5);border:1px dashed rgba(0,0,0,.1);border-radius:6px;transition:all .2s ease;min-height:70px;display:flex;align-items:center;justify-content:center}.grid-cell:hover{background-color:rgba(255,255,255,.8);border-color:var(--color-contrast)}.grid-cell>div{cursor:grab}.grid-cell>div:active{cursor:grabbing}.map-container,.map-wrapper{overflow:hidden}.map-wrapper{position:relative;width:100%;height:100%}.map-actions{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;gap:10px;background-color:rgba(255,255,255,.85);padding:8px 12px;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.map-btn{padding:8px 15px;border:none;border-radius:4px;background-color:var(--color-contrast);color:var(--color-light);cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease,opacity .2s ease}.map-btn:hover{background-color:var(--color-dark);opacity:.95}.map-btn:disabled{background-color:var(--color-accent);color:var(--color-dark);opacity:.7;cursor:not-allowed}.map-guidance{bottom:15px;z-index:1000;background-color:rgba(50,50,50,.85);color:white;padding:8px 15px;border-radius:4px;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.15)}.map-guidance,.map-notification{position:absolute;left:50%;transform:translateX(-50%);font-size:.875rem}.map-notification{bottom:60px;z-index:1010;background-color:var(--color-accent);color:var(--color-dark);padding:10px 18px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.25);font-weight:500}.weather-sidebar-container{position:fixed;top:60px;right:0;height:auto;z-index:1000;display:flex;flex-direction:row;transition:all .3s ease;pointer-events:none}.weather-sidebar-label{width:40px;background-color:var(--color-light);border-top-left-radius:8px;border-bottom-left-radius:8px;display:flex;align-items:center;justify-content:center;padding:15px 0;box-shadow:-2px 0 10px rgba(0,0,0,.1);pointer-events:auto;cursor:pointer;z-index:1001;transition:background-color .3s ease,opacity .3s ease;opacity:1}.weather-sidebar-container:hover .weather-sidebar-label{background-color:var(--color-accent);opacity:0}.weather-sidebar-label span{writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;font-weight:600;color:var(--color-dark);letter-spacing:2px;text-transform:uppercase;font-size:14px}.weather-sidebar-content{width:300px;transform:translateX(100%);transition:transform .3s ease;pointer-events:auto;position:absolute;right:0;top:0;margin-left:0}.weather-sidebar-container:hover .weather-sidebar-content{transform:translateX(0);transition-delay:0s}.weather-sidebar-container .weather-sidebar-content{transition-delay:0s}.weather-sidebar-container:hover .combined-weather-box{transform-origin:top right;transform:scale(.9) translateX(0)}.weather-control-box{pointer-events:auto;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);transition:box-shadow .3s ease;padding:10px!important}.combined-weather-box{height:auto;overflow:visible;transform:scale(.9) translateX(100%);transform-origin:top right;display:flex;flex-direction:column;transition:transform .3s ease}.combined-weather-box .weather-card{transform-origin:center;transition:transform .2s ease}.combined-weather-box .grid-cell{height:60px}.combined-weather-box .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:5px}.weather-control-box:hover{box-shadow:0 12px 36px rgba(0,0,0,.15)}@media (max-width:1024px){.weather-card{width:60px;height:60px}.grid-cell{min-height:60px}.weather-sidebar-content{width:250px}.weather-control-box h2{font-size:1rem}.combined-weather-box{transform:scale(.85) translateX(100%);transform-origin:top right;height:auto}.weather-sidebar-container:hover .combined-weather-box{transform:scale(.85) translateX(0)}}@media (max-width:768px){.weather-card{width:50px;height:50px;font-size:.7rem}.grid-cell{min-height:50px}.map-actions{padding:6px 8px;gap:6px}.map-btn,.map-guidance,.map-notification{padding:6px 10px;font-size:.8rem}.map-guidance,.map-notification{bottom:10px}.map-notification{bottom:45px}.weather-sidebar-label{width:30px;padding:10px 0}.weather-sidebar-label span{font-size:12px;letter-spacing:1px}.weather-sidebar-content{width:200px}.weather-control-box{padding:8px!important}.weather-control-box h2{font-size:.9rem;margin-bottom:.5rem!important}.combined-weather-box{transform:scale(.8) translateX(100%);transform-origin:top right;height:auto}.weather-sidebar-container:hover .combined-weather-box{transform:scale(.8) translateX(0)}.grid-cols-7{grid-template-columns:repeat(4,1fr)}}