.city-grid{display:grid;grid-template-columns:1fr;gap:16px}.city-card{overflow:hidden;border:1px solid #d7e8d52b;border-radius:14px;background:#0b2431}.city-card>img{width:100%;height:165px;object-fit:cover;display:block}.city-card>div{padding:18px}.city-card small{font-size:9px;color:#a7c7b8;text-transform:uppercase;letter-spacing:1px}.city-card h3{font-size:20px;margin:8px 0}.city-card p{font-size:11px}.city-card a{display:block;color:#a9c5bf;font-size:9px;margin-top:13px}.city-stamp{font-size:10px;color:#d8ff95}.city-placeholder{height:85px;display:grid;place-items:center;background:linear-gradient(120deg,#17313b,#0c202b);font-size:10px;letter-spacing:2px;color:#718d91}.city-card.is-locked{opacity:.65}.city-scene-action{position:absolute;z-index:4;left:4vw;top:54%;max-width:360px;border:1px solid #d8ff9577;border-radius:12px;background:#12323de8;backdrop-filter:blur(14px);color:#d8ff95;padding:20px 25px;font-size:13px;font-weight:700}.city-scene-action[hidden]{display:none}body[data-city]:not([data-city=center]) .pin{display:none}body[data-city]:not([data-city=center]) .sea-shimmer{display:none}.city-answers{display:grid;gap:10px;margin-top:18px}.city-answers button{padding:16px;text-align:left;background:#163440;border:1px solid #c9e1d533;border-radius:10px;color:#dcebe3;line-height:1.5}.city-answers button:hover{border-color:#d8ff95}.city-step{color:#d8ff95!important;font-weight:700}.city-complete{padding:24px;background:#d8ff9512;border:1px solid #d8ff9544;border-radius:12px;color:#d8ff95}.city-card .primary{width:100%}@media(max-width:720px){.city-scene-action{left:20px;right:20px;top:36%;max-width:none;padding:16px;font-size:11px}.city-card>img{height:140px}.city-card>div{padding:15px}.city-answers button{font-size:12px;min-height:52px}}@media(prefers-reduced-motion:no-preference){body[data-city] .city-background{transition:background-image .35s ease,background-position .35s ease}}
/* A travel journal, not a stack of translucent dashboard tiles. */
.city-grid{gap:14px}.city-card{background:#f0ebda;border:0;border-radius:4px 12px 12px 4px;box-shadow:0 4px 0 #071d2880;color:#193b3e}.city-card>img{height:190px;border-bottom:4px solid #d9dfb3}.city-card>div{padding:18px 20px}.city-card h3{color:#17393e;font-size:22px;letter-spacing:-.4px}.city-card small{color:#526b61;font-size:10px}.city-card p{color:#46625e;font-size:12px;line-height:1.65}.city-card a{color:#365b59;font-size:11px;line-height:1.5;min-height:30px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.city-card .primary{background:#1e4949;color:#f3edda;border:0;box-shadow:0 3px 0 #123b3a;font-size:12px;min-height:46px}.city-stamp{color:#355b46;font-weight:800}.city-answers button{border-radius:5px 12px 12px 5px;background:#f0ebda;color:#1b4142;border:0;border-left:3px solid #b6c49d;box-shadow:0 3px 0 #071d2880;min-height:48px}.city-answers button:hover{background:#fff7df}.city-complete{background:#dbe7bd;color:#244c3c;border:0;border-radius:5px 12px 12px 5px}.city-step{color:#d9e8b5!important}@media(max-width:720px){.city-card>img{height:155px}.city-card>div{padding:15px 17px}.city-card h3{font-size:20px}.city-card p{font-size:12px}.city-card a{min-height:44px}.city-answers button{min-height:52px}}