.explore-main{position:relative;width:100%;height:calc(100vh - 72px);overflow:hidden;background:var(--color-bg)}#map-container{width:100%;height:100%;cursor:grab}#map-container:active{cursor:grabbing}#garden-svg{width:100%;height:100%;display:block}#explore-title{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:10}#explore-title h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-heading);margin:0;line-height:1.2}.explore-subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);margin:4px 0 12px}#paths-btn{position:absolute;top:calc(var(--space-lg) + 70px);left:var(--space-lg);z-index:10;display:flex;align-items:center;gap:8px;padding:8px 16px;background:color-mix(in srgb,var(--color-bg-card) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--color-border);border-radius:var(--card-radius);color:var(--color-text);font-family:var(--font-heading);font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px var(--color-shadow);transition:all var(--transition-fast)}#paths-btn:hover{background:color-mix(in srgb,var(--color-text-muted) 10%,transparent);border-color:var(--color-accent)}#paths-btn svg{flex-shrink:0}#mode-switcher{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:4px;padding:4px;background:color-mix(in srgb,var(--color-bg-card) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--color-border);border-radius:var(--card-radius);box-shadow:0 4px 12px var(--color-shadow);z-index:10}.mode-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:calc(var(--card-radius) - 2px);background:transparent;color:var(--color-text);font-family:var(--font-heading);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.mode-btn:hover{background:color-mix(in srgb,var(--color-text-muted) 10%,transparent)}.mode-btn.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--color-accent) 30%,transparent)}.mode-btn.active:hover{background:var(--color-accent)}.mode-btn svg{flex-shrink:0}#legend{position:absolute;bottom:var(--space-lg);left:var(--space-lg);z-index:10;background:color-mix(in srgb,var(--color-bg-card) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--color-border);border-radius:var(--card-radius);box-shadow:0 4px 12px var(--color-shadow);overflow:hidden;transition:all var(--transition-base)}#legend-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;border:none;background:transparent;color:var(--color-text);font-family:var(--font-heading);font-size:.8125rem;font-weight:500;cursor:pointer;text-align:left;transition:background var(--transition-fast)}#legend.collapsed{border-radius:999px;padding:0}#legend:not(.collapsed){border-radius:var(--card-radius)}#legend-toggle:hover{background:color-mix(in srgb,var(--color-text-muted) 8%,transparent)}#legend-toggle-arrow{font-size:.75rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}#legend:not(.collapsed) #legend-toggle-arrow{transform:rotate(180deg)}#legend-content{display:none;padding:0 14px 14px;border-top:1px solid var(--color-border)}#legend:not(.collapsed) #legend-content{display:block}.legend-section h3{font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 8px}#legend-collections{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.legend-collection-item{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.75rem;color:var(--color-text);text-transform:capitalize}.legend-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-maturity{display:flex;align-items:flex-end;gap:16px}.maturity-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-body);font-size:.625rem;color:var(--color-text-muted);text-transform:capitalize}.maturity-dot{border-radius:50%;background:var(--color-text-muted);display:inline-block;flex-shrink:0}#wander-btn{position:absolute;bottom:var(--space-lg);right:var(--space-lg);z-index:10;display:flex;align-items:center;gap:12px;padding:12px 20px;border:2px solid var(--color-border);border-radius:var(--card-radius);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--color-shadow)}#wander-btn:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-card))}#wander-btn.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-card));color:var(--color-accent)}#wander-canvas{display:block;flex-shrink:0}.wander-btn-text{text-align:left}.wander-btn-label{display:block;font-family:var(--font-heading);font-size:.9375rem;font-weight:600}.wander-btn-sub{display:block;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted)}#wander-card{position:absolute;bottom:calc(var(--space-lg) + 80px);right:var(--space-lg);z-index:15;width:320px;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--card-radius);box-shadow:0 8px 24px var(--color-shadow);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wander-card-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-border) 30%,var(--color-bg-card))}.wander-card-top-label{font-family:var(--font-body);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}#wander-close{border:none;background:transparent;color:var(--color-text-muted);font-size:1.125rem;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:background var(--transition-fast)}#wander-close:hover{background:color-mix(in srgb,var(--color-text-muted) 10%,transparent)}.wander-card-body{padding:16px}.wander-collection{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wander-collection-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wander-collection-name{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}#wander-card h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-heading);margin:0 0 8px;line-height:1.3}#wander-description{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);margin:0 0 16px;line-height:1.5}.wander-readmore{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-accent);text-decoration:none;margin-bottom:16px}.wander-readmore:hover{text-decoration:underline}#wander-nearby{padding:0 16px 16px;border-top:1px solid var(--color-border)}#wander-nearby h4{font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 8px}#wander-nearby-list{list-style:none;margin:0;padding:0}#wander-nearby-list li{padding:4px 0}#wander-nearby-list button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:4px 0;cursor:pointer;font-family:var(--font-body);font-size:.875rem;color:var(--color-text);text-align:left;transition:color var(--transition-fast)}#wander-nearby-list button:hover{color:var(--color-accent-2)}#wander-nearby-list .nearby-dot{display:inline-block;width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;flex-shrink:0}.wander-card-footer{padding:0 16px 16px}.wander-again-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--card-radius);background:color-mix(in srgb,var(--color-text-muted) 8%,transparent);color:var(--color-text);font-family:var(--font-body);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background var(--transition-fast)}.wander-again-btn:hover{background:color-mix(in srgb,var(--color-text-muted) 15%,transparent)}#tooltip{position:fixed;z-index:100;pointer-events:none;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--card-radius);padding:16px;width:280px;box-shadow:0 8px 24px var(--color-shadow);animation:tooltipIn .15s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tooltip-collection{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tooltip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tooltip-collection-name{font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.tooltip-maturity-label{margin-left:auto;font-family:var(--font-heading);font-size:.75rem;font-style:italic;color:var(--color-text-muted)}.tooltip-title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;color:var(--color-heading);line-height:1.3;margin-bottom:8px}.tooltip-description{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.tooltip-maturity-bar{display:flex;gap:3px;margin-top:4px}.tooltip-maturity-segment{flex:1;height:3px;border-radius:2px;transition:background var(--transition-fast)}#detail-card{position:fixed;z-index:110;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--card-radius);padding:16px 36px 16px 16px;width:300px;box-shadow:0 8px 24px var(--color-shadow);animation:tooltipIn .15s ease-out;text-decoration:none;color:inherit;display:block;cursor:pointer;transition:border-color var(--transition-fast)}#detail-card:hover,#detail-card:focus{border-color:var(--color-accent)}#detail-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--transition-fast),background var(--transition-fast)}#detail-close:hover{color:var(--color-accent);background:var(--color-tag-bg)}.detail-card-cta{display:block;margin-top:10px;font-size:.8125rem;font-weight:600;color:var(--color-accent)}#detail-card.detail-card-mobile{inset:auto 0 0;width:100%;max-width:100%;border-radius:var(--card-radius) var(--card-radius) 0 0;border-bottom:none;padding:20px 44px 20px 20px}@media(hover:none){#tooltip{display:none!important}}#trail-sidebar{position:absolute;top:0;left:0;width:320px;height:100%;background:var(--color-bg-card);border-right:2px solid var(--color-border);box-shadow:4px 0 16px var(--color-shadow);z-index:20;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column}#trail-sidebar:not(.hidden){transform:translate(0)}.trail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}#trail-sidebar h2{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-heading);margin:0}#trail-sidebar h2 svg{flex-shrink:0}.trail-close-btn{border:none;background:transparent;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:background var(--transition-fast)}.trail-close-btn:hover{background:color-mix(in srgb,var(--color-text-muted) 10%,transparent)}.trail-intro{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;padding:16px 20px 8px;margin:0}#trail-list{flex:1;overflow-y:auto}#trail-options{padding:8px 20px 20px}.trail-option{padding:16px;border:1px solid var(--color-border);border-left:3px solid #a08872;border-radius:var(--card-radius);margin-bottom:12px;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg);display:flex;gap:12px;align-items:flex-start}.trail-option:hover{border-left-color:var(--color-accent);background:color-mix(in srgb,var(--color-text-muted) 4%,var(--color-bg))}.trail-option:hover h3{color:var(--color-accent)}.trail-option .trail-icon{flex-shrink:0;margin-top:2px}.trail-option .trail-info{flex:1;min-width:0}.trail-option h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-heading);margin:0 0 6px;transition:color var(--transition-fast)}.trail-option p{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-muted);margin:0 0 8px;line-height:1.4}.trail-option .trail-stops{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted)}#trail-back{border:none;background:transparent;color:var(--color-accent);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;padding:0;margin-bottom:var(--space-md)}#trail-detail h3{font-family:var(--font-heading);font-size:1.125rem;color:var(--color-heading);margin:0 0 6px}#trail-description{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-muted);margin:0 0 var(--space-md);line-height:1.4}#trail-progress{width:100%;height:4px;background:var(--color-border);border-radius:2px;margin-bottom:var(--space-md);overflow:hidden}#trail-progress-bar{height:100%;background:var(--color-accent);border-radius:2px;transition:width var(--transition-base)}#trail-steps{list-style:none;padding:0;margin:0 0 var(--space-md)}#trail-steps li{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text);padding:8px 10px;border-radius:calc(var(--card-radius) - 2px);cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;gap:8px}#trail-steps li:hover{background:var(--color-bg)}#trail-steps li.active{background:var(--color-accent);color:#fff}#trail-steps .step-number{width:20px;height:20px;border-radius:50%;background:var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;flex-shrink:0}#trail-steps li.active .step-number{background:#fff3;color:#fff}.trail-nav{display:flex;gap:8px}.trail-nav button{flex:1;padding:8px 12px;border-radius:calc(var(--card-radius) - 2px);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.trail-nav button:hover{border-color:var(--color-accent)}.trail-nav button:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}.item-circle{cursor:pointer;transition:opacity .15s ease}@media(max-width:768px){#explore-title h1{font-size:1.5rem}#paths-btn{padding:8px 14px;font-size:.85rem}#legend{max-width:260px}#wander-btn{padding:10px 16px;gap:10px}}@media(max-width:640px){#explore-title{top:var(--space-md);left:var(--space-md)}#explore-title h1{font-size:1.1rem}.explore-subtitle{font-size:.75rem;margin:2px 0 6px}#paths-btn{top:calc(var(--space-md) + 50px);left:var(--space-md);padding:6px 12px;font-size:.8rem}.mode-btn span{display:none}.mode-btn{padding:8px 10px}#mode-switcher{top:var(--space-md);right:var(--space-md)}#legend{bottom:var(--space-md);left:var(--space-md);max-width:200px}#legend-collections{grid-template-columns:1fr}.legend-maturity{gap:8px}#wander-btn{bottom:var(--space-md);right:var(--space-md);padding:8px 12px;gap:8px}.wander-btn-sub{display:none}#wander-canvas{width:40px;height:30px}#wander-card{width:calc(100% - 2 * var(--space-md));right:var(--space-md);left:var(--space-md)}#trail-sidebar{width:100%}}@media(max-height:500px)and (orientation:landscape){#explore-title{display:none}#paths-btn{top:var(--space-sm);left:var(--space-sm)}#legend{display:none}#wander-btn{bottom:var(--space-sm);right:var(--space-sm);padding:6px 10px}.wander-btn-text{display:none}#mode-switcher{top:var(--space-sm);right:var(--space-sm)}#wander-card{max-height:80vh;overflow-y:auto}}