.image-carousel{display:flex;flex-direction:column;gap:1rem;outline:none}.image-carousel.error,.image-carousel.loading{text-align:center;padding:2rem;background-color:var(--panel-surface);border-radius:.5rem;border:2px solid var(--panel-border);color:var(--color-text)}.image-carousel.error{color:var(--color-error)}.carousel-container{display:flex;flex-direction:column;gap:1rem}.carousel-image-wrapper{display:flex;align-items:center;justify-content:center;background-color:var(--panel-surface);border-radius:.5rem;overflow:hidden;aspect-ratio:4/3;border:2px solid var(--panel-border);box-shadow:0 2px 8px #0000001f}.carousel-image{width:100%;height:100%;object-fit:contain}.carousel-placeholder{text-align:center;color:var(--panel-muted-text);display:flex;flex-direction:column;gap:.5rem}.carousel-placeholder p{margin:0;font-size:.95rem}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}.carousel-btn{flex:0 0 auto;padding:.75rem 1.25rem;font-size:1.25rem;font-weight:600;background-color:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;min-width:50px}.carousel-btn:hover{background-color:var(--primary-dark);transform:scale(1.05)}.carousel-btn:active{transform:scale(.95)}.carousel-counter{flex:1 1;text-align:center;font-size:.9rem;font-weight:600;color:var(--color-text);padding:.5rem;background-color:var(--panel-surface);border-radius:.375rem;border:1px solid var(--panel-border)}@media (max-width:768px){.carousel-btn{padding:.6rem 1rem;font-size:1.1rem}.carousel-counter{font-size:.85rem}}.leaderboard-sidebar{background-color:var(--panel-surface);border-radius:.375rem;border:1px solid var(--panel-border);overflow:hidden;box-shadow:0 1px 3px #00000014}.sidebar-header{background-color:var(--panel-header);padding:.75rem 1rem;font-weight:600;font-size:.8rem;letter-spacing:.05em;color:var(--color-text);border-bottom:1px solid var(--panel-border)}.leaderboard-list{display:flex;flex-direction:column;gap:0}.leaderboard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--panel-border);transition:background-color .2s ease}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background-color:color-mix(in srgb,var(--panel-header) 50%,var(--panel-surface) 50%)}.rank{flex:0 0 auto;width:30px;height:30px;font-weight:700;font-size:.95rem;color:var(--primary);background-color:color-mix(in srgb,var(--primary) 15%,#0000);border-radius:50%}.item-image-wrapper,.rank{display:flex;align-items:center;justify-content:center}.item-image-wrapper{flex:0 0 50px;width:50px;height:50px;border-radius:.25rem;overflow:hidden;background-color:var(--panel-border);border:1px solid var(--panel-border)}.item-image{width:100%;height:100%;object-fit:cover}.item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:var(--panel-muted-text)}.item-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.item-city{font-size:.8rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-score{font-size:.75rem;font-weight:600;color:var(--primary)}.item-votes{font-size:.65rem;color:var(--panel-muted-text)}.empty-state,.error,.loading{padding:1.5rem 1rem;text-align:center;font-size:.85rem;color:var(--panel-muted-text)}.error{color:var(--color-error)}@media (max-width:768px){.leaderboard-item{padding:.6rem;gap:.6rem}.item-image-wrapper{width:40px;height:40px}.rank{width:24px;height:24px;font-size:.8rem}.item-city,.item-score,.item-votes{font-size:.7rem}}.resources-sidebar{background-color:var(--panel-surface);border-radius:.375rem;border:1px solid var(--panel-border);overflow:hidden;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column}.resources-sidebar .sidebar-header{background-color:var(--panel-header);padding:.75rem 1rem;font-weight:600;font-size:.8rem;letter-spacing:.05em;color:var(--color-text);border-bottom:1px solid var(--panel-border)}.resources-content{padding:1rem;display:flex;flex-direction:column;gap:1.25rem;flex:1 1;overflow-y:auto;max-height:calc(100vh - 200px)}.resource-section{display:flex;flex-direction:column;gap:.5rem}.section-title{font-weight:700;font-size:.85rem;color:var(--color-text);margin-bottom:.25rem}.section-text{font-size:.8rem;color:var(--panel-muted-text);line-height:1.4}.action-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.action-list li{font-size:.75rem;color:var(--color-text);padding-left:1.2rem;position:relative;line-height:1.3}.action-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:600}.emergency-note{padding:.5rem .75rem;background-color:color-mix(in srgb,var(--color-error) 15%,#0000);border-left:2px solid var(--color-error);margin-top:.25rem;border-radius:.25rem}.emergency-note,.tip-item{font-size:.75rem;color:var(--color-text)}.tip-item{line-height:1.4;padding:.4rem 0}.tip-item strong{color:var(--primary)}.quick-links{display:flex;flex-direction:column;gap:.5rem}.resource-link{display:inline-block;font-size:.8rem;font-weight:600;color:var(--primary);text-decoration:none;padding:.5rem .75rem;background-color:color-mix(in srgb,var(--primary) 10%,#0000);border-radius:.25rem;transition:all .2s ease;border:1px solid color-mix(in srgb,var(--primary) 30%,#0000)}.resource-link:hover{background-color:color-mix(in srgb,var(--primary) 20%,#0000);text-decoration:none;border-color:color-mix(in srgb,var(--primary) 50%,#0000)}.resource-link:active{transform:scale(.98)}@media (max-width:768px){.resources-content{gap:1rem;max-height:none}.section-title{font-size:.8rem}.action-list li,.section-text,.tip-item{font-size:.7rem}.resource-link{font-size:.75rem}}