@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');

:root{
  --gold:#f4b51b;
  --gold2:#ffd75a;
  --bg:#050505;
  --panel:#0d0d0c;
  --panel2:#1c1910;
  --text:#fff;
  --muted:#999;
  --line:rgba(244,181,27,.28);
  --danger:#d55252;
  --green:#62c778;
}

*{box-sizing:border-box;margin:0;padding:0}

html{
  scroll-behavior:smooth;
}

body{
  min-height:100vh;
  font-family:Inter,Arial,sans-serif;
  color:#fff;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 8%,#29230f 0,#111008 30%,#050505 70%);
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  z-index:-1;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,#000,transparent 85%);
}

a{color:inherit}
img{max-width:100%}
button,input,select,textarea{font:inherit}

.container{
  width:min(1080px,92%);
  margin:auto;
}

/* TOPBAR */
.topbar-wrap{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(5,5,5,.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(244,181,27,.25);
}

.topbar{
  min-height:62px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
}

.brand{
  font-size:.92rem;
  font-weight:800;
  letter-spacing:1.4px;
  text-decoration:none;
  white-space:nowrap;
}
.brand span{color:var(--gold)}

.nav{
  display:flex;
  justify-content:center;
  gap:16px;
  align-items:center;
  min-width:0;
}

.nav a{
  color:#8f8f8f;
  text-decoration:none;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:1px;
  transition:.2s ease;
}

.nav a:hover,
.nav a.active{color:var(--gold)}

.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}

.status{
  display:flex;
  align-items:center;
  gap:6px;
  color:#aaa;
  font-size:.58rem;
  font-weight:800;
  white-space:nowrap;
}
.status b{color:var(--gold)}
.dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ee3d3d;
  box-shadow:0 0 10px rgba(238,61,61,.82);
  animation:pulse 1.2s steps(2,end) infinite;
}
@keyframes pulse{50%{opacity:.38}}

.menu-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 9px;
  border:1px solid rgba(244,181,27,.35);
  border-radius:8px;
  color:var(--gold);
  background:rgba(244,181,27,.06);
  text-decoration:none;
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.55px;
  white-space:nowrap;
}
.menu-button:hover,.menu-button.gold{
  background:var(--gold);
  color:#111;
  border-color:var(--gold);
}
.menu-button.subtle{color:#888}

.profile-chip{
  display:flex;
  align-items:center;
  gap:7px;
  color:#ddd;
  text-decoration:none;
  font-size:.61rem;
  max-width:165px;
}
.profile-chip img,
.profile-chip>span{
  width:30px;
  height:30px;
  border-radius:50%;
  flex:0 0 30px;
  object-fit:cover;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.45);
  background:#17130b;
  color:var(--gold);
  font-weight:900;
}
.profile-chip b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mobile-nav-wrap{
  display:none;
  border-bottom:1px solid rgba(244,181,27,.16);
  background:#080808;
}
.mobile-nav{
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding-top:6px;
  padding-bottom:6px;
  scrollbar-width:none;
}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav a{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:7px;
  color:#999;
  text-decoration:none;
  font-size:.61rem;
  font-weight:800;
}
.mobile-nav a:hover{background:rgba(244,181,27,.07);color:var(--gold)}

/* GLOBAL PLAYER */
.global-player-wrap{
  padding:16px 0 12px;
  border-bottom:1px solid rgba(244,181,27,.16);
  background:linear-gradient(180deg,rgba(15,14,10,.95),rgba(7,7,7,.96));
}
.global-player{
  padding:15px;
  border:1px solid rgba(244,181,27,.28);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(28,25,16,.94),rgba(10,10,10,.97));
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}
.global-player-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:10px;
}
.global-player-head>div:first-child{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:10px;
}
.eyebrow{
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:1px;
  white-space:nowrap;
}
.global-player-head strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:Oswald,Impact,sans-serif;
  font-size:1.05rem;
  text-transform:uppercase;
}
.onair{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--gold);
  font-size:.56rem;
  font-weight:900;
  white-space:nowrap;
}
.stream-player{
  width:100%;
  overflow:hidden;
  border-radius:10px;
  background:#000;
  border:1px solid rgba(244,181,27,.22);
}
.stream-player iframe{
  display:block;
  width:100%;
  height:110px;
  min-height:110px;
  border:0;
}

/* LIGHT TICKER */
.message-ticker-wrap{
  border-bottom:1px solid rgba(244,181,27,.16);
  background:#070707;
}
.message-ticker{
  min-height:37px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.ticker-label{
  color:#111;
  background:var(--gold);
  padding:5px 8px;
  border-radius:5px;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.8px;
}
.ticker-window{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}
.ticker-text{
  display:inline-block;
  min-width:max-content;
  color:var(--gold);
  font-size:.66rem;
  font-weight:700;
}
.ticker-text.run{
  padding-left:100%;
  animation:tickerMove var(--ticker-duration,12s) linear forwards;
}
@keyframes tickerMove{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}

/* HERO */
.hero{
  text-align:center;
  padding:44px 0 34px;
}
.hero-mark{
  width:88px;
  height:88px;
  margin:0 auto 10px;
  display:grid;
  place-items:center;
  border:1px solid rgba(244,181,27,.42);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,215,90,.2),transparent 32%),
    linear-gradient(145deg,#211b0d,#080808);
  box-shadow:0 15px 32px rgba(0,0,0,.5);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.55rem;
  font-weight:700;
  letter-spacing:2px;
}
.hero h1{
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:clamp(2.25rem,6vw,4.3rem);
  line-height:.95;
  margin:12px 0;
  text-shadow:0 4px 0 #000;
}
.hero h1 span{color:var(--gold)}
.lead{
  max-width:700px;
  margin:auto;
  color:#aaa;
  font-size:.83rem;
  line-height:1.68;
}
.hero-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.listen-button,.ghost-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:9px 15px;
  border-radius:8px;
  text-decoration:none;
  font-size:.67rem;
  font-weight:900;
}
.listen-button{background:var(--gold);color:#111}
.ghost-button{
  color:var(--gold);
  border:1px solid rgba(244,181,27,.36);
  background:rgba(244,181,27,.045);
}
.ghost-button:hover{background:rgba(244,181,27,.11)}
.hero-stats{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.hero-stats span{
  padding:7px 10px;
  border:1px solid rgba(244,181,27,.15);
  border-radius:999px;
  color:#777;
  font-size:.59rem;
}
.hero-stats b{color:var(--gold)}

/* PUBLIC LAYOUT */
.page{padding:28px 0 36px}
.site-layout,.old-grid{
  width:min(1450px,96%);
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.page.container{width:min(1450px,96%)}
.page.container .old-grid{width:100%;margin:0}
.sidebar{
  display:flex;
  flex-direction:column;
  gap:16px;
  position:sticky;
  top:80px;
  grid-column:1;
  grid-row:1;
}
.content-stack,.main-content{
  min-width:0;
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.right-sidebar{display:none!important}

/* SIDEBAR */
.side-panel{
  width:100%;
  padding:14px 0;
  border-top:1px solid rgba(244,181,27,.35);
  border-bottom:1px solid rgba(244,181,27,.35);
}
.side-title{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:1.18rem;
  text-transform:uppercase;
}
.side-panel p{
  color:#888;
  font-size:.72rem;
  line-height:1.5;
}
.side-live{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:11px;
  align-items:center;
}
.side-live-photo,.side-live-fallback{
  width:82px;
  height:82px;
  border-radius:11px;
  border:1px solid rgba(244,181,27,.25);
  background:#070707;
}
.side-live-photo{object-fit:cover;object-position:center top}
.side-live-fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-weight:700;
}
.side-live small{
  display:block;
  color:#777;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.7px;
}
.side-live strong{
  display:block;
  margin:3px 0;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
}
.side-live p{font-size:.65rem}
.side-links{display:flex;flex-direction:column}
.side-links a{
  display:flex;
  gap:8px;
  align-items:center;
  padding:9px 4px;
  border-bottom:1px solid rgba(244,181,27,.09);
  color:#929292;
  text-decoration:none;
  font-size:.68rem;
  font-weight:700;
}
.side-links a:last-child{border-bottom:0}
.side-links a:hover{color:var(--gold)}
.side-schedule{display:flex;flex-direction:column;gap:7px}
.side-schedule-item{
  padding:8px 9px;
  border:1px solid rgba(244,181,27,.11);
  border-radius:8px;
  background:rgba(255,255,255,.012);
}
.side-schedule-item b,.side-schedule-item span,.side-schedule-item small{display:block}
.side-schedule-item b{color:var(--gold);font-size:.61rem}
.side-schedule-item span{margin-top:3px;color:#ddd;font-size:.66rem}
.side-schedule-item small{margin-top:2px;color:#777;font-size:.57rem}
.side-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

/* PANELS / BOXES */
.panel,.box{
  padding:20px;
  border:1px solid rgba(244,181,27,.32);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(28,25,16,.95),rgba(10,10,10,.97));
  box-shadow:
    0 18px 50px rgba(0,0,0,.5),
    inset 0 1px rgba(255,255,255,.04);
}
.box{padding:0;overflow:hidden}
.box-title{
  padding:14px 18px 10px;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.65px;
  text-transform:uppercase;
  border-bottom:1px solid rgba(244,181,27,.15);
}
.box-body{padding:18px}
.badge{
  display:inline-block;
  padding:5px 10px;
  margin-bottom:9px;
  border-radius:999px;
  background:var(--gold);
  color:#111;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:1px;
}
.panel h2,.section-title{
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:1.65rem;
  margin-bottom:5px;
  color:#fff;
}
.panel-intro,.muted{
  color:#999;
  font-size:.76rem;
  line-height:1.55;
}
.panel h3{font-family:Oswald,Impact,sans-serif}
.panel-actions,.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}

.copy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.copy-block{
  padding:15px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:11px;
  background:#090909;
}
.copy-block h3{
  margin-bottom:6px;
  color:var(--gold);
  font-size:1rem;
  text-transform:uppercase;
}
.copy-block p{
  color:#8d8d8d;
  font-size:.74rem;
  line-height:1.62;
}

.radio-status-card{
  margin-top:15px;
  display:grid;
  grid-template-columns:60px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(244,181,27,.20);
  border-radius:12px;
  background:#090909;
}
.radio-status-icon{
  width:60px;height:60px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(244,181,27,.08);
  font-size:1.5rem;
}
.radio-status-card small{
  display:block;color:#777;font-size:.55rem;font-weight:900;letter-spacing:.8px
}
.radio-status-card strong{
  display:block;margin:3px 0;color:var(--gold);font-size:.83rem
}
.radio-status-card p{color:#777;font-size:.66rem}

.feature-grid{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.feature-card{
  display:block;
  padding:15px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:11px;
  background:#090909;
  text-decoration:none;
  transition:.18s ease;
}
.feature-card:hover{
  transform:translateY(-2px);
  border-color:rgba(244,181,27,.38);
  background:#11100c;
}
.feature-card>span{font-size:1.35rem}
.feature-card h3{
  margin:7px 0 5px;
  color:#fff;
  text-transform:uppercase;
  font-size:.92rem;
}
.feature-card p{
  color:#7f7f7f;
  font-size:.68rem;
  line-height:1.5;
}

.home-schedule-grid{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.home-show-card{
  padding:13px;
  border:1px solid rgba(244,181,27,.13);
  border-radius:10px;
  background:#090909;
}
.home-show-card small{
  display:block;
  color:var(--gold);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.home-show-card strong{
  display:block;
  margin:4px 0 7px;
  font-family:Oswald,Impact,sans-serif;
  font-size:1rem;
}
.home-show-card h3{font-size:.76rem;color:#ddd}
.home-show-card p{margin-top:3px;color:#737373;font-size:.61rem}

.empty-state{
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
  background:#090909;
}
.empty-state b,.empty-state span{display:block}
.empty-state b{color:var(--gold)}
.empty-state span{margin-top:3px;color:#777;font-size:.7rem}

.final-panel{text-align:center}
.final-panel .panel-intro{max-width:640px;margin:auto}
.final-panel .panel-actions{justify-content:center}

/* BUTTONS */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(244,181,27,.34);
  border-radius:8px;
  background:rgba(244,181,27,.045);
  color:var(--gold);
  text-decoration:none;
  font-size:.65rem;
  font-weight:900;
  cursor:pointer;
}
.btn:hover{background:rgba(244,181,27,.12)}
.btn.gold{background:var(--gold);color:#111;border-color:var(--gold)}
.btn.red{background:#8b1d1d;color:#fff;border-color:#ae3030}
.btn.green{background:#4fae64;color:#081409;border-color:#68c87a}
.btn.small{min-height:29px;padding:5px 8px;font-size:.56rem}

/* FORMS */
.form-grid,.message-form{display:grid;gap:11px}
.form-row{display:grid;gap:5px}
.form-row label{
  color:#aaa;
  font-size:.63rem;
  font-weight:800;
}
.form-row input,.form-row select,.form-row textarea,.admin-actions select{
  width:100%;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(244,181,27,.24);
  border-radius:8px;
  background:#080808;
  color:#fff;
  outline:none;
  font-size:16px;
}
.form-row textarea{min-height:95px;resize:vertical}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{
  border-color:rgba(244,181,27,.72);
  box-shadow:0 0 0 3px rgba(244,181,27,.08);
}
.form-row input[type=color]{padding:4px}
.form-row input[type=range]{accent-color:var(--gold)}
.ticker-options{
  display:grid;
  grid-template-columns:130px minmax(170px,1fr) auto;
  align-items:end;
  gap:10px;
}
.form-result{
  min-height:18px;
  color:#777;
  font-size:.68rem;
}
.form-result.ok{color:#7dda90}
.form-result.error{color:#f08a8a}

.login-callout{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
  background:#090909;
}
.login-callout strong{color:var(--gold)}
.login-callout p{margin-top:3px;color:#777;font-size:.68rem}

/* ALERTS */
.alert{
  padding:10px 12px;
  margin:10px 0;
  border-radius:8px;
  font-size:.7rem;
}
.alert.ok{border:1px solid #2f713d;background:#102b16;color:#a6e7b1}
.alert.error{border:1px solid #743030;background:#351111;color:#f2aaaa}

/* REQUEST LISTS / STATS */
.request-list{display:grid;gap:8px}
.request-item{
  padding:11px;
  border:1px solid rgba(244,181,27,.12);
  border-radius:9px;
  background:#090909;
}
.request-item strong{color:#eee}
.request-meta{
  margin-top:4px;
  color:#777;
  font-size:.62rem;
  line-height:1.45;
}
.stat-line{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(244,181,27,.09);
  color:#888;
  font-size:.68rem;
}
.stat-line:last-child{border-bottom:0}
.stat-line b{color:var(--gold);text-align:right}
.status-badge,.role-badge{
  display:inline-flex;
  margin-top:5px;
  padding:4px 7px;
  border:1px solid rgba(244,181,27,.27);
  border-radius:999px;
  background:rgba(244,181,27,.06);
  color:var(--gold);
  font-size:.53rem;
  font-weight:900;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.gold-text{color:var(--gold)}
.red-text{color:#ed8282}

/* TEAM */
.team-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.team-card{
  overflow:hidden;
  border:1px solid rgba(244,181,27,.18);
  border-radius:12px;
  background:#090909;
}
.team-card img,.team-card .fallback{
  width:100%;
  height:250px;
}
.team-card img{display:block;object-fit:cover;object-position:center top}
.team-card .fallback{
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:2.4rem;
}
.team-card-body{padding:13px}
.team-card .role{
  color:var(--gold);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.team-card h2{
  margin:4px 0;
  color:#fff;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:1.25rem;
}
.team-card p{color:#858585;font-size:.67rem;line-height:1.48}

/* LIVE CARD */
.live-card{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.live-photo,.live-fallback{
  width:90px;height:90px;border-radius:11px;
  border:1px solid rgba(244,181,27,.25);
  background:#090909;
}
.live-photo{object-fit:cover;object-position:center top}
.live-fallback{
  display:grid;place-items:center;color:var(--gold);
  font-family:Oswald,Impact,sans-serif;font-size:1.15rem
}
.live-card h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase}
.live-title{color:var(--gold);font-size:.73rem;font-weight:800}
.live-msg{margin-top:4px;color:#7d7d7d;font-size:.66rem}

/* SCHEDULE */
.schedule{display:grid;gap:10px}
.schedule-day{
  overflow:hidden;
  border:1px solid rgba(244,181,27,.16);
  border-radius:10px;
  background:#090909;
}
.schedule-day h2{
  padding:9px 11px;
  background:rgba(244,181,27,.06);
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
  font-size:.94rem;
}
.schedule-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 140px;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border-top:1px solid rgba(244,181,27,.08);
  color:#888;
  font-size:.67rem;
}
.schedule-time{color:#fff;font-weight:800}
.schedule-dj{text-align:right;color:var(--gold);font-weight:800}

/* CHAT */
.chat-frame{
  margin-top:10px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(244,181,27,.28);
  background:#090909;
}
.chat-frame iframe{
  display:block;
  width:100%;
  height:650px;
  border:0;
}

/* LOGIN / ACCOUNT */
.login-shell{
  width:min(580px,92%);
  margin:34px auto 44px;
}
.account-profile-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.account-avatar-wrap{display:flex;justify-content:center}
.account-avatar,.account-avatar-fallback{
  width:130px;height:130px;
  border-radius:50%;
  border:2px solid rgba(244,181,27,.48);
  background:#090909;
}
.account-avatar{object-fit:cover}
.account-avatar-fallback{
  display:grid;place-items:center;
  color:var(--gold);
  font-family:Oswald,Impact,sans-serif;
  font-size:2.8rem;
}
.account-profile-label{color:var(--gold);font-size:.58rem;font-weight:900;letter-spacing:.8px}
.account-profile-copy h2{
  margin:4px 0;
  font-family:Oswald,Impact,sans-serif;
  text-transform:uppercase;
}
.account-settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.account-avatar-panel{
  padding:14px;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
  background:#090909;
}
.avatar-file-picker{
  display:block;
  width:100%;
  margin:8px 0;
  color:#888;
  font-size:.7rem;
}

/* PANEL / TABLES */
.panel-nav{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0 16px;
}
.panel-nav a{
  padding:7px 9px;
  border:1px solid rgba(244,181,27,.18);
  border-radius:7px;
  color:#888;
  text-decoration:none;
  font-size:.6rem;
  font-weight:800;
}
.panel-nav a:hover,.panel-nav a.active{
  background:var(--gold);
  border-color:var(--gold);
  color:#111;
}
.table-wrap{
  overflow:auto;
  border:1px solid rgba(244,181,27,.14);
  border-radius:10px;
}
table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  background:#080808;
}
th,td{
  padding:9px;
  border-bottom:1px solid rgba(244,181,27,.08);
  text-align:left;
  vertical-align:top;
  color:#b9b9b9;
  font-size:.65rem;
}
th{
  color:var(--gold);
  background:#141109;
  font-size:.58rem;
  text-transform:uppercase;
}
.admin-actions{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:center;
}
.admin-actions form{margin:0}

/* FOOTER */
.beerbar{
  text-align:center;
  padding:12px 0 4px;
  color:var(--gold);
  font-size:18px;
  letter-spacing:4px;
}
.footer{
  text-align:center;
  color:#666;
  font-size:.65rem;
  padding:10px 0 25px;
}
.footer b{color:var(--gold)}

/* RESPONSIVE */
@media(max-width:1150px){
  .nav{gap:10px}
  .status{display:none}
  .site-layout,.old-grid{grid-template-columns:280px minmax(0,1fr)}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .topbar{grid-template-columns:auto 1fr}
  .nav{display:none}
  .mobile-nav-wrap{display:block}
  .top-actions{min-width:0}
  .profile-chip b{display:none}
  .site-layout,.old-grid{
    grid-template-columns:1fr;
    width:min(900px,94%);
  }
  .sidebar{
    position:static;
    grid-column:1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .content-stack,.main-content{
    grid-column:1;
    grid-row:1;
  }
  .copy-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .container{width:min(94%,1080px)}
  .topbar{min-height:56px;gap:8px}
  .brand{font-size:.77rem}
  .menu-button{padding:5px 7px;font-size:.5rem}
  .top-actions .menu-button.subtle{display:none}
  .global-player-wrap{padding:10px 0}
  .global-player{padding:10px}
  .global-player-head>div:first-child{
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
  .stream-player iframe{height:112px;min-height:112px}
  .message-ticker{gap:7px}
  .ticker-label{font-size:.46rem}
  .hero{padding:32px 0 25px}
  .hero-mark{width:72px;height:72px;font-size:1.25rem}
  .hero-buttons>a{flex:1 1 145px}
  .hero-stats{gap:5px}
  .site-layout,.old-grid{width:94%;gap:14px}
  .sidebar{grid-template-columns:1fr}
  .panel,.box{border-radius:13px}
  .panel{padding:16px}
  .box-body{padding:14px}
  .feature-grid,.home-schedule-grid,.team-grid,.account-settings-grid{grid-template-columns:1fr}
  .radio-status-card{grid-template-columns:50px minmax(0,1fr)}
  .radio-status-card .btn{grid-column:1/-1}
  .radio-status-icon{width:50px;height:50px}
  .ticker-options{grid-template-columns:1fr}
  .login-callout{align-items:flex-start;flex-direction:column}
  .schedule-row{grid-template-columns:1fr;gap:4px}
  .schedule-dj{text-align:left}
  .chat-frame iframe{height:520px}
  .account-profile-head{grid-template-columns:1fr;text-align:center}
  .account-avatar-wrap{margin:auto}
}

@media(max-width:430px){
  .top-actions .menu-button.gold{display:none}
  .global-player-head .onair{display:none}
  .profile-chip{max-width:40px}
}