.mag-tile-icon{font-size:22px;line-height:1;margin-bottom:6px;display:block}
.mag-tile-grad-teal{background:linear-gradient(145deg,#0d9488 0%,#0f766e 45%,#0f172a 130%)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(13,148,136,.30)!important}
.mag-tile-grad-teal .mag-tile-title,.mag-tile-grad-teal .mag-tile-sub,.mag-tile-grad-teal .mag-tile-icon{color:#fff!important}
.mag-tile-grad-violet{background:linear-gradient(145deg,#7c3aed 0%,#6d28d9 45%,#1e1b4b 130%)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(124,58,237,.30)!important}
.mag-tile-grad-violet .mag-tile-title,.mag-tile-grad-violet .mag-tile-sub,.mag-tile-grad-violet .mag-tile-icon{color:#fff!important}
.city-top-widget{margin:16px 0 18px;padding:16px;border-radius:22px;background:linear-gradient(150deg,#fef3c7 0%,#fde68a 42%,#fcd34d 100%);border:1px solid rgba(217,119,6,.35);box-shadow:0 12px 32px rgba(217,119,6,.18)}
[data-theme="dark"] .city-top-widget{background:linear-gradient(150deg,#3b1f06 0%,#78350f 45%,#b45309 120%);border-color:rgba(245,158,11,.4)}
.city-top-head{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:850;color:#7c2d12;margin-bottom:12px}
[data-theme="dark"] .city-top-head{color:#fde68a}
.city-top-icon{font-size:20px}
.city-top-loading{display:flex;flex-direction:column;gap:8px}
.city-top-skel{height:52px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.7),rgba(255,255,255,.35));background-size:200% 100%;animation:cityShimmer 1.3s linear infinite}
@keyframes cityShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.city-top-empty{font-size:12.5px;color:#7c2d12;text-align:center;padding:10px;opacity:.85;font-weight:600}
[data-theme="dark"] .city-top-empty{color:#fde68a}
.city-top-list{display:flex;flex-direction:column;gap:8px}
.city-top-item{display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;cursor:pointer;background:rgba(255,255,255,.72);border:1px solid rgba(217,119,6,.22)}
[data-theme="dark"] .city-top-item{background:rgba(0,0,0,.28);border-color:rgba(245,158,11,.3)}
.city-top-item:hover{transform:translateY(-2px);border-color:rgba(217,119,6,.5);box-shadow:0 8px 22px rgba(217,119,6,.22)}
.city-top-rank{font-size:24px;text-align:center;line-height:1}
.city-top-info{min-width:0}
.city-top-info strong{display:block;font-size:13.5px;color:#3f2a05;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-theme="dark"] .city-top-info strong{color:#fff7ed}
.city-top-info small{font-size:11px;color:#7c2d12;opacity:.85;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-theme="dark"] .city-top-info small{color:#fcd34d}
.city-top-votes{text-align:center;min-width:38px}
.city-top-votes .vote-count{display:block;font-size:18px;font-weight:900;color:#b45309;line-height:1.1}
.city-top-votes small{font-size:10px;color:#7c2d12;opacity:.75;font-weight:700}
[data-theme="dark"] .city-top-votes .vote-count{color:#fcd34d}
[data-theme="dark"] .city-top-votes small{color:#fde68a}
.city-vote-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border:0;border-radius:12px;font-family:inherit;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;box-shadow:0 6px 16px rgba(220,38,38,.35);white-space:nowrap}
.city-vote-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(220,38,38,.45)}
.city-vote-btn:active{transform:scale(.96)}
@media (max-width:560px){.city-top-item{grid-template-columns:34px 1fr auto;grid-template-areas:"r i v" "b b b";gap:8px}.city-top-rank{grid-area:r}.city-top-info{grid-area:i}.city-top-votes{grid-area:v}.city-vote-btn{grid-area:b;justify-content:center;width:100%}}