.urban-top{max-width:1400px;margin:auto;padding:45px 28px 75px;background:radial-gradient(ellipse at 12% 12%,#ff008b13,transparent 40%),radial-gradient(ellipse at 92% 25%,#dfff0009,transparent 35%)}.urban-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 0 40px}.urban-kicker{font-size:10px;font-weight:800;letter-spacing:3px;color:#dfff00;margin-bottom:12px}.urban-hero h1{font-size:clamp(36px,5.5vw,76px);line-height:1.1;font-weight:900;font-style:italic;letter-spacing:-3px;white-space:nowrap}.urban-hero h1 em{color:#ff008b;font-weight:900}.urban-hero h1>span{font-size:42px;color:#dfff00;display:inline-block;transform:rotate(12deg) translateY(-23px);margin-left:8px}.urban-subtitle{font-size:11px;letter-spacing:3px;line-height:1.8;margin:15px 0;color:#ddd}.urban-edition{font-size:12px;color:#aaa}.urban-edition i{color:#ff008b;margin-right:7px}.urban-cta{display:flex;align-items:center;gap:22px;white-space:nowrap;background:linear-gradient(110deg,#ff008b 20%,#ff008b 40%,#dfff00);padding:18px 24px;color:white;text-decoration:none;border-radius:25px;font-size:13px;font-weight:800}.urban-cta span{font-size:24px;color:#111}.urban-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.urban-chart{background:#0b0b0be8;border:1px solid #303030;border-radius:20px;padding:20px;scroll-margin-top:20px}.urban-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.urban-chart-heading h2{font-size:22px;font-style:italic}.urban-chart-heading h2 i,.urban-chart-heading h2 em{color:#ff008b}.urban-chart-heading>span{font-size:11px;color:#aaa}.urban-vote-note{font-size:11px;color:#999;line-height:1.6;margin:14px 0 20px}.urban-songs{list-style:none;display:grid;gap:10px}.urban-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #292929;border-radius:14px;background:linear-gradient(120deg,#171717,#090909)}.urban-row.selected{border-color:#ff008b;box-shadow:inset -2px 0 #dfff00,0 0 16px #ff008b15}.urban-select{display:flex;align-items:center;gap:13px;flex:1;min-width:0;text-align:left;background:none;color:white;border:0;cursor:pointer;font:inherit;padding:0}.urban-position{font-size:29px;font-weight:900;width:28px;text-align:center;flex-shrink:0}.urban-move{width:38px;flex-shrink:0;text-align:center;font-size:11px;font-weight:800}.urban-move.up{color:#00d576}.urban-move.down{color:#ff008b}.urban-move.new{color:#dfff00;font-size:8px;letter-spacing:1px}.urban-move.same{color:#aaa}.urban-select img{width:65px;height:65px;object-fit:cover;border-radius:8px;flex-shrink:0}.urban-song-name{min-width:0;display:flex;flex-direction:column;gap:7px}.urban-song-name strong{font-size:15px;overflow-wrap:anywhere}.urban-song-name>span{font-size:11px;color:#aaa;line-height:1.5}.urban-vote button{background:#ff008b;color:white;font-size:12px;font-weight:800;border:0;padding:11px 17px;border-radius:7px;cursor:pointer;white-space:nowrap}.urban-vote button:disabled{opacity:.5;cursor:default}.urban-row>.urban-vote{text-align:center;flex-shrink:0}.urban-row>.urban-vote>span{display:block;color:#999;font-size:9px;margin-top:6px}.urban-disclaimer{font-size:10px;color:#888;margin-top:20px;line-height:1.7}#urban-vote-status{font-size:13px;color:#dfff00;line-height:1.7;margin-top:12px;min-height:22px}.urban-detail{border:1px solid #ff008b;border-radius:20px;padding:25px;background:linear-gradient(140deg,#101010,#050505);box-shadow:inset -1px -1px #dfff00;scroll-margin-top:20px}.urban-detail[hidden]{display:none}.urban-details{position:sticky;top:20px}.urban-badge{font-size:10px;font-weight:800;text-align:right;color:#dfff00;letter-spacing:1px;margin-bottom:22px}.urban-detail-head{display:flex;align-items:center;gap:22px}.urban-cover{width:160px;height:160px;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px #000}.urban-detail h2{font-size:clamp(22px,2.8vw,36px);line-height:1.1;overflow-wrap:anywhere}.urban-artist{color:#aaa;font-size:13px;margin-top:12px;line-height:1.7}.urban-detail-stats{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#aaa;margin-top:18px}.urban-detail-stats>span:first-child{color:#dfff00;font-weight:800}.urban-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:25px 0 20px}.urban-actions a,.urban-actions>button{border:1px solid #555;border-radius:7px;background:#111;color:white;text-decoration:none;font-size:10px;font-weight:700;padding:12px 15px;cursor:pointer}.urban-actions form{margin:0}.urban-video{border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#111;border:1px solid #333;position:relative}.urban-video-poster{height:100%;width:100%;border:0;padding:0;display:block;position:relative;cursor:pointer;background:#111}.urban-video-poster[hidden]{display:none}.urban-video-poster>img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);position:absolute;inset:0}.urban-video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border:2px solid white;border-radius:50%;display:grid;place-items:center;color:white;font-size:25px;padding-left:4px}.urban-video-label{position:absolute;right:12px;bottom:12px;color:white;font-size:9px;letter-spacing:2px}.urban-video iframe{width:100%;height:100%;border:0;display:block}.urban-video-pending{padding:35px 20px;text-align:center;border:1px solid #333;border-radius:12px;color:#999;font-size:13px;line-height:1.8}.urban-video-pending i{font-size:30px;color:#ff008b;margin-bottom:12px}.urban-description{color:#bbb;line-height:1.8;font-size:14px;margin:25px 0}.urban-detail-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333;margin-top:25px;padding-top:20px;color:#777;font-size:9px;line-height:2}.urban-detail-footer strong{color:#ddd;font-size:11px}.urban-select:focus-visible,.urban-vote button:focus-visible,.urban-show-video:focus-visible{outline:2px solid #dfff00;outline-offset:3px}.urban-empty{padding:40px 10px;color:#aaa;line-height:1.8}@media(max-width:1100px){.urban-cover{width:120px;height:120px}.urban-select{gap:8px}.urban-chart{padding:14px}.urban-row{gap:5px}.urban-move{width:29px}.urban-vote button{padding:10px 12px}.urban-select img{width:52px;height:52px}.urban-hero h1>span{display:none}}@media(max-width:900px){.urban-layout{grid-template-columns:1fr}.urban-details{position:static}.urban-hero{flex-direction:column;align-items:flex-start}.urban-hero h1{font-size:clamp(35px,8vw,64px)}.urban-cta{padding:12px 20px}.urban-top{padding:30px 16px 50px}.urban-select img{width:60px;height:60px}.urban-detail-head{gap:18px}.urban-cover{width:145px;height:145px}.urban-detail h2{font-size:28px}}@media(max-width:420px){.urban-position{font-size:23px;width:22px}.urban-move{width:25px}.urban-select img{width:45px;height:45px}.urban-song-name strong{font-size:12px}.urban-song-name>span{font-size:10px}.urban-row{padding:8px}.urban-vote button{font-size:10px;padding:10px}.urban-detail{padding:18px}.urban-cover{width:105px;height:105px}.urban-detail h2{font-size:23px}}
.urban-video-help{font-size:12px;line-height:1.7;margin-top:12px}.urban-video-help a{color:#dfff00}.urban-video-status{display:block;color:#bbb;margin-bottom:5px}

/* The highlight follows position 1, independently of the selected song. */
.urban-row.urban-champion{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;padding:18px 16px 22px;margin:4px 0 12px;border:1px solid #dfff00;border-radius:18px;background:radial-gradient(ellipse at 85% 0,#dfff0021,transparent 65%),radial-gradient(ellipse at 0 100%,#ff008b25,transparent 65%),#111;box-shadow:0 0 0 3px #dfff000b,0 0 28px #dfff001c,0 10px 30px #0008;overflow:hidden}
.urban-champion>*{position:relative;z-index:1}
.urban-champion:after{content:"";position:absolute;inset:-70% -140%;background:linear-gradient(110deg,transparent 43%,#ffffff10 49%,transparent 55%);transform:translateX(-25%);animation:urban-champion-shine 7s ease-in-out infinite;pointer-events:none;z-index:0}
.urban-champion-ribbon{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dfff0038;padding-bottom:13px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#b5b5a2}
.urban-champion-ribbon>span:first-child{color:#dfff00;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1px}
.urban-champion-ribbon i{font-size:18px;filter:drop-shadow(0 0 7px #dfff0070)}
.urban-champion .urban-select{display:grid;grid-template-columns:42px 80px minmax(0,1fr);gap:8px 12px;align-items:center}
.urban-champion .urban-position{grid-column:1;grid-row:1;align-self:end;width:auto;font-size:59px;line-height:.95;font-style:italic;color:#dfff00;text-shadow:0 0 18px #dfff0033}
.urban-champion .urban-move{grid-column:1;grid-row:2;align-self:start;width:auto;font-size:8px}
.urban-champion .urban-select img{grid-column:2;grid-row:1/3;width:80px;height:80px;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 5px 20px #0008}
.urban-champion .urban-song-name{grid-column:3;grid-row:1/3;gap:9px}
.urban-champion .urban-song-name strong{font-size:21px;line-height:1.12;letter-spacing:-.5px}
.urban-champion .urban-song-name>span{color:#d2d0d2;font-size:11px}
.urban-champion>.urban-vote button{background:linear-gradient(135deg,#dfff00,#b5d400);color:#111;border:1px solid #eaff66;box-shadow:0 0 18px #dfff0020;font-size:12px;padding:12px 16px}
.urban-champion>.urban-vote>span{color:#c4c4a0;margin-top:9px}
.urban-detail.urban-champion-detail{border-color:#dfff00;background:radial-gradient(ellipse at 100% 0,#dfff0012,transparent 50%),radial-gradient(ellipse at 0 20%,#ff008b13,transparent 60%),#090909;box-shadow:inset -1px -1px #ff008b,0 0 24px #dfff0012}
.urban-champion-detail .urban-badge{display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;letter-spacing:1px;border-bottom:1px solid #dfff0030;padding-bottom:18px}
.urban-champion-detail .urban-badge i{font-size:24px;filter:drop-shadow(0 0 8px #dfff0055)}
.urban-champion-detail .urban-cover{width:175px;height:175px;border:1px solid #dfff0040;box-shadow:0 8px 28px #000,0 0 20px #dfff0010}
.urban-champion-detail h2{font-size:clamp(25px,3vw,42px)}
@keyframes urban-champion-shine{0%,25%{transform:translateX(-25%)}75%,100%{transform:translateX(25%)}}
@media(max-width:1200px) and (min-width:901px){.urban-champion .urban-select{grid-template-columns:32px 66px minmax(0,1fr);gap:8px}.urban-champion .urban-select img{width:66px;height:66px}.urban-champion .urban-position{font-size:49px}.urban-champion .urban-song-name strong{font-size:18px}.urban-champion-detail .urban-cover{width:130px;height:130px}.urban-champion-ribbon>span:last-child{font-size:8px;letter-spacing:.5px}}
@media(max-width:520px){.urban-row.urban-champion{grid-template-columns:1fr;padding:16px;gap:17px}.urban-champion-ribbon>span:last-child{font-size:8px;letter-spacing:.5px}.urban-champion .urban-select{grid-template-columns:38px 76px minmax(0,1fr);gap:8px 12px}.urban-champion .urban-select img{width:76px;height:76px}.urban-champion .urban-position{font-size:54px}.urban-champion .urban-song-name strong{font-size:22px}.urban-champion>.urban-vote{display:flex;align-items:center;gap:14px}.urban-champion>.urban-vote button{flex:1}.urban-champion>.urban-vote>span{margin:0;font-size:10px;min-width:45px}.urban-champion-detail .urban-cover{width:115px;height:115px}.urban-champion-detail h2{font-size:27px}.urban-champion-detail .urban-badge{font-size:10px}}
@media(prefers-reduced-motion:reduce){.urban-champion:after{animation:none;display:none}}
