.city-detail{min-height:100vh;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-stone);animation:page-enter .35s cubic-bezier(.4,0,.2,1) both}@media(prefers-reduced-motion:reduce){.city-detail{animation:none}}.city-detail__scroll{max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.city-detail__skeleton{height:400px;background:var(--color-deep-stone);border-radius:var(--radius-card);animation:skeleton-pulse 1.5s ease-in-out infinite}.city-detail__back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-ink-muted);background:none;border:none;cursor:pointer;margin-bottom:var(--space-4);padding:var(--space-1) 0;min-height:44px;transition:color .25s cubic-bezier(.4,0,.2,1)}.city-detail__back:hover{color:var(--color-action)}.city-detail__hero-img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-card);margin-bottom:var(--space-4)}.city-detail__title{font-family:var(--font-editorial);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-1)}.city-detail__local-name{font-weight:var(--weight-normal);font-size:var(--text-xl);color:var(--color-ink-muted)}.city-detail__country{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0 0 var(--space-4)}.city-detail__desc{font-size:var(--text-base);color:var(--color-ink-muted);line-height:1.7;margin:0 0 var(--space-6);max-width:560px}.city-detail__coming-soon{display:inline-block;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-chip);background:#a77a2f1f;color:var(--color-brass);margin-top:var(--space-4)}.city-detail__stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.city-detail__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.5);transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .city-detail__stat{background:#162027a6;border-color:#ffffff14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .city-detail__stat{background:#162027a6;border-color:#ffffff14}}.city-detail__stat:hover{box-shadow:0 4px 12px #16202714}.city-detail__stat-value{font-family:var(--font-editorial);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink)}.city-detail__stat-label{font-size:var(--text-xs);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.city-detail__depth{margin-bottom:var(--space-6)}.city-detail__depth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}.city-detail__depth-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-deep-stone);border-radius:var(--radius-control);border:1px solid rgba(0,0,0,.04)}[data-theme=dark] .city-detail__depth-card{background:#162027a6;border-color:#ffffff14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .city-detail__depth-card{background:#162027a6;border-color:#ffffff14}}.city-detail__depth-card--accent{border-color:#0da5ad33}.city-detail__depth-value{font-family:var(--font-editorial);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink)}.city-detail__depth-card--accent .city-detail__depth-value{color:var(--color-action)}.city-detail__depth-label{font-size:var(--text-xs);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.city-detail__depth-sub{font-size:11px;color:var(--color-ink-muted);text-align:center;line-height:1.3;font-weight:var(--weight-medium)}.city-detail__depth-hint{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.5;margin:0}.city-detail__languages{margin-bottom:var(--space-6)}.city-detail__lang-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.city-detail__lang-chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:color-mix(in srgb,var(--color-trust-verified) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-trust-verified) 28%,transparent);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-trust-verified);letter-spacing:.04em;cursor:help;transition:transform var(--transition-fast),background var(--transition-fast)}.city-detail__lang-chip:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-trust-verified) 18%,transparent)}.city-detail__lang-chip-flag{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.city-detail__lang-chip-flag img{display:block;width:18px;height:13px;border-radius:2px;border:1px solid rgba(0,0,0,.08);object-fit:cover}[data-theme=dark] .city-detail__lang-chip-flag img{border-color:#ffffff1f}.city-detail__lang-chip-code{font-variant-numeric:tabular-nums}.city-detail__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.city-detail__unlock{margin:var(--space-6) 0 var(--space-4)}.city-detail__unlock-card{border:1px solid var(--glass-border, rgba(0, 0, 0, .08));background:var(--card-bg, var(--color-white));border-radius:var(--radius-card);padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 2px 8px #f7901114}.city-detail__unlock-card--owned{border-color:#22c55e59;background:linear-gradient(180deg,rgba(34,197,94,.06),var(--card-bg, var(--color-white)))}.city-detail__unlock-card--free{border-color:#0da5ad59;background:linear-gradient(180deg,rgba(13,165,173,.06),var(--card-bg, var(--color-white)))}.city-detail__unlock-info{display:flex;flex-direction:column;gap:4px}.city-detail__unlock-title{font-family:var(--font-editorial);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink)}.city-detail__unlock-desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0;line-height:1.5}.city-detail__unlock-bullets{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-ink)}.city-detail__unlock-bullets li{display:flex;align-items:center;gap:var(--space-2);line-height:1.4}@media(max-width:640px){.city-detail__unlock-bullets{grid-template-columns:1fr}}.city-detail__unlock-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.city-detail__unlock-price{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-brass);display:inline-flex;flex-direction:column}.city-detail__unlock-price span{font-family:var(--font-ui, inherit);font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-ink-muted);margin-top:2px}.city-detail__unlock-btn{background:linear-gradient(135deg,var(--color-brass),#C9973F);color:var(--color-white);border:none;border-radius:var(--radius-control);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;min-height:48px;box-shadow:0 4px 16px #f790114d;transition:background var(--transition-quick),transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.city-detail__unlock-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #f7901173}.city-detail__unlock-btn:disabled{opacity:.6;cursor:wait}.city-detail__unlock-sub{font-size:var(--text-xs);color:var(--color-ink-muted);margin:0}.city-detail__unlock-sub a{color:var(--color-action);font-weight:var(--weight-semibold);text-decoration:none}.city-detail__unlock-sub a:hover{text-decoration:underline}.city-detail__unlock-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px 12px;background:#22c55e26;color:var(--color-success-text);border-radius:999px;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.city-detail__unlock-badge--free{background:#0da5ad26;color:var(--color-action)}.city-detail__unlock-error{margin:0;font-size:var(--text-sm);color:#dc2626}.city-detail__explore-btn{background:var(--color-action);color:var(--color-white);border:none;border-radius:var(--radius-control);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.city-detail__explore-btn:hover{background:var(--color-action-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0da5ad40}.city-detail__invite-btn{background:none;border:1.5px solid color-mix(in srgb,var(--color-ink) 60%,transparent);border-radius:var(--radius-control);padding:var(--space-2) 20px;font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;min-height:44px;transition:border-color var(--transition-quick),color .2s ease,background var(--transition-quick)}.city-detail__invite-btn:hover{border-color:var(--color-action);color:var(--color-action);background:color-mix(in srgb,var(--color-action) 6%,transparent)}.city-detail__section-title{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0 0 var(--space-3)}.city-detail__feature-list{list-style:none;padding:0;margin:0}.city-detail__feature-list li{position:relative;padding-left:20px;font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.8}.city-detail__feature-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--color-action)}.city-detail__vote{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-deep-stone);border-radius:var(--radius-card)}.city-detail__vote-desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0 0 var(--space-4)}.city-detail__vote-form{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:600px){.city-detail__vote-form{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2)}}.city-detail__vote-input{padding:var(--space-2) var(--space-3);border:1px solid var(--card-border, rgba(255,255,255,.12));border-radius:var(--radius-control);background:var(--color-stone);color:var(--color-ink);font-size:var(--text-sm);min-height:44px;width:100%;flex:1}.city-detail__vote-btn{padding:var(--space-3) var(--space-6);background:var(--color-action);color:var(--color-white);border:none;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;width:100%;transition:background var(--transition-quick)}@media(min-width:600px){.city-detail__vote-btn{width:auto}}.city-detail__vote-btn:hover:not(:disabled){background:var(--color-action-hover)}.city-detail__vote-btn:disabled{opacity:.5;cursor:not-allowed}.city-detail__vote-success{font-size:var(--text-sm);color:var(--color-action);margin:0}.city-detail__vote-error{font-size:var(--text-xs);color:var(--color-error, #ef4444);margin:var(--space-1) 0 0;width:100%}.city-detail__footer{padding:var(--space-8) var(--space-6);text-align:center;border-top:1px solid var(--card-border);margin-top:var(--space-12)}.city-detail__footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-muted)}.city-detail__footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);list-style:none;padding:0;margin:0 0 var(--space-4)}.city-detail__footer-links a{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:none;transition:color var(--transition-quick)}.city-detail__footer-links a:hover{color:var(--color-action)}.city-detail__footer-copy{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted);opacity:.6;margin:0}.city-detail__top-places{margin-bottom:var(--space-8)}.city-detail__top-places-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}@media(max-width:1024px){.city-detail__top-places-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.city-detail__top-places-grid{grid-template-columns:repeat(2,1fr)}}.city-detail__top-place{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-control);overflow:hidden;display:block;color:var(--color-ink);text-decoration:none;cursor:pointer;transition:transform var(--transition-quick),box-shadow var(--transition-quick),border-color var(--transition-quick)}.city-detail__top-place:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-action) 50%,var(--card-border))}.city-detail__top-place:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.city-detail__top-place-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.city-detail__top-place-body{padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.city-detail__top-place-name{font-family:var(--font-editorial);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.city-detail__top-place-meta{font-size:11px;color:var(--color-ink-muted);text-transform:capitalize}.city-detail__routes{margin-bottom:var(--space-8)}.city-detail__routes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:720px){.city-detail__routes-grid{grid-template-columns:1fr}}.city-detail__route{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-quick),box-shadow var(--transition-quick)}.city-detail__route:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.city-detail__route--premium{border-color:color-mix(in srgb,var(--color-brass) 40%,var(--card-border))}.city-detail__route-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.city-detail__route-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.city-detail__route-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.city-detail__route-name{font-family:var(--font-editorial);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.city-detail__route-badge{background:color-mix(in srgb,var(--color-brass) 18%,transparent);color:var(--color-brass);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-pill);white-space:nowrap}.city-detail__route-summary{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.5;margin:0}.city-detail__route-meta{font-size:var(--text-xs);color:var(--color-ink-muted)}.city-detail__categories{margin-bottom:var(--space-8)}.city-detail__cats{display:flex;flex-direction:column;gap:var(--space-2)}.city-detail__cat-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:var(--space-3)}@media(max-width:600px){.city-detail__cat-row{grid-template-columns:100px 1fr auto}}.city-detail__cat-name{font-size:var(--text-sm);color:var(--color-ink);text-transform:capitalize;font-weight:var(--weight-medium)}.city-detail__cat-bar-track{height:8px;background:var(--color-deep-stone);border-radius:var(--radius-pill);overflow:hidden}.city-detail__cat-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-action),var(--color-verdigris-light));border-radius:var(--radius-pill);transition:width var(--transition-normal)}.city-detail__cat-count{font-size:var(--text-sm);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.city-detail__type-badge{display:inline-block;margin-left:10px;font-size:var(--text-sm);font-weight:var(--weight-medium);vertical-align:middle;opacity:.7}.city-detail__sub-destinations{margin:32px 0 0}.city-detail__sub-dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.city-detail__sub-dest-card{display:flex;flex-direction:column;border:none;border-radius:var(--radius-card);overflow:hidden;background:var(--card-bg);cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #00000014}.city-detail__sub-dest-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000024}.city-detail__sub-dest-img{width:100%;aspect-ratio:16/9;object-fit:cover}.city-detail__sub-dest-body{display:flex;flex-direction:column;gap:2px;padding:12px}.city-detail__sub-dest-name{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-ink)}.city-detail__sub-dest-meta{font-size:var(--text-xs);color:var(--color-ink-muted)}.city-detail__region-empty{font-size:var(--text-sm);color:var(--color-ink-muted);margin:24px 0;font-style:italic}[data-theme=dark] .city-detail__sub-dest-name{color:#ffffffeb}[data-theme=dark] .city-detail__sub-dest-meta{color:#ffffff73}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .city-detail__sub-dest-name{color:#ffffffeb}:root:not([data-theme=light]) .city-detail__sub-dest-meta{color:#ffffff73}}.city-detail__guide-link{margin:24px 0 32px}.city-detail__guide-link--top{margin:16px 0 28px}.city-detail__guide-link--top .city-detail__guide-btn{background:var(--color-action);color:var(--color-white, #fff);border-color:var(--color-action);padding:12px 22px;font-size:.95rem;box-shadow:0 2px 12px #0da5ad40}.city-detail__guide-link--top .city-detail__guide-btn:hover{color:var(--color-white, #fff);background:var(--color-action-hover, var(--color-action));border-color:var(--color-action-hover, var(--color-action));box-shadow:0 4px 18px #0da5ad59}.city-detail__guide-btn{display:inline-block;font-size:.875rem;font-weight:600;color:var(--color-ink);text-decoration:none;border:1.5px solid color-mix(in srgb,var(--color-ink) 60%,transparent);border-radius:100px;padding:8px 16px;transition:border-color .15s,color .15s,background .15s}.city-detail__guide-btn:hover{color:var(--color-action);border-color:var(--color-action);background:color-mix(in srgb,var(--color-action) 6%,transparent)}