body,html{margin:0;padding:0;overflow:hidden}#root,.map-background,body,html{width:100%;height:100%}.map-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.marker-div{width:30px;height:30px;color:#fff;font-size:20px;font-family:Material Symbols Rounded;line-height:30px;text-align:center;border-radius:50%}.marker-anchor{width:10px;height:10px;background-color:#ff0;border-radius:50%;box-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold;animation:pulse 1.5s infinite}.marker-image{width:30px;height:30px;border-radius:50%;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#000;font-weight:700}.marker-image:hover{cursor:pointer;width:40px;height:40px}.marker-image:active{width:70px;height:70px}.popup-content{max-width:300px;padding:10px;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.popup-content h3{margin:0;font-size:1.5em}.popup-content a{display:block;margin:10px 0;color:#007bff;text-decoration:none}.popup-content a:hover{text-decoration:underline}.popup-tags{max-height:100px;overflow-y:auto;margin-top:10px}.popup-tags table{width:100%;border-collapse:collapse}.popup-tags td{padding:5px;border:1px solid #ddd}.highlighted-amenity{background-color:#ff0;border-radius:50%;width:10px;height:10px;cursor:pointer}.popup-content p{margin:5px 0;font-size:.9em;text-align:left}.popup-place-description{max-height:200px;overflow-y:auto}.popup-images{display:flex;overflow-x:auto;gap:5px;margin-top:10px}.popup-images img{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.add-to-trip-button,.like-button,.navigate-to-button{background-color:#fff;color:#333;border:1px solid #ccc;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:10px 0;cursor:pointer;border-radius:8px;transition:background-color .3s;font-family:inherit}.add-to-trip-button:hover,.like-button:hover,.navigate-to-button:hover{background-color:#e5e5e5}.navigation-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:1000;text-align:center}.navigation-dialog h3{margin:0 0 20px}.navigation-dialog button{background-color:#007bff;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 5px;cursor:pointer;border-radius:10px;transition:background-color .3s}.navigation-dialog button:hover{background-color:#0056b3}.navigation-dialog .close-button{background-color:#ff6b6b}.navigation-dialog .close-button:hover{background-color:#ff8e53}.popup-on-marker .mapboxgl-popup-close-button{font-size:3em;height:1em;background-color:#ffffff00;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.slope-elevation-dialog{position:absolute;top:20px;right:20px;width:240px;padding:10px;background-color:#444;color:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:999}.slope-elevation-dialog h3{margin:0 0 8px;font-size:1.1em}.slope-elevation-dialog p{margin:0 0 8px}.slope-elevation-dialog button{margin-top:8px;background-color:#ccc;border:none;cursor:pointer;padding:6px 10px;border-radius:4px}.slope-elevation-dialog button:hover{background-color:#aaa}.overpass-marker-pointer{width:30px;height:30px;background-color:#fff;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(55,55,55,.5);font-family:Material Symbols Rounded;cursor:pointer}.highlighted-marker{background-color:#ff0}.overpass-marker-pointer:hover{background-color:#f0f0f0}.ski-resort-marker{background-color:blue;border-radius:50%;width:10px;height:10px;cursor:pointer}.live-location-dot{position:relative;width:16px;height:16px;background-color:#4285f4;border:3px solid #fff;border-radius:50%;box-shadow:0 0 2px rgba(66,133,244,.6)}.live-location-compass-beam{position:absolute;width:60px;height:60px;transform-origin:center center;pointer-events:none;border-radius:50%;background:conic-gradient(rgba(66,133,244,.8) 41deg,rgba(66,133,244,.4) 10deg,transparent 20deg);clip-path:polygon(50% 100%,0 0,100% 0)}.mapboxgl-control-container{display:none}.elevation-dialog{min-width:450px;width:auto;overflow:hidden;z-index:99999}@media (max-width:550px){.elevation-dialog{min-width:100%;max-width:100%;max-height:none}}.chart-area{position:relative;width:100%;height:100%;box-sizing:border-box;background:#ffffff7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-area canvas{width:100%!important;height:calc(100% - 7vh)!important}.overlay{justify-content:space-around;padding:6px;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,sans-serif;gap:16px}.metric,.overlay{display:flex;align-items:center}.metric{flex-direction:column;font-size:13px;color:#333;min-width:60px;transition:transform .3s ease}.metric .material-icons{font-size:20px;margin-bottom:2px;color:#007aff}.metric:hover{transform:scale(1.05)}.close-btn{top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:18px;border-radius:15px;cursor:pointer}.close-btn,.hover-indicator{position:absolute;color:#fff}.hover-indicator{bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.65);padding:4px 8px;border-radius:12px;font-size:12px;pointer-events:none;transition:opacity .2s ease-in-out}.slope-summary{background:#f0f9f9;padding:16px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:12px;transition:background-color .3s ease}.slope-summary-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.share-slopes{padding:6px 10px;border-radius:20px;background:#80808026}.slope-summary:hover{background-color:#e0f2f2}.slope-summary .slope-name{font-size:24px;font-weight:700;color:#00796b;margin-bottom:4px}.slope-summary .slope-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.slope-summary .slope-info p{margin:0;font-size:14px;color:#555}.slope-summary .slope-additional{display:flex;flex-direction:column;gap:8px}.slope-extra{padding-top:8px;border-top:1px solid #ccc;font-size:13px;color:#555;display:flex;flex-direction:column;gap:4px}.slope-extra p{margin:2px 0}.snowboard-suitability{background-color:#b2dfdb;color:#004d40;padding:8px 12px;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.snowboard-suitability:hover{background-color:#80cbc4;transform:scale(1.03)}.snowboard-details{background:rgba(0,0,0,.8);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;margin-top:6px;transition:opacity .3s ease}.snowboard-details p:nth-child(3){font-style:italic;color:#ff5722}.share-button{background:#007aff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background .3s ease;margin:10px 0}.share-button:hover{background:#005bb5}.penalty-circle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#000}.penalty-circle,.score-rectangle{color:#fff;font-weight:700;margin-left:8px}.score-rectangle{display:inline-block;padding:4px 8px;border-radius:2px;font-size:14px}.score-caption{margin-top:4px;text-align:right}.score-container{display:flex;flex-direction:column;align-items:center;margin-left:8px}.score-container .score-rectangle{margin-bottom:2px}.score-caption{font-size:10px;color:#666;text-align:center}.score-explanation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100000}.score-explanation-content{background:#fff;padding:16px;border-radius:4px;width:300px;text-align:left}.score-explanation-content h4{margin-top:0}.score-explanation-content ul{padding-left:20px;margin:10px 0}.score-explanation-content button{margin-top:10px;padding:4px 8px;background:#007aff;color:#fff;border:none;border-radius:2px;cursor:pointer}.top-slopes-list-container{max-height:500px;overflow:auto;display:flex;flex-direction:column;padding:10px;box-sizing:border-box}.slope-group{margin-bottom:15px;border:1px solid #ccc;border-radius:5px;padding:8px;background:#f9f9f9}.slope-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;padding:5px;border-bottom:1px solid #ddd}.slope-item:last-child{border-bottom:none}.sub-slopes{margin-left:20px;margin-top:5px}.slope-header{font-weight:700}.slope-details,.slope-header{justify-content:space-between;width:100%}.slope-details{display:flex;font-size:.9em;margin-top:4px}.vertical-diagram{width:20px;height:50px;border:1px solid #000;display:flex;flex-direction:column-reverse;margin-left:10px}.diagram-uphill{background-color:red;width:100%}.diagram-flat{background-color:blue;width:100%}.selected{background-color:#ffc}@media (max-width:600px){.top-slopes-list-container{max-height:300px;padding:5px}.slope-item{flex-direction:column;align-items:flex-start}.vertical-diagram{margin-left:0;margin-top:5px}}.universal-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.1);transition:height .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,.1)}.drawer-handle{padding:12px 0;cursor:pointer;touch-action:none;display:flex;justify-content:center;background:transparent;z-index:5}.handle-bar{width:48px;height:10px;background:#ddd;border-radius:7px;transition:background .2s}.drawer-handle:active .handle-bar{background:#999}.drawer-close{position:absolute;top:12px;right:20px;background:none;border:none;font-size:24px;color:#666;padding:8px;cursor:pointer;z-index:5}.drawer-close:hover{color:#333}.drawer-content{flex:1;overflow-y:auto;padding-top:0;margin-top:-34px;z-index:4}.cable-lift-dialog{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);margin:auto;padding:1rem;font-family:Arial,sans-serif;color:#333}.cable-lift-dialog .header{margin-bottom:1rem;padding-left:.5rem}.cable-lift-dialog .header h2{margin:0;font-size:1.5rem}.cable-lift-dialog .header .subheader{margin:.25rem 0 0;font-size:.9rem;color:#777}.cable-lift-dialog .content{margin-bottom:1.25rem}.cable-lift-dialog .description{margin:0 0 .75rem;font-size:.95rem}.info-group{display:flex;flex-wrap:wrap;gap:.5rem}.info-item{flex:1 1 45%;background-color:#f7f7f7;padding:.5rem;border-radius:4px}.info-item .label{font-weight:700;font-size:.85rem;display:block;margin-bottom:.25rem;color:#555}.breadcrumbs,.info-item .value{font-size:.9rem}.breadcrumbs{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center}.breadcrumb-label{font-weight:700;margin-right:.5rem}.breadcrumb{color:#007acc}.separator{margin:0 .25rem;color:#999}.action{text-align:right}.close-button{background-color:#007acc;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.close-button:hover{background-color:#005fa3}:root{--primary-color:#007aff;--primary-hover:#0063cc;--background-light:hsla(0,0%,100%,.98);--border-radius:12px;--box-shadow:0 4px 16px rgba(0,0,0,.1);--transition-speed:0.25s;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell}.floating-controls{position:fixed;top:16px;left:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:280px;transition:all var(--transition-speed)}@media (max-width:768px){.floating-controls{max-width:56px;overflow:hidden;transition:max-width var(--transition-speed)}.floating-controls.expanded{max-width:280px;background:var(--background-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:12px;box-shadow:var(--box-shadow)}}.control-toggle{width:40px;height:40px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px}.control-toggle,.custom-editor{background:var(--background-light);box-shadow:var(--box-shadow)}.custom-editor{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:16px;margin-bottom:12px;transition:all var(--transition-speed)}.MuiInputBase-root{width:100%;margin:8px 0!important}.MuiButton-root{text-transform:none!important;font-weight:500!important;letter-spacing:.02em!important;border-radius:10px!important;padding:8px 16px!important;transition:all var(--transition-speed)!important}.collapsible-section{max-height:0;overflow:hidden;transition:max-height var(--transition-speed)}.collapsible-section.expanded{max-height:500px}.saved-items-list{background:rgba(242,242,247,.9);border-radius:var(--border-radius);padding:8px}.list-item{padding:12px;border-radius:10px;margin:4px 0;cursor:pointer;transition:background-color var(--transition-speed)}.list-item:hover{background:hsla(0,0%,100%,.8)}@media (max-width:768px){.MuiButton-root{min-width:48px!important;min-height:48px!important;padding:8px!important}.custom-editor{padding:12px;margin:8px 0}}.draw-controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:var(--background-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transition:opacity var(--transition-speed)}.draw-controls.active{opacity:1}.segmented-control{display:flex;background:rgba(229,229,234,.6);border-radius:8px;padding:4px}.segmented-control-button{flex:1;border:none;background:none;padding:8px;border-radius:6px;transition:background-color var(--transition-speed)}.segmented-control-button.active{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}:root{--primary:#007aff;--secondary:#34c759;--danger:#ff3b30;--warning:#ff9500;--info:#5ac8fa;--success:#32d74b;--premium:#af52de;--ghost:hsla(0,0%,100%,.1);--btn-padding:0.5em 0.8em;--btn-font:0.82rem;--btn-radius:7px;--btn-gap:0.4em}button.primary{background:var(--primary);color:#fff}button.secondary{background:var(--secondary);color:#fff}button.danger{background:var(--danger);color:#fff}button.warning{background:var(--warning);color:#000}button.info{background:var(--info);color:#fff}button.success{background:var(--success);color:#fff}button.premium{background:var(--premium);color:#fff}button.ghost{background:var(--ghost);color:var(--primary);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button.tiny{padding:.4em .6em;font-size:.75rem;border-radius:5px}button.compact-icon{padding:.5em;aspect-ratio:1/1}button.loading{position:relative;opacity:.8;pointer-events:none}button.loading:after{content:"";width:1em;height:1em;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.bottom-drawer{position:fixed;top:0;width:100%;color:#333;box-sizing:border-box;z-index:1000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;border-top-left-radius:20px;border-top-right-radius:20px}.material-icons{font-family:Material Symbols Rounded}.drawer-knob{position:absolute;background-color:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);color:#333;top:-15px;left:50%;transform:translateX(-50%);width:40px;height:20px;border-radius:2px;background-color:#ccc;box-shadow:none;cursor:pointer}.drawer-knob:hover{background-color:#d0d0d0}.drawer-controls .drawer-control{display:none}.trip-search-input{width:100%;margin:0 0 12px;background-color:#fff;color:#333;font-size:16px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:border-color .3s,box-shadow .3s;border:1px solid #e5e5e5;border-radius:10px;padding:12px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.full-view .trip-search-input{border-radius:25px 0 0 0}.trip-search-input::-moz-placeholder{color:#bbb}.trip-search-input::placeholder{color:#bbb}.trip-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.drawer-title{text-align:center;margin-bottom:15px}.drawer-title h2{margin:0;font-size:1.2em}.drawer-controls{display:flex;flex-wrap:wrap;gap:10px}.drawer-control{background-color:#f9f9f9;color:#333;border:1px solid #ddd;font-size:.9em;cursor:pointer;transition:background-color .3s,box-shadow .3s;flex:1 1 calc(25% - 10px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.drawer-control .material-icons{font-size:1.5em}.drawer-control.greenish{background-color:#e0f7e0}.drawer-control.blueish{background-color:#e0f0ff}.drawer-control:hover{background-color:#e0e0e0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.drawer-control:active{background-color:#d0d0d0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.trip-checkbox{width:24px;height:24px;cursor:pointer;accent-color:#007bff}.trip-checkbox:checked{background-color:#007bff;border-color:#007bff}.share-trip-button{position:fixed;top:10px;right:10px;background-color:#007bff;color:#fff;border:none;border-radius:50%;padding:10px;font-size:1.5em;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.share-trip-button:hover{background-color:#0056b3}.trip-info-title{font-size:.9em}.trip-toggle{display:flex;align-items:center;justify-content:center}.trip-toggle .MuiToggleButton-root{padding:5px;border-radius:50%;min-width:30px;min-height:30px;color:#333}.trip-toggle .MuiToggleButton-root.Mui-selected{background-color:#007bff;color:#fff}.floating-buttons{position:fixed;bottom:30%;left:20px;display:flex;gap:10px;z-index:2;flex-direction:column;width:47px}.floating-location-button.donate-button{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#fff;font-weight:700;padding:10px 20px;border:2px solid #ff6f91;border-radius:30px;box-shadow:0 4px 8px rgba(0,0,0,.15);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;position:relative;overflow:hidden}.floating-location-button.donate-button:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;letter-spacing:1px;font-size:.9em;font-family:Comic Sans MS,cursive,sans-serif;opacity:0;transition:transform .3s ease,opacity .3s ease}.floating-location-button.donate-button:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.2);background:linear-gradient(135deg,#ff6f91,#fbc7d4)}.floating-location-button.donate-button:hover:before{transform:translate(-50%,-50%) scale(1);opacity:1}.floating-location-button.donate-button:active{transform:translateY(0);box-shadow:0 4px 8px rgba(0,0,0,.15)}.floating-download-button,.floating-location-button,.floating-orientation-button,.floating-share-button{background-color:#f9f9f9;color:#333;border-radius:50%;padding:10px;font-size:1.5em;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;transition:background-color .3s,box-shadow .3s;background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 1px 3px rgba(0,0,0,.08)}.floating-location-button:hover,.floating-share-button:hover{background-color:#e0e0e0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.floating-trip-toggle{position:absolute;top:-60px;left:0;background-color:#f9f9f9;border-radius:10px;padding:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:2}.fixed-top-buttons{position:fixed;top:10px;left:10px;display:flex;gap:10px}.fixed-button{background-color:#f9f9f9;color:#333;border-radius:10px;padding:12px 15px;font-size:.9em;cursor:pointer;transition:background-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff;border:1px solid #e5e5e5}.fixed-button.pale-blue{background-color:#e0f0ff;color:#000}.fixed-button.pale-green{background-color:#e0f7e0;color:#000}.fixed-button .material-icons{font-size:1.5em}.fixed-button:hover{background-color:#e0e0e0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.fixed-button:active{background-color:#d0d0d0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.fixed-plan-button{position:absolute;top:-60px;right:0;width:100%;flex-direction:row;z-index:1}.fixed-plan-button,.plan-button{display:flex;gap:10px;justify-content:center}.plan-button{background-color:#007bff;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1em;cursor:pointer;align-items:center;transition:background-color .3s,box-shadow .3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.plan-button:hover{background-color:#0056b3;box-shadow:0 4px 8px rgba(0,0,0,.1)}.plan-button:active{background-color:#004494;box-shadow:0 2px 4px rgba(0,0,0,.1)}.trip-info{display:flex;flex-direction:row;margin-bottom:10px;color:#333;justify-content:space-between}.trip-info-name{font-size:1em;font-weight:700;margin:0}.trip-info-details{display:flex;flex-wrap:wrap;gap:10px;font-size:.8em}.trip-info-details span{display:flex;align-items:center;gap:5px}.chip-messages-container{position:fixed;top:10px;right:10px;max-width:50%;max-height:50%;overflow-y:auto;pointer-events:none;display:flex;flex-direction:column;gap:10px}.chip-message{background-color:var(--chip-bg-color,#f9f9f9);color:#333;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:opacity .5s ease-out}.chip-message.fade-out{opacity:0}.chip-message .close-button{font-size:1.2em}.overview-button{background-color:#007bff;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s;z-index:1}.overview-button:hover{background-color:#0056b3}.overview-button:active{background-color:#004494}.overview-button-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.liked-items-indicator{position:absolute;top:-21px;right:-19px;background:linear-gradient(45deg,gold,#ffec8b,gold,#ffec8b);color:red;padding:5px 10px;border-radius:50%;font-size:.8em;font-weight:700;animation:wiggle .5s ease-out;transform:rotate(19deg)}.language-selector{position:fixed;top:10px;left:10px}.language-button{background-color:#f9f9f9;color:#333;border-radius:8px;font-family:inherit;font-size:14px;padding:6px 10px;cursor:pointer;transition:background-color .3s;background-color:#fff;border:1px solid #e5e5e5}.language-button:hover{background-color:#e0e0e0}.language-dropdown{position:absolute;top:40px;left:0;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;display:flex;flex-direction:column}.language-dropdown-item{background-color:#f9f9f9;color:#333;border:none;padding:10px;text-align:left;cursor:pointer;transition:background-color .3s;display:flex;align-items:center}.language-dropdown-item:hover{background-color:#e0e0e0}.language-flag{font-size:20px;margin-right:10px}.language-name{font-size:14px}@keyframes wiggle{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(-10deg)}}@keyframes glow{0%,to{box-shadow:0 0 10px 5px gold,0 0 20px 10px orange}50%{box-shadow:0 0 15px 7px gold,0 0 25px 12px orange}}.download-progress{position:absolute;bottom:10px;left:10px;right:10px;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.download-progress .MuiLinearProgress-bar{background-color:#007bff}:root{--pastel-blue:#a8d0e6;--pastel-red:#ffabab;--pastel-gray:#b0bec5;--pastel-teal:#80cbc4;--pastel-green:#a5d6a7;--pastel-yellow:#ffd54f}.trip-selector{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333;max-height:20hv;overflow:scroll;width:330px;margin:20px auto auto;transition:width .2s ease-out}.trip-selector-header{display:flex;justify-content:space-between}.trip-selector.full-view{width:90%}.trip-selector>button{margin-bottom:10px;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:10px;font-weight:500;padding:10px 20px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.trip-selector>button:hover{background-color:#f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,.08)}.trip-selector>button:active{background-color:#e0e0e0;box-shadow:0 1px 2px rgba(0,0,0,.08)}.trip-selector input{width:100%;padding:8px 8px 8px 20px;margin-bottom:0;border:1px solid #ddd;border-radius:50px 0 0 50px;background-color:#fff;color:#333;font-size:16px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);transition:border-color .3s,box-shadow .3s}.trip-selector input::-moz-placeholder{color:#bbb}.trip-selector input::placeholder{color:#bbb}.trip-selector input:focus{outline:none;border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.3)}.search-input-wrapper{position:sticky;width:100%;top:0;z-index:1000;transition:width .2s ease-out}.search-input-wrapper:focus-within{position:sticky;top:500px}.clear-search-button{position:absolute;right:15px;top:65%;transform:translateY(-75%);background:none;border:none;color:#bbb;cursor:pointer;font-size:18px}.clear-search-button:hover{color:#333}.trip-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;transition:opacity .3s ease;opacity:0;max-height:0;height:0}.trip-selector.full-view .trip-list{opacity:1;max-height:1000px;height:auto}.trip-item{position:relative;background-color:#fff;padding:15px;border-radius:12px;cursor:pointer;transition:background-color .3s,box-shadow .3s;display:flex;flex-direction:column;gap:5px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.trip-item:hover{background-color:#f8f8f8;box-shadow:0 2px 5px rgba(0,0,0,.08)}.trip-item.selected{background-color:#007bff;color:#fff}.trip-item.selected .trip-item-details,.trip-item.selected .trip-item-name{color:#fff}.trip-item .delete-trip-button{position:absolute;top:8px;right:8px;background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:14px;border-radius:50%;transition:background-color .3s;display:none}.trip-item:hover .delete-trip-button{display:block}.trip-item .delete-trip-button:hover{background-color:hsla(0,100%,71%,.2)}.trip-item-name{font-size:.8em}.trip-item-details{display:flex;gap:10px;font-size:.8em}.trip-item-icon{font-size:1.2em}.amenity-filter-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.amenity-buttons{display:flex;flex-wrap:wrap;gap:10px;flex:2}.amenity-button{flex:1 1 calc(25% - 10px);display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;background:#fff;border:1px solid #ddd;color:#333;border-radius:10px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.amenity-button:hover{background:#f0f0f0;box-shadow:0 2px 5px rgba(0,0,0,.05)}.amenity-button.active-amenity{background:#007bff;color:#fff;border-color:transparent}.pistes-legend{flex:1;padding:12px;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:14px;display:flex;flex-direction:column;gap:10px}.pistes-legend h3{margin:0 0 5px;font-size:16px;color:#333}.piste-item{display:flex;align-items:center;gap:8px;margin-bottom:3px}.piste-color{width:15px;height:15px;border-radius:50%}.piste-color.easy{background-color:#a8d0e6}.piste-color.intermediate{background-color:#ff8a80}.piste-color.advanced{background-color:#90a4ae}.piste-color.freeride{background-color:#80cbc4}.piste-color.novice{background-color:#a5d6a7}.search-results{max-height:150px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:8px}.search-result-item{padding:8px 12px;border-radius:20px;margin-bottom:5px;cursor:pointer;transition:background-color .3s;display:inline-flex;align-items:center;gap:5px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.search-result-item:hover{background-color:#f1f1f1}.selected-result{border:2px solid gold;background-color:gold}.floating-ski-resort-button{top:10px;right:10px;background-color:#f9f9f9;color:#333;border:1px solid #ddd;border-radius:0 25px 25px 0;font-family:inherit;font-size:14px;padding:6px 10px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;cursor:pointer;transition:background-color .3s;transition:width .2s ease-out}.full-view .floating-ski-resort-button{border-bottom-right-radius:0}.floating-ski-resort-button:hover{background-color:#e0e0e0}.floating-ski-resort-button img.ski-resort-flag{width:20px;height:14px;margin-right:6px}.floating-ski-resort-button .ski-resort-name{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ski-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;z-index:1100}.ski-dialog-container{background:#fff;width:90%;max-width:500px;border-radius:12px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;position:relative;font-size:14px;max-height:70%;overflow:scroll}.ski-dialog-container .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#999;transition:color .2s;padding:10px}.close-button:hover{color:#333}h2{font-size:20px;margin-bottom:8px;color:#007aff}.accordion,.intro-text{margin-bottom:12px}.accordion{border:1px solid #e0e0e0;border-radius:6px;padding:8px;background:#f9f9f9}.accordion summary{outline:none;cursor:pointer;font-weight:700;list-style:none;font-size:14px}.accordion ul{margin:8px 0 0 20px;padding:0}.accordion li{margin-bottom:4px;line-height:1.4}.contact-note{margin-top:8px;margin-bottom:40px}.dialog-footer{position:sticky;bottom:0;background:#fff;padding-top:8px;border-top:1px solid #e0e0e0;text-align:center}.buy-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffeb3b;border:none;border-radius:6px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background .2s;width:100%}.buy-button:hover{background:#fdd835}.coffee-icon{font-size:18px}.buy-buttons{display:flex;gap:10px}.autocomplete{width:100%;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;padding:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.autocomplete-container{display:flex;flex-direction:row;justify-content:space-between}.result-section{padding:4px;border-right:1px solid #eee;max-height:300px;overflow-y:scroll;overflow-x:hidden}.result-section:last-child{border-right:none}.result-section h4{margin-bottom:6px;font-size:14px;text-transform:uppercase;color:#333;padding-bottom:4px;text-align:left}.result-header,.result-section h4{border-bottom:2px solid #eee;padding-top:2px}.result-header{display:flex;justify-content:space-between;align-items:center}.result-header h4{margin-bottom:6px;font-size:14px;text-transform:uppercase;color:#333;padding-bottom:4px;padding-top:2px;text-align:left;border:none}.ratio-toggle-button{background-color:#4caf50;border:none;color:#fff;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;cursor:pointer;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.request-resort-button{background-color:#ffd54f;border:none;color:#000;padding:2px 6px;border-radius:4px;font-weight:400;font-size:clamp(10px,2.5vw,12px);text-transform:uppercase;cursor:pointer;margin-bottom:8px}.request-resort-button:hover{background-color:#ffca28}.result-item{display:flex;align-items:center;margin-bottom:6px;padding:6px;min-height:48px;background-color:#e0f7fa;border-radius:4px;cursor:pointer;transition:background-color .2s}.result-item:hover{background-color:#b2ebf2}.result-left{width:40px;display:flex;align-items:center;justify-content:center;margin-right:8px}.result-icon{width:24px;height:24px;font-size:24px;color:#555}.result-flag{width:80px;height:auto;display:block;margin:0 auto;border-radius:4px;-o-object-fit:cover;object-fit:cover}.result-content{text-align:left;font-size:14px;color:#333}.no-results{text-align:left;font-style:italic;color:#999}.chip-container{display:flex;align-items:center;gap:4px;padding:4px 0;overflow:scroll;position:relative}.MuiChip-root{border-radius:4px;padding:0 4px;margin:0 2px;font-size:12px}.MuiChip-icon{font-size:16px;margin-right:4px}.chip-chevron{position:absolute;right:8px;top:auto}.chip-slope{background-color:#a5d6a7;color:#1b5e20}.chip-cableLine{background-color:#81d4fa;color:#01579b}.chip-toilets{background-color:#ce93d8;color:#4a148c}.chip-restaurant{background-color:#ffcc80;color:#e65100}.chip-hospital{background-color:#ef9a9a;color:#b71c1c}.chip-picnic_site{background-color:#ffe082;color:#ff6f00}.chip-messages{position:fixed;top:10px;right:10px;max-width:50%;max-height:50%;overflow-y:auto;display:flex;flex-direction:column-reverse;pointer-events:none;z-index:50}.chip-messages .chip-message{pointer-events:auto}.chip-message{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:10px;border-radius:5px;color:#fff;opacity:1;transition:opacity .5s ease-out,transform .5s ease-out,filter .5s ease-out;font-size:.8em;animation:fadeOutMoveUp 3s forwards}.chip-message.green{background-color:#4caf50}.chip-message.red{background-color:#f44336}.chip-message.yellow{background-color:#ffeb3b;color:#000}.chip-message.blue{background-color:#2196f3}.chip-message.gray{background-color:#9e9e9e}.chip-message.white{background-color:#fff;color:#000}.chip-message .close-button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;margin-left:10px}@keyframes fadeOutMoveUp{0%{opacity:1;transform:translateY(0);filter:blur(0)}66%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-20px);filter:blur(5px)}}.floating-location-button .fix-map-style-choser{padding:0}.top10-slopes-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease-out}.top10-slopes-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.modal-header{justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f1f5f9}.header-content,.modal-header{display:flex;align-items:center}.header-content{gap:12px}.header-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-actions{display:flex;align-items:center;gap:8px}.close-button,.share-button{width:36px;height:36px;border:none;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.close-button:hover,.share-button:hover{background:#e2e8f0;color:#475569}.share-button{background:#3b82f6;color:#fff}.share-button:hover{background:#2563eb;color:#fff}.category-selector{display:flex;gap:8px;padding:0 24px 16px;border-bottom:1px solid #f1f5f9}.category-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.category-btn:hover:not(.disabled){border-color:#cbd5e1;background:#f8fafc}.category-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.category-btn.disabled{opacity:.5;cursor:not-allowed}.difficulty-filter-section{padding:8px 24px 16px;border-bottom:1px solid #f1f5f9}.difficulty-filter-label{font-size:13px;font-weight:600;color:#64748b;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.5px}.difficulty-chips{display:flex;gap:8px;flex-wrap:wrap}.difficulty-chip{display:flex;align-items:center;padding:6px 12px;border:1.5px solid;background:transparent;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.3px;min-height:32px;white-space:nowrap}.difficulty-chip:hover:not(.active){background:rgba(var(--difficulty-color-rgb,59,130,246),.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.difficulty-chip.active{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.difficulty-chip:active{transform:translateY(0) scale(.98)}@media (max-width:767px){.top10-slopes-overlay{padding:12px}.modal-header{padding:16px 16px 12px}.header-icon{width:28px;height:28px;border-radius:8px}.modal-title{font-size:16px;font-weight:600}.close-button,.share-button{width:28px;height:28px;border-radius:6px}.category-selector{padding:12px 16px;gap:6px}.category-btn{padding:6px 12px;font-size:9px;font-weight:500;border-radius:6px}.difficulty-filter-section{padding:6px 16px 12px}.difficulty-filter-label{font-size:8px;margin-bottom:4px}.difficulty-chips{gap:4px}.difficulty-chip{font-size:7px;padding:4px 8px;min-height:22px;border-radius:12px}.slopes-container{padding:12px;gap:8px;max-height:70vh}.slope-card{padding:10px;margin-bottom:6px;border-radius:12px;min-height:140px;gap:8px}.slope-card,.slope-main-content{overflow:hidden}.slope-rank-badge{width:28px;height:28px;border-radius:8px;font-size:9px;font-weight:600}.slope-main-content{gap:6px}.slope-header{gap:4px}.slope-name{font-size:11px;font-weight:500;line-height:1.2;-webkit-line-clamp:1;line-clamp:1}.slope-score-badge{padding:3px 6px;border-radius:6px}.score-value{font-size:9px;font-weight:600}.score-max{font-size:7px;font-weight:400}.difficulty-indicator{padding:3px 6px;border-radius:5px;margin-left:6px}.indicator-text{font-size:6px;font-weight:600;letter-spacing:.2px}.slope-stats-row{padding:6px 4px;gap:4px;border-radius:8px}.stat-item{gap:1px}.stat-value{font-size:9px;font-weight:600;line-height:1}.stat-label{font-size:6px;font-weight:500;letter-spacing:.3px}.stat-divider{height:12px}.slope-action-arrow{width:24px;height:24px;border-radius:6px}.empty-state{padding:24px}.empty-state p{font-size:11px;font-weight:400;margin:8px 0 0}}.slopes-container{padding:20px;max-height:65vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;background:#f8f9fa;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.slopes-container::-webkit-scrollbar{width:6px}.slopes-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.slopes-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.slopes-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.slope-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"rank content action";align-items:start;gap:12px;padding:16px;margin-bottom:12px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:visible;contain:layout style;min-height:160px;height:auto;position:relative}@media (hover:hover) and (pointer:fine){.slope-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08),0 3px 10px rgba(0,0,0,.06);border-color:rgba(0,122,255,.1)}}.slope-card:active{transform:translateY(-1px) scale(.995);transition:all .15s cubic-bezier(.4,0,.2,1)}.slope-card.selected{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#007aff;box-shadow:0 0 0 1px #007aff,0 8px 32px rgba(0,122,255,.15),0 3px 12px rgba(0,122,255,.1);transform:translateY(-2px)}.slope-card.selected .slope-rank-badge{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff;box-shadow:0 2px 8px rgba(0,122,255,.3)}.slope-card.selected .slope-action-arrow{color:#007aff;transform:translateX(2px)}.slope-rank-badge{grid-area:rank;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2f2f7,#e5e5ea);border-radius:12px;border:1px solid rgba(0,0,0,.04);font-size:clamp(13px,3.5vw,15px);font-weight:700;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-variant-numeric:tabular-nums;transition:all .3s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rank-number{font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:1}.slope-main-content{grid-area:content;gap:12px;min-width:0;overflow:visible;contain:layout}.slope-header,.slope-main-content{display:flex;flex-direction:column}.slope-header{gap:8px;align-items:flex-start}.slope-name{font-size:clamp(16px,4vw,18px);font-weight:600;line-height:1.25;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;margin:0;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.slope-score-badge{display:inline-flex;align-items:baseline;gap:1px;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid rgba(0,122,255,.1);padding:6px 10px;border-radius:10px;transition:all .2s ease;flex-shrink:0;align-self:flex-start}.score-value{font-size:clamp(14px,3.5vw,16px);font-weight:700;color:#007aff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-variant-numeric:tabular-nums;line-height:1}.score-max{font-size:clamp(11px,2.8vw,13px);font-weight:500;color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;line-height:1}.slope-stats-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;background:rgba(248,249,250,.6);border-radius:12px;padding:12px 8px;border:1px solid rgba(0,0,0,.04)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.stat-value{font-size:clamp(14px,3.5vw,16px);font-weight:700;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-variant-numeric:tabular-nums;line-height:1.1}.stat-label,.stat-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-label{font-size:clamp(9px,2.2vw,11px);font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.6px;line-height:1}.stat-divider{width:1px;height:20px;background:linear-gradient(180deg,transparent,#e5e5ea 20%,#e5e5ea 80%,transparent);opacity:.6}.slope-indicators{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.difficulty-indicator,.level-indicator{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.1);flex-shrink:0;max-width:100%;transition:all .2s ease;margin-left:10px}.indicator-text{font-size:clamp(10px,2.5vw,12px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.4px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.2)}.slope-action-arrow{grid-area:action;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#c7c7cc;background:hsla(240,5%,79%,.08);border-radius:8px;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (hover:hover) and (pointer:fine){.slope-action-arrow:hover{background:hsla(240,5%,79%,.15);color:#8e8e93}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#64748b;text-align:center}.empty-state p{margin:12px 0 0;font-size:16px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.top10-slopes-overlay{padding:20px}.top10-slopes-modal{max-height:90vh;border-radius:20px}.modal-header{padding:24px 24px 16px}.modal-title{font-size:24px}.category-selector{padding:16px 24px}.category-btn{font-size:14px;padding:8px 16px}.difficulty-filter-section{padding:8px 24px 16px}.difficulty-chip{font-size:13px;padding:7px 14px;min-height:36px}.slopes-container{padding:20px;max-height:65vh}.slope-card{grid-template-columns:auto 1fr auto;gap:16px;padding:20px;min-height:170px;height:auto}.slope-card,.slope-main-content{overflow:visible}.difficulty-indicator{margin-left:0;margin-top:5px}.slope-name{-webkit-line-clamp:3;line-clamp:3}.slope-rank-badge{width:44px;height:44px;border-radius:14px}.slope-main-content{gap:14px}.slope-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.slope-stats-row{padding:14px 12px;gap:12px}.slope-action-arrow{width:36px;height:36px;border-radius:10px}}@media (min-width:1024px){.top10-slopes-modal{max-width:700px}.slopes-container{max-height:60vh}.slope-card{grid-template-columns:auto 1fr auto;gap:20px;padding:24px;min-height:190px;height:auto;border-radius:18px}.slope-card,.slope-main-content,.slope-name{overflow:visible}.slope-name{-webkit-line-clamp:unset;line-clamp:unset;display:block}.slope-rank-badge{width:48px;height:48px;border-radius:16px}.slope-main-content{gap:16px}.slope-header{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.slope-stats-row{padding:16px;gap:16px;border-radius:14px}.slope-action-arrow{width:40px;height:40px;border-radius:12px}.difficulty-indicator{margin-left:0;margin-top:5px}}@media (min-width:1440px){.top10-slopes-modal{max-width:800px}.slope-card{padding:28px;gap:24px}.slope-card,.slope-main-content,.slope-name{overflow:visible}.slope-name{-webkit-line-clamp:unset;line-clamp:unset;display:block}.slope-rank-badge{width:52px;height:52px;border-radius:18px}.slope-action-arrow{width:44px;height:44px;border-radius:14px}}.slope-card:focus-visible{outline:2px solid #007aff;outline-offset:2px;border-color:#007aff}.slope-card:focus-visible:not(.selected){background:linear-gradient(135deg,#f8f9ff,#fff)}@media (prefers-reduced-motion:reduce){.difficulty-indicator,.level-indicator,.slope-action-arrow,.slope-card,.slope-rank-badge,.slope-score-badge{transition:none}.slope-card.selected,.slope-card:active,.slope-card:hover{transform:none}}@media (prefers-contrast:high){.slope-card{border-color:#000;box-shadow:0 2px 8px rgba(0,0,0,.3)}.slope-card.selected{border-color:#007aff;border-width:2px}.stat-divider{background:#000;opacity:1}}@media print{.slope-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #000}.slope-action-arrow{display:none}}.fullscreen-drawer{position:fixed;bottom:0;left:0;right:0;top:0;margin:15px;background-color:#252525;color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.5);border-radius:8px;padding:5px;box-sizing:border-box;display:flex;flex-direction:column;z-index:1000}.action-buttons{display:flex;flex-direction:column;gap:10px;padding:10px}.action-buttons .row{display:flex;gap:10px;align-items:center}.action-buttons .row.save-and-exit{justify-content:space-between}.action-buttons .row.save-and-exit .button{flex:0 0 auto;padding:5px 15px;font-size:1em;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s}.action-buttons .row.location-selector .button-group{width:100%}.action-buttons .row.save-and-exit .button.ios-save{background-color:#007aff;color:#fff}.action-buttons .row.save-and-exit .button.ios-save:hover{background-color:#005bb5}.action-buttons .row.save-and-exit .button.ios-close{background-color:#ff3b30;color:#fff}.action-buttons .row.save-and-exit .button.ios-close:hover{background-color:#c1271b}.action-buttons .row.location-selector{justify-content:center}.action-buttons .row.location-selector .button-group{display:flex;gap:0}.action-buttons .row.location-selector .button-group .button{flex:1;padding:10px;font-size:.9em;border-radius:0;border:none;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.action-buttons .row.location-selector .button-group .button:first-child{background-color:#2b2b2b;border-top-left-radius:8px;border-bottom-left-radius:8px}.action-buttons .row.location-selector .button-group .button:nth-child(2){background-color:#28a745}.action-buttons .row.location-selector .button-group .button:last-child{background-color:#007bff;border-top-right-radius:8px;border-bottom-right-radius:8px}.action-buttons .button.green{background-color:#28a745}.action-buttons .button.red{background-color:#dc3545}.action-buttons .button.alpine-green{background-color:#2e8b57}.action-buttons .button:hover{background-color:#777}.action-buttons .button:active{background-color:#999}.place-selection{flex:1;padding:10px;box-sizing:border-box;position:relative}.places-box{position:absolute;top:0;left:0;justify-content:center;align-items:center;background:transparent;border-radius:20px;overflow:hidden;touch-action:none}.places-box,.places-box-content{width:100%;height:100%;display:flex;padding:0}.places-box-content{position:relative;flex-direction:column;background:#252525;border-radius:10px}.places-box-header{flex:0 0 auto;padding:15px;background-color:#3b3b3b;font-family:Arial,sans-serif;font-size:1.2em;color:#fff;text-align:center;border-bottom:1px solid #444}.places-box-slider{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:100px}.places-box-slide{flex:0 0 auto;padding:15px;text-align:center}.places-box-slide img{max-width:100%;max-height:100%;border-radius:0}.places-box-description{font-family:Open Sans,sans-serif;font-size:.9em;color:#ddd;margin:10px 0;padding:0 15px}.places-box-footer{flex:0 0 auto;display:flex;justify-content:space-around;position:absolute;width:100%;height:75px;bottom:0;background:transparent}.button.like{color:#4caf50;background-color:#e8f5e9;border:2px solid #4caf50;border-radius:50%}.button.dislike,.button.like{width:75px;height:75px;display:flex;align-items:center;justify-content:center;font-size:2em}.button.dislike{color:#f44336;background-color:#ffebee;border:2px solid #f44336;border-radius:50%}.stamp{position:absolute;top:calc(50% - 70px);left:calc(50% - 70px);padding:10px 20px;font-size:42px;font-weight:700;color:#fff;border-radius:5px;z-index:10;border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.like-stamp{transform:rotate(-37deg);box-shadow:0 0 10px #4caf50;color:#4caf50;border:2px solid #4caf50}.nope-stamp{transform:rotate(37deg);box-shadow:0 0 10px #f44336;color:#f44336;border:2px solid #f44336}.location-selector{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.search-bar{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:80%;z-index:10;background:#fff;padding:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.map-container{flex:1;width:100%;height:100%}.selected-location{bottom:60px;background:hsla(0,0%,100%,.8);padding:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.action-buttons-loc,.selected-location{position:absolute;left:50%;transform:translateX(-50%);z-index:10}.action-buttons-loc{bottom:10px;display:flex;justify-content:space-between;width:80%;justify-content:space-evenly;align-items:center}.button{background:#007bff;color:#fff;border:none;padding:0 10px;border-radius:5px;cursor:pointer;transition:background .3s}.button:hover{background:#0056b3}.button:disabled{background:#ccc;cursor:not-allowed}.live-location-marker{width:20px;height:20px;background-color:#007bff;border-radius:50%;box-shadow:0 0 10px rgba(0,123,255,.5);animation:pulse 1s infinite}.live-location-button{width:75px;height:75px;background-color:#007bff;border-radius:50%;font-size:.5em}.save-location-button{width:100px;height:100px;background-color:#4caf50;border-radius:50%}.close-location-button{width:75px;height:75px;background-color:#f44336;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,123,255,.5)}70%{box-shadow:0 0 0 20px rgba(0,123,255,0)}to{box-shadow:0 0 0 0 rgba(0,123,255,0)}}.search-box{position:fixed;top:0;width:calc(100% - 30px);margin:15px;background-color:#333;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.5);border-radius:15px;box-sizing:border-box;display:flex;align-items:center;z-index:1000}.search-box input{flex:1;border:none;outline:none;font-size:16px;background-color:#555;color:#fff;border-radius:10px;padding:8px 40px 8px 8px}.search-box .locate-me{position:absolute;right:15px;background:none;border:none;cursor:pointer;font-size:20px;color:#fff}.search-box.focused{border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.25)}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}.autocomplete-box{position:absolute;top:100%;left:0;right:0;background-color:#33333371;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-top:none;max-height:200px;overflow-y:auto;z-index:1000;border-radius:15px;padding:10px;box-sizing:border-box}.suggestion{padding:10px;cursor:pointer;background-color:#555;border-radius:10px;margin-bottom:5px;transition:background-color .3s}.suggestion:hover{background-color:#777}.suggestion:active{background-color:#999}.map-3d-controls{position:absolute;top:10px;left:10px;z-index:1000}.map-3d-controls-main-button{background-color:hsla(0,0%,100%,.9);border:none;padding:12px 24px;cursor:pointer;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);font-size:16px;font-weight:500;color:#333;transition:background-color .3s ease}.map-3d-controls-main-button:hover{background-color:hsla(0,0%,94%,.9)}.map-3d-controls-buttons{display:flex;flex-direction:column;margin-top:8px;background-color:hsla(0,0%,100%,.9);border-radius:8px;padding:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:200px}.map-3d-controls-buttons button{border:none;cursor:pointer;border-radius:6px;background-color:#4caf50;color:#fff;font-size:14px;font-weight:500;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;padding:8px;margin:4px}.map-3d-controls-buttons button:hover{background-color:#388e3c}.map-3d-controls-buttons button:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.2)}.pan-controls{display:flex;flex-direction:column;align-items:center}.pan-horizontal{display:flex}.pan-horizontal button{margin:0 4px}.rotate-controls,.tilt-controls,.zoom-controls{display:flex;justify-content:space-around;margin:8px 0}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#f0f4f8,#fff);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:-apple-system,Blink-mac-system-font,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.splash-content{text-align:center;background:#fff;padding:30px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:90%;max-width:400px}.splash-title{margin:0;font-size:24px;color:#333}.splash-subtitle{margin:10px 0 20px;font-size:16px;color:#666}.ride-selection{display:flex;justify-content:space-around;margin-bottom:20px}.ride-button{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:15px;padding:20px 15px;width:120px;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center}.ride-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-3px)}.selected{border:2px solid #007bff;background:#eaf4ff}.ride-icon{font-size:48px;margin-bottom:10px;display:inline-block}.ride-label{font-size:18px;font-weight:500;color:#333}.reward-message{margin-top:20px;font-size:18px;color:#007bff;animation:pop-in .6s ease-out}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}80%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.loader{margin:20px auto;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes carve{0%{transform:translateX(0) rotate(0deg) perspective(600px)}50%{transform:translateX(-10px) rotate(-10deg) perspective(600px)}to{transform:translateX(0) rotate(0deg) perspective(600px)}}@keyframes switch-edge{0%{transform:translateX(0) rotate(0deg) perspective(600px)}50%{transform:translateX(10px) rotate(10deg) perspective(600px)}to{transform:translateX(0) rotate(0deg) perspective(600px)}}.animate-skier{animation:carve 1.5s ease-in-out infinite}.animate-snowboard{animation:switch-edge 1.5s ease-in-out infinite}.cookie-banner{position:fixed;bottom:5px;left:5px;right:5px;background-color:#d5d5d5;padding:15px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:9999;font-family:Arial,sans-serif;max-width:600px;margin:0 auto}.cookie-text{margin:0 0 15px;font-size:14px;color:#333;line-height:1.4}.button-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.cookie-banner .button{font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:10px 20px}.accept-button{background-color:#4caf50;color:#fff}.accept-button:hover{background-color:#45a049}.configure-button{background-color:#2196f3;color:#fff}.configure-button:hover{background-color:#0b7dda}.deny-button{background-color:#f44336;color:#fff}.deny-button:hover{background-color:#da190b}.config-panel{margin-top:15px;border-top:1px solid #e0e0e0;padding-top:15px}.service-item{margin-bottom:10px}.service-label{display:flex;align-items:center;font-size:14px}.checkbox{margin-right:10px}.service-name{font-weight:700;margin-right:5px}.service-description{font-size:12px;color:#666}.save-button{background-color:#4caf50;color:#fff;margin-top:10px}.save-button:hover{background-color:#45a049}@media (max-width:480px){.cookie-banner{left:0;right:0;bottom:0;border-radius:8px 8px 0 0}.button-container{flex-direction:column}.button{width:100%}}