.metros-page{min-height:100vh;background:var(--color-bg-primary)}.metros-hero{padding:8rem 1.5rem 3rem;text-align:center}.metros-hero-content{max-width:800px;margin:0 auto}.metros-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-text-primary);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.1}.metros-hero-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--color-text-muted);margin:0;line-height:1.5}.metros-map-section{padding:0 1.5rem 3rem}.metros-page-map{max-width:1000px;margin:0 auto}.metros-list-section{padding:0 1.5rem 4rem}.metros-list-container{max-width:800px;margin:0 auto}.metros-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.metros-search{flex:1 1;position:relative}.metros-search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.metros-search-input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 44px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;transition:border-color .15s ease}.metros-search-input:focus{outline:none;border-color:var(--color-accent-primary)}.metros-search-input::placeholder{color:var(--color-text-muted)}.metros-search-clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.metros-search-clear:hover{background:var(--surface-tint-01);color:var(--color-text-primary)}.metros-search-clear svg{width:14px;height:14px}.metros-filters{display:flex;gap:var(--space-sm)}.metros-select{padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s ease}.metros-select:focus{outline:none;border-color:var(--color-accent-primary)}.metros-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.metros-results-count{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.metros-grouped{display:flex;flex-direction:column;gap:var(--space-xl)}.metros-tier-group-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-subtle)}.metros-tier-group-name{font-size:14px;font-weight:600;color:var(--tier-color,var(--color-text-primary))}.metros-tier-group-count{font-size:13px;color:var(--color-text-muted);margin-left:auto}.metros-list{display:flex;flex-direction:column;gap:2px}.metro-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);text-decoration:none;color:inherit;border-radius:var(--radius-md);transition:all .15s ease}.metro-list-item:hover{background:var(--surface-tint-01)}.metro-list-item:hover .metro-list-item-name{color:var(--tier-color,var(--color-text-primary))}.metro-list-item:hover .metro-list-item-arrow{opacity:1;transform:translateX(0)}.metro-list-item-image{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary);flex-shrink:0}.metro-list-item-image img{width:100%;height:100%;object-fit:cover}.metro-list-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.metro-list-item-name{flex:1 1;min-width:0;font-size:15px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.metro-list-item-rank{width:32px}.metro-list-item-rank,.metro-list-item-screens{font-size:13px;font-weight:500;color:var(--color-text-muted);text-align:right;flex-shrink:0}.metro-list-item-screens{width:56px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metro-list-item-screens-icon-wrap{flex-shrink:0;width:24px;display:flex;justify-content:center}.metro-list-item-screens-icon{width:14px;height:14px;opacity:.4}.metro-list-item-pop{width:56px;font-size:13px;font-weight:500;color:var(--color-text-muted);text-align:right;flex-shrink:0}.metro-list-item-tier{flex-shrink:0;width:24px;display:flex;justify-content:center}.metro-list-item-arrow{width:16px;height:16px;flex-shrink:0;color:var(--tier-color,var(--color-text-muted));opacity:0;transform:translateX(-4px);transition:all .15s ease}.metros-empty{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted)}.metros-empty p{margin:0 0 var(--space-md)}.metros-reset{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.metros-reset:hover{background:var(--surface-tint-01);border-color:var(--color-border-strong)}@media (max-width:768px){.metros-hero{padding:6rem 1rem 2rem}.metros-map-section{padding:0 1rem 2rem}.metros-list-section{padding:0 1rem 3rem}.metros-controls{flex-direction:column;gap:var(--space-sm)}.metros-filters{width:100%}.metros-select{flex:1 1}.metro-list-item{padding:var(--space-sm);gap:var(--space-sm)}.metro-list-item-image{width:40px;height:40px}.metro-list-item-name{font-size:14px}.metro-list-item-rank{width:28px;font-size:12px}.metro-list-item-screens,.metro-list-item-screens-icon-wrap{display:none}.metro-list-item-pop{width:44px;font-size:12px}.metro-list-item-arrow,.metro-list-item-tier{display:none}}@media (max-width:480px){.metros-filters{flex-direction:column}}