.nature-explorer-container{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.nature-explorer-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.nature-explorer-title{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:600;color:var(--color-foreground);margin:0}.nature-search-input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-sm);transition:border-color var(--transition-normal)}.nature-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-foreground)}.nature-explorer-content{margin-top:var(--spacing-md)}.nature-explorer-error,.nature-explorer-loading{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;color:var(--color-muted-foreground);font-size:var(--font-size-base)}.nature-explorer-error{color:var(--color-destructive);border-color:var(--color-destructive)}.wonder-card{background:linear-gradient(135deg,var(--color-card) 0,var(--color-muted) 100%)}.wonder-card,.wonder-card:hover{border-color:var(--color-primary)}.wonder-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.wonder-card .nature-card-title{color:var(--color-primary);display:flex;align-items:center}.wonder-icon{color:var(--color-primary);flex-shrink:0}.wonder-type{border-color:var(--color-primary)}.nature-map-btn,.wonder-type{background-color:var(--color-primary);color:var(--color-primary-foreground)}.nature-map-btn{border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);margin-top:var(--spacing-sm);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.nature-map-btn:hover{background-color:var(--color-primary-foreground);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nature-category-section{margin-bottom:var(--spacing-lg)}.nature-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.nature-category-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-muted);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.nature-category-btn:hover{background-color:var(--color-accent);border-color:var(--color-primary)}.nature-category-btn.active{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.nature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.nature-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.nature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.nature-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.nature-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-foreground);margin:0;line-height:var(--line-height-normal);word-wrap:break-word;flex:1}.nature-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-muted);color:var(--color-muted-foreground);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.nature-badge.active{background-color:var(--color-destructive);color:var(--color-destructive-foreground)}.nature-badge.dormant{background-color:var(--color-warning);color:var(--color-foreground)}.nature-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nature-card-content p{font-size:var(--font-size-sm);color:var(--color-foreground);margin:0;line-height:var(--line-height-normal)}.nature-card-content strong{color:var(--color-muted-foreground);font-weight:500}@media (max-width:768px){.nature-categories-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xs)}.nature-category-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.nature-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.nature-card{padding:var(--spacing-md)}.nature-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width:480px){.nature-categories-grid{grid-template-columns:repeat(2,1fr)}.nature-category-btn{flex-direction:column;gap:4px;text-align:center}.nature-card{padding:var(--spacing-sm)}.nature-card-title{font-size:var(--font-size-sm);line-height:1.4}.nature-badge{font-size:10px;padding:2px 6px}}