.pollutant-row{transition:background-color .2s}.pollutant-row:hover{background-color:color-mix(in srgb, var(--text) 4%, transparent)}.city-hero-skeleton{background:linear-gradient(135deg,#121a22e0 0%,#101820 100%);border:1px solid #ffffff14}.city-hero-skeleton-img{opacity:.94;filter:saturate(.95)contrast(1.2)brightness(.98)}.city-hero-skeleton-overlay{background:linear-gradient(#070d1233 0%,#070d1200 42%,#070d124d 100%),linear-gradient(100deg,#070d12d1 0%,#070d1285 30%,#070d122e 56%,#070d1200 84%),radial-gradient(circle at 84% 16%,#ffffff0a 0%,#0000 44%)}[data-theme=light] .city-hero-skeleton,[data-theme=editorial] .city-hero-skeleton,[data-theme=sky] .city-hero-skeleton{background:linear-gradient(135deg, #ffffffe4 0%, color-mix(in srgb, var(--card) 90%, #ffffff3d) 100%);border:1px solid color-mix(in srgb, var(--border) 72%, transparent)}[data-theme=light] .city-hero-skeleton-img,[data-theme=editorial] .city-hero-skeleton-img,[data-theme=sky] .city-hero-skeleton-img{opacity:.92;filter:saturate(1.04)contrast(1.18)brightness(1.02)}[data-theme=light] .city-hero-skeleton-overlay,[data-theme=editorial] .city-hero-skeleton-overlay,[data-theme=sky] .city-hero-skeleton-overlay{background:linear-gradient(#ffffff38 0%,#fff0 48%,#ffffff2e 100%),linear-gradient(100deg,#ffffffd1 0%,#ffffff8a 30%,#ffffff29 56%,#fff0 82%),radial-gradient(circle at 84% 18%,#ffffff09 0%,#0000 42%)}
.game-question-panel{padding:var(--space-4) var(--space-5)}.game-question-copy{max-width:760px;margin:0 auto var(--space-4);color:var(--text);font-family:var(--font-d);font-size:var(--text-md);font-weight:700;line-height:1.35}.game-options{gap:var(--space-2);max-width:440px;margin:0 auto var(--space-3);grid-template-columns:repeat(4,minmax(72px,1fr));display:grid}.game-opt{border:1px solid var(--border2);font-family:var(--font-m);font-size:var(--text-lg);cursor:pointer;background:color-mix(in srgb, var(--card) 92%, var(--bg3));color:var(--text);border-radius:8px;min-width:0;padding:10px 16px;font-weight:500;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff0f}.game-opt:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 7%, var(--card));border-color:color-mix(in srgb, var(--accent) 42%, var(--border2));color:var(--text);transform:translateY(-1px);box-shadow:0 8px 18px #00000029}.game-opt:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #ffffff0d}.game-opt.correct{border-color:var(--accent-positive);color:var(--accent-positive);background:#00e4001a}.game-opt.wrong{border-color:var(--accent-negative);color:var(--accent-negative);background:#ff00001a}[data-theme=light] .game-opt.correct{background:#1e700014}[data-theme=light] .game-opt.wrong{background:#c0000014}.game-opt:disabled{cursor:not-allowed}.gradient-button:focus-visible,.game-opt:focus-visible,.badge:focus-visible,.city-cta-button:focus-visible,.header-icon-button:focus-visible,.header-share-button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, #fff);outline-offset:2px}
.hour-block{cursor:default;border-radius:3px;flex:1;height:36px}
.area-card{background:color-mix(in srgb, var(--bg3) 78%, var(--card));border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:14px;transition:all .15s}.area-card:hover{border-color:var(--border2)}.area-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}[data-theme=light] .area-card{background:#f1f7fa;border-color:#0f233229}[data-theme=light] .area-card:hover{background:#f3f8fb;border-color:#2563eb3d}[data-theme=light] .area-card.selected{background:color-mix(in srgb, var(--accent) 10%, #fff)}.compare-bar{border-radius:4px;height:8px;transition:width .6s}
.profiles-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(168px,1fr));display:grid}.profile-card{min-width:0;padding:var(--space-4)}.profile-name,.profile-tagline{overflow-wrap:anywhere}.profile-name{color:var(--text);margin:0 0 5px;font-weight:700;line-height:1.2}.profile-tagline{color:var(--text2);line-height:1.45}.profile-tagline,.profile-stats,.profile-story{margin-bottom:var(--space-3)}.profile-stats{gap:var(--space-3);margin-top:0;padding:0;display:flex}.profile-stats dt,.profile-stats dd{margin:0}.profile-stat{flex-direction:column;display:flex}.profile-stat-value{order:-1}.profile-story{line-height:1.6}
.museum-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.exhibit{background:color-mix(in srgb, var(--bg3) 86%, var(--card));border:1px solid var(--border);padding:var(--space-6);border-radius:8px;transition:background .2s,border-color .2s;position:relative}[data-theme=dark] .exhibit{background:linear-gradient(#ffffff06,#0000 58%),#14242c;border-color:#e5f1f81c}.exhibit:hover{background:var(--card2);border-color:var(--border2)}