/* Vibe artist face-off: scoped to the home module and the Music duel pane. */
body.sunhit-site .vad-home-wrapper{padding:44px 0;scroll-margin-top:100px}
body.sunhit-site .vad-home-wrapper[hidden],.vad-block[hidden],.vad-block [hidden]{display:none!important}
body.sunhit-site .vad-block{--vad-text:var(--vibe-page-text,#30251c);--vad-muted:var(--vibe-page-muted,#75695e);--vad-line:var(--vibe-page-line,#e8e2dc);--vad-surface:var(--vibe-page-surface,#fff);--vad-soft:var(--vibe-page-surface-soft,#faf7f3);--vad-blue:#a55b09;--vad-purple:#c33829;color:var(--vad-text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;min-width:0;line-height:1.5}
.vad-block *{box-sizing:border-box}.vad-block svg{width:16px;height:16px;flex-shrink:0}.vad-block a{color:inherit}.vad-block button{font-family:inherit;cursor:pointer}.vad-block button:disabled{cursor:default}.vad-block button:focus-visible,.vad-block a:focus-visible,.vad-block summary:focus-visible{outline:3px solid #e09836;outline-offset:4px}
body.sunhit-site .vad-home{padding:28px;border:1px solid var(--vad-line);border-radius:26px;background:linear-gradient(120deg,#f0b91d0b,#ed49370a),var(--vad-soft)}
.vad-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
body.sunhit-site .vad-block h2{margin:0;color:inherit;font-size:32px;line-height:1.15;font-weight:650;letter-spacing:-1.1px;text-align:left}
.vad-heading p{max-width:620px;margin:10px 0 0;color:var(--vad-muted);font-size:14px}.vad-edition{flex-shrink:0;font-size:9px;letter-spacing:1.3px;border:1px solid var(--vad-line);border-radius:30px;padding:8px 12px;color:var(--vad-muted)}
.vad-eyebrow{display:block;font-size:9px;font-weight:650;letter-spacing:1.5px;margin-bottom:9px;color:var(--vad-muted)}
.vad-arena{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vad-card{position:relative;isolation:isolate;overflow:hidden;border-radius:19px;border:1px solid #ffffff29;background:#281c1b;min-width:0;transition:box-shadow .25s,border-color .25s}
.vad-portrait{position:absolute;inset:0;z-index:-2;background:linear-gradient(125deg,#42301b,#93372f)}
.vad-portrait img{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;object-position:50% 28%;transition:transform .5s ease}
.vad-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#251c13f5 3%,#251c13be 36%,#251c131c 95%),linear-gradient(0deg,#291c17a6,transparent 85%)}
.vad-card[data-side=b]:after{background:linear-gradient(90deg,#301619f5 3%,#301619bd 36%,#3016191c 95%),linear-gradient(0deg,#301619a6,transparent 85%)}
.vad-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:278px;padding:28px;color:#fff}
.vad-card-copy .vad-eyebrow{color:#ffe4a7;font-size:8px}.vad-card[data-side=b] .vad-card-copy .vad-eyebrow{color:#ffd5ce}
body.sunhit-site .vad-block h3{margin:0;color:inherit;font-size:35px;font-weight:650;line-height:1.08;letter-spacing:-1px;overflow-wrap:anywhere;text-align:left}
.vad-song{font-size:14px;line-height:1.4;color:#efe5dd;margin:8px 0 0}.vad-card-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px;width:100%}
.vad-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;min-height:44px;border:1px solid #ffffff8f;border-radius:28px;background:#fff9ef;color:#50351f;font-size:12px;font-weight:650;max-width:100%;transition:background .2s,transform .2s}
.vad-card-actions button:disabled{opacity:.55}.vad-card-actions button[aria-pressed=true]{background:#ffdc83;color:#543700;opacity:1;border-color:#ffdc83}.vad-card[data-side=b] button[aria-pressed=true]{background:#ffc7b8;color:#67291e;border-color:#ffc7b8}
.vad-card.is-selected{box-shadow:0 0 0 2px #b88933;border-color:#eaba66}.vad-card[data-side=b].is-selected{box-shadow:0 0 0 2px #bd654f;border-color:#ed9780}
.vad-versus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--vad-line);background:var(--vad-surface);color:var(--vad-purple);font-size:12px;font-weight:700;box-shadow:0 4px 22px #3824161c;z-index:2;pointer-events:none}
.vad-feedback{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;font-size:12px;color:var(--vad-muted)}.vad-feedback p{margin:0}.vad-feedback button{flex-shrink:0;background:transparent;border:0;color:var(--vad-blue);font-size:12px;min-height:44px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
.vad-more{display:inline-flex;align-items:center;min-height:44px;font-size:12px;margin:0 0 6px;text-decoration:none!important}.vad-more:hover{text-decoration:underline!important}.vad-deadline{font-size:11px;color:var(--vad-muted);margin:6px 0}
.vad-disclosure{border-top:1px solid var(--vad-line);margin-top:6px;padding-top:6px}.vad-block summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;font-size:13px;font-weight:550;cursor:pointer}.vad-block summary::-webkit-details-marker{display:none}.vad-block details[open]>summary svg{transform:rotate(180deg)}
.vad-ranking{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:9px}
.vad-ranking li{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--vad-line);border-radius:15px;background:var(--vad-surface);min-width:0}.vad-rank{font-size:20px;font-weight:500;letter-spacing:-.7px;color:var(--vad-muted);width:26px;flex-shrink:0}.vad-ranking img{width:46px;height:46px;object-fit:cover;border-radius:50%;flex-shrink:0}.vad-ranking-name{flex:1;min-width:0}.vad-ranking-name strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.vad-ranking small{display:block;font-size:10px;margin-top:3px;color:var(--vad-muted)}.vad-ranking-score{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.vad-ranking-score strong{font-size:16px;font-weight:600}.vad-meter{width:22%;height:5px;background:var(--vad-line);border-radius:9px;overflow:hidden;margin-inline:12px}.vad-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--vad-blue),var(--vad-purple));border-radius:9px;transition:width .4s}.vad-rank-total{font-size:10px;margin:10px 2px 0;text-align:right;color:var(--vad-muted)}
.vad-note{font-size:10px;line-height:1.6;color:var(--vad-muted);margin:15px 0 0}.vad-status{font-size:12px;margin:12px 0 0;color:var(--vad-text)}.vad-status:empty{display:none}.vad-empty{padding:23px;border:1px dashed var(--vad-line);border-radius:16px;color:var(--vad-muted);font-size:14px}.vad-retry{min-height:44px;background:transparent;border:0;color:var(--vad-blue);text-decoration:underline;font-size:13px}
body.sunhit-site .vad-music{padding:24px 0 40px}.vad-music .vad-heading{margin-bottom:28px}.vad-music .vad-card-copy{min-height:420px;padding:34px}.vad-card-index{position:absolute;top:22px;left:26px;color:#fff0d9;font-size:11px;letter-spacing:2px}.vad-music .vad-portrait img{width:90%}.vad-description{font-size:13px;line-height:1.65;max-width:310px;color:#f4e7e1;margin:13px 0 0}.vad-card-actions a{font-size:11px;color:white!important;text-decoration:none;padding-block:12px}
.vad-detailed-results{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin:40px 0 0;padding:30px 0;border-top:1px solid var(--vad-line)}.vad-detailed-results h2{font-size:27px!important}.vad-detailed-results p{font-size:13px;color:var(--vad-muted);max-width:360px;margin:13px 0}.vad-total{font-size:31px;font-weight:600;letter-spacing:-1px}.vad-detailed-results .vad-ranking{margin:0}.vad-detailed-results .vad-meter{display:none}
.vad-history{border-top:1px solid var(--vad-line);margin-top:35px;padding-top:32px}.vad-history>h2{font-size:27px!important;margin-bottom:24px!important}.vad-past{display:grid;grid-template-columns:160px 1fr;gap:28px;border:1px solid var(--vad-line);border-radius:19px;padding:22px;margin:12px 0;background:var(--vad-soft)}.vad-past-cover{position:relative;border-radius:13px;overflow:hidden;background:#38241b;aspect-ratio:1}.vad-past-cover img{width:100%;height:100%;object-fit:cover}.vad-past-cover span{position:absolute;bottom:0;left:0;right:0;padding:18px 10px 8px;background:linear-gradient(transparent,#111b);color:white;font-size:10px}.vad-past h3{font-size:25px!important;line-height:1.25!important}.vad-past h3 em{color:var(--vad-muted);font-size:14px;font-style:normal;margin-inline:6px}.vad-past p{font-size:13px;color:var(--vad-muted);margin:10px 0}.vad-how{border-top:1px solid var(--vad-line);margin-top:24px;padding-top:7px}.vad-how p{font-size:13px;color:var(--vad-muted);max-width:760px;line-height:1.7;margin:8px 0}
body.sunhit-site .nav.vad-music-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%;height:auto!important}.vad-music-tabs>.nav-item{flex:1 1 auto;min-width:0}.vad-music-tabs .nav-link{white-space:normal!important;min-height:44px!important;display:flex!important;justify-content:center;align-items:center;font-size:13px!important;padding:10px 16px!important}
html[data-vibe-mode=dark] .vad-block{--vad-blue:#ffce76;--vad-purple:#ffac92}
@media(hover:hover){.vad-card:hover .vad-portrait img{transform:scale(1.035)}.vad-card-actions button:not(:disabled):hover{background:#ffe5a6;transform:translateY(-2px)}.vad-card[data-side=b] button:not(:disabled):hover{background:#ffdbcb}}
@media(max-width:900px){.vad-card-copy{padding:23px}.vad-portrait img{width:92%}body.sunhit-site .vad-block h3{font-size:29px}.vad-music .vad-card-copy{padding:27px;min-height:370px}.vad-detailed-results{gap:25px}.vad-ranking li{gap:10px;padding:12px}.vad-meter{display:none}.vad-card-actions{gap:6px}}
@media(max-width:600px){body.sunhit-site .vad-home-wrapper{padding-block:30px}body.sunhit-site .vad-home{padding:20px 14px;border-radius:21px}.vad-heading{margin-bottom:19px}.vad-heading p{font-size:12px}.vad-edition{display:none}body.sunhit-site .vad-block h2{font-size:25px;letter-spacing:-.8px}.vad-arena{gap:12px}.vad-card{border-radius:14px}.vad-portrait img{width:100%;object-position:50% 15%}.vad-card:after,.vad-card[data-side=b]:after{background:linear-gradient(0deg,#281711fb 0%,#281711a1 46%,#28171105 95%)}.vad-card-copy{min-height:262px;padding:17px 12px}.vad-card-copy .vad-eyebrow{display:none}body.sunhit-site .vad-block h3{font-size:23px;letter-spacing:-.7px}.vad-song{font-size:11px;margin-top:5px}.vad-card-actions{margin-top:17px}.vad-card-actions button{font-size:10px;padding:10px 7px;gap:5px;width:100%}.vad-card-actions button svg{width:14px}.vad-versus{width:32px;height:32px;font-size:10px;top:35%}.vad-feedback{font-size:11px;align-items:flex-start;gap:6px}.vad-feedback button{font-size:11px}.vad-more{font-size:11px}.vad-block summary{font-size:12px}.vad-ranking li{gap:10px;padding:12px 9px}.vad-ranking img{width:34px;height:34px}.vad-rank{width:20px;font-size:16px}.vad-ranking-name strong{font-size:12px}.vad-ranking-score strong{font-size:12px}.vad-ranking small{font-size:9px}.vad-note{font-size:9px}.vad-music .vad-card-copy{min-height:380px;padding:19px 12px}.vad-description{font-size:11px;line-height:1.5}.vad-card-actions a{font-size:10px}.vad-music .vad-card-index{top:14px;left:14px}.vad-detailed-results{grid-template-columns:1fr;gap:16px;margin-top:26px;padding-top:24px}.vad-detailed-results p{max-width:none}.vad-total{font-size:26px}.vad-past{grid-template-columns:85px 1fr;gap:14px;padding:14px}.vad-past h3{font-size:18px!important}.vad-past .vad-eyebrow{font-size:8px}.vad-past details{margin-left:-99px;margin-top:24px}.vad-past p{font-size:11px}.vad-past-cover span{font-size:8px}.vad-music-tabs>.nav-item{flex-basis:calc(50% - 6px)}.vad-music-tabs .nav-link{font-size:12px!important}}
@media(max-width:360px){body.sunhit-site .vad-home{padding-inline:10px}.vad-card-copy{padding-inline:10px}body.sunhit-site .vad-block h3{font-size:20px}.vad-feedback{flex-wrap:wrap}.vad-feedback button{min-height:34px}.vad-ranking li{gap:6px}.vad-ranking img{width:29px;height:29px}.vad-ranking-score strong{font-size:11px}.vad-ranking-name strong{font-size:11px}.vad-music .vad-card-copy{min-height:400px}}
@media(prefers-reduced-motion:reduce){.vad-card,.vad-portrait img,.vad-card-actions button,.vad-meter span{transition:none}.vad-card:hover .vad-portrait img,.vad-card-actions button:not(:disabled):hover{transform:none}}

/* Sun’Hit does not expose the Vibe surface variables on every template. */
html[data-vibe-mode=dark] body.sunhit-site .vad-block{--vad-text:#f8f0e7;--vad-muted:#c4b8aa;--vad-line:#40382f;--vad-surface:#24201c;--vad-soft:#1e1b18;--vad-blue:#ffce76;--vad-purple:#ffac92}