/* Uptown — Artist / Tonight support pages (antique-restraint treatment) */
.ua-page{
  --bg:#0D1520; --bg-raised:#111D2E; --slate:#4E6472; --bone:#DDD8CC;
  --accent:#C9A24B;
  --cta-bg:#16243a; --cta-fg:#EAD9A4; --cta-fg-soft:rgba(234,217,164,.68);
  --cta-border:rgba(201,162,75,.55);
  --line:rgba(195,154,54,0.22); --line-soft:rgba(221,216,204,0.10);
  background:var(--bg); color:var(--bone);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.ua-wrap{max-width:480px; margin:0 auto; padding:0 0 48px;}

/* Hero */
.ua-hero{position:relative; min-height:320px; display:flex; align-items:flex-end;}
.ua-hero-img{position:absolute; inset:0; background-size:cover; background-position:center top;}
.ua-hero-fallback{position:absolute; inset:0;
  background:radial-gradient(120% 90% at 75% 18%, rgba(40,150,170,.40), transparent 60%),
             radial-gradient(90% 70% at 20% 30%, rgba(195,80,70,.28), transparent 55%),
             linear-gradient(180deg,#16273a 0%,#0D1520 86%);}
.ua-hero-fade{position:absolute; inset:0; background:linear-gradient(180deg, rgba(13,21,32,0) 35%, var(--bg) 97%);}
.ua-hero-inner{position:relative; padding:22px 22px 18px; width:100%;}
.ua-ribbon{display:inline-flex; align-items:center; gap:7px; margin-bottom:12px;
  background:rgba(8,14,22,.6); backdrop-filter:blur(6px); border:1px solid rgba(255,90,90,.4);
  color:#ff6a6a; padding:6px 12px; border-radius:999px; font-size:11px; letter-spacing:.12em; text-transform:uppercase;}
.ua-ribbon .d{width:7px; height:7px; border-radius:50%; background:#ff5a5a; animation:uapulse 1.6s infinite;}
@keyframes uapulse{0%{box-shadow:0 0 0 0 rgba(255,90,90,.55)}70%{box-shadow:0 0 0 9px rgba(255,90,90,0)}100%{box-shadow:0 0 0 0 rgba(255,90,90,0)}}
.ua-kicker{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); margin-bottom:6px;}
.ua-name{font-family:Georgia,"Times New Roman",serif; font-size:36px; line-height:1.02; color:#fff;}
.ua-genre{margin-top:8px; font-size:14px; color:var(--bone);}
.ua-settime{margin-top:4px; font-size:13px; color:var(--bone);}
.ua-settime b{color:#fff;}

/* Body */
.ua-body{padding:6px 22px 0;}
.ua-label{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--slate); margin:26px 2px 12px;}

/* Tip card */
.ua-tip{background:var(--bg-raised); border:1px solid var(--line); border-radius:16px; padding:16px;}
.ua-tip h3{font-size:15px; color:#fff; font-weight:600; margin:0 0 3px;}
.ua-tip p{font-size:12.5px; color:var(--slate); margin:0 0 14px;}
.ua-amts{display:flex; gap:9px; margin-bottom:12px;}
.ua-amt{flex:1; text-align:center; padding:14px 0; border-radius:11px; border:1px solid var(--line);
  background:rgba(195,154,54,.06); color:#fff; font-size:18px; font-weight:600; cursor:pointer; transition:all .12s;}
.ua-amt.sel{background:var(--cta-bg); color:var(--cta-fg); border-color:var(--cta-border);}
.ua-provs{display:flex; gap:8px;}
.ua-prov{flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:12px 0; border-radius:10px;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.02); color:var(--bone); font-size:12.5px; font-weight:500;
  text-decoration:none; cursor:pointer;}
.ua-prov:hover{border-color:var(--line);}
.ua-prov[hidden]{display:none;}
.ua-prov .i{width:18px; height:18px; border-radius:5px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#fff;}
.i-v{background:#3D95CE;} .i-c{background:#00D632;} .i-p{background:#003087;}

/* Action buttons */
.ua-acts{display:flex; flex-direction:column; gap:10px; margin-top:12px;}
.ua-btn{display:flex; align-items:center; gap:13px; width:100%; padding:15px 16px; border-radius:13px;
  border:1px solid var(--line-soft); background:var(--bg-raised); color:var(--bone); cursor:pointer; text-align:left; text-decoration:none;}
.ua-btn:hover{border-color:var(--line);}
.ua-btn .bi{width:30px; height:30px; flex:none; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:15px;
  background:rgba(195,154,54,.12); color:var(--accent);}
.ua-btn .bm{font-size:14.5px; color:#fff; font-weight:600;}
.ua-btn .bs{font-size:11.5px; color:var(--slate); margin-top:1px;}
.ua-btn .bc{margin-left:auto; font-size:13px; color:var(--accent); font-weight:600; white-space:nowrap;}
.ua-btn.primary{background:var(--cta-bg); border-color:var(--cta-border);}
.ua-btn.primary .bi{background:rgba(234,217,164,.14); color:var(--cta-fg);}
.ua-btn.primary .bm{color:var(--cta-fg);}
.ua-btn.primary .bs{color:var(--cta-fg-soft);}

/* Bio */
.ua-bio{margin-top:8px; font-size:14.5px; line-height:1.65; color:var(--bone);}
.ua-bio p{margin:0 0 12px;}

/* Footer cta */
.ua-foot{margin-top:28px; padding-top:20px; border-top:1px solid var(--line-soft); text-align:center;}
.ua-foot .a{font-size:12.5px; color:var(--slate); line-height:1.6;}
.ua-foot a{color:var(--accent); text-decoration:none; font-size:13px; display:inline-block; margin-top:10px; letter-spacing:.03em;}

/* Week list (tonight dark state) */
.ua-week{display:flex; flex-direction:column; gap:1px; background:var(--line-soft); border-radius:14px; overflow:hidden; border:1px solid var(--line-soft);}
.ua-wk{display:flex; align-items:center; gap:14px; padding:14px 15px; background:var(--bg-raised);}
.ua-wk .wd{width:38px; flex:none; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);}
.ua-wk .wn{flex:1; font-size:14px; color:#fff;} .ua-wk .wn small{display:block; font-size:11.5px; color:var(--slate);}
.ua-wk .wt{font-size:12px; color:var(--bone); font-style:italic; white-space:nowrap;}