*,*::before,*::after{box-sizing:border-box}
:root{--accent:#f4c542;--text:#f7f5ef;--muted:rgba(247,245,239,.68);--line:rgba(255,255,255,.14);--glass:rgba(7,10,14,.68);--glass-soft:rgba(14,18,23,.58)}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#17243a}body{min-height:100svh;overflow-x:hidden}body.modal-open{overflow:hidden}button,input,select{font:inherit}.pc-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:linear-gradient(135deg,#3e2f8d,#167681 52%,#aa455d)}.pc-bg-layer{position:absolute;inset:-5%;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.25s ease;filter:saturate(1.05) contrast(1.03)}.pc-bg-layer.is-active{opacity:1}.pc-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,12,.22),rgba(4,7,12,.66)),radial-gradient(circle at 50% 0,rgba(255,255,255,.08),transparent 48%)}
.receiver-shell{width:100%;min-height:100svh;padding:28px 18px 42px}.receiver-console{width:min(1260px,100%);margin:0 auto;padding:clamp(20px,3vw,38px);border-radius:32px;background:rgba(8,12,18,.57);border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 90px rgba(0,0,0,.38);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.receiver-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.pc-eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.68)}.receiver-header h1{margin:8px 0 2px;font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.055em}.receiver-header p{margin:0;color:rgba(255,255,255,.78);font-size:clamp(16px,2vw,23px);font-weight:730}.receiver-badge{flex:none;padding:11px 14px;border-radius:14px;border:1px solid rgba(244,197,66,.38);background:rgba(244,197,66,.08);color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.18em;line-height:1.35;text-align:right}.receiver-badge span{color:rgba(255,255,255,.62);font-size:9px}
.receiver-tuner{padding:20px;border-radius:27px;background:linear-gradient(180deg,rgba(20,23,26,.92),rgba(7,9,11,.86));border:1px solid rgba(244,197,66,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.25)}.receiver-tuner-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.receiver-readout{display:grid;gap:2px}.receiver-readout>span,.receiver-zoom>span,.receiver-signal-wrap>span:first-child{font-size:9px;font-weight:950;letter-spacing:.17em;color:rgba(255,255,255,.48)}.receiver-readout strong{font-size:clamp(30px,4vw,48px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.receiver-readout small{margin-top:4px;color:rgba(255,255,255,.62);font-size:12px}.receiver-zoom{display:grid;grid-template-columns:auto 34px 38px 34px;align-items:center;gap:6px}.receiver-zoom button{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:20px;font-weight:900;cursor:pointer}.receiver-zoom button:hover{background:rgba(255,255,255,.14)}.receiver-zoom b{text-align:center;font-size:12px;color:var(--accent)}
.receiver-dial-frame{position:relative;padding:18px 20px 13px;border-radius:20px;background:linear-gradient(180deg,#d4c49b 0,#9c8c69 10%,#1c211f 11%,#0d1110 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -24px 60px rgba(0,0,0,.55)}.receiver-band-labels{position:absolute;z-index:5;left:30px;right:30px;top:21px;display:flex;justify-content:space-between;pointer-events:none;color:rgba(244,197,66,.78);font-size:10px;font-weight:950;letter-spacing:.16em}.receiver-dial{position:relative;height:210px;overflow-x:auto;overflow-y:hidden;border-radius:14px;background:radial-gradient(circle at 50% 125%,rgba(244,197,66,.15),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.15));scrollbar-width:none;cursor:grab;touch-action:pan-x;overscroll-behavior-x:contain;outline:none}.receiver-dial::-webkit-scrollbar{display:none}.receiver-dial.is-dragging{cursor:grabbing}.receiver-dial:focus-visible{box-shadow:0 0 0 3px rgba(244,197,66,.22)}.receiver-scale{position:relative;height:100%;min-width:100%}.receiver-ticks,.receiver-stations{position:absolute;inset:0}.receiver-tick{position:absolute;top:46px;width:1px;height:44px;background:rgba(245,239,215,.35);transform:translateX(-50%)}.receiver-tick.major{height:72px;background:rgba(245,239,215,.88)}.receiver-tick label{position:absolute;top:78px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#eee6cc;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.receiver-marker{position:absolute;bottom:27px;transform:translateX(-50%);width:16px;height:16px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.75);background:#121717;box-shadow:0 0 0 4px rgba(0,0,0,.25);cursor:pointer;transition:.16s ease}.receiver-marker:hover,.receiver-marker.is-candidate{transform:translateX(-50%) scale(1.22);background:var(--accent);box-shadow:0 0 0 5px rgba(244,197,66,.18)}.receiver-marker.is-active{background:#fff}.receiver-marker span{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);max-width:180px;padding:6px 9px;border-radius:9px;background:rgba(0,0,0,.88);color:#fff;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none}.receiver-marker:hover span,.receiver-marker.is-candidate span{opacity:1}.receiver-needle{position:absolute;z-index:20;left:50%;top:18px;bottom:13px;width:3px;transform:translateX(-50%);background:linear-gradient(180deg,#fff 0 22%,var(--accent) 22% 100%);box-shadow:0 0 16px rgba(244,197,66,.75);pointer-events:none}.receiver-needle i{position:absolute;top:0;left:50%;width:18px;height:14px;transform:translate(-50%,-1px);clip-path:polygon(0 0,100% 0,50% 100%);background:#fff}.receiver-tuner-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:13px}.receiver-signal-wrap{display:flex;align-items:center;gap:10px}.receiver-instructions{color:rgba(255,255,255,.5);font-size:11px;text-align:right}.pc-tuner-signal{display:flex;align-items:flex-end;gap:3px;height:17px}.pc-tuner-signal i{display:block;width:4px;background:rgba(255,255,255,.17);border-radius:2px}.pc-tuner-signal i:nth-child(1){height:5px}.pc-tuner-signal i:nth-child(2){height:8px}.pc-tuner-signal i:nth-child(3){height:11px}.pc-tuner-signal i:nth-child(4){height:14px}.pc-tuner-signal i:nth-child(5){height:17px}.pc-tuner-signal[data-level="1"] i:nth-child(-n+1),.pc-tuner-signal[data-level="2"] i:nth-child(-n+2),.pc-tuner-signal[data-level="3"] i:nth-child(-n+3),.pc-tuner-signal[data-level="4"] i:nth-child(-n+4),.pc-tuner-signal[data-level="5"] i:nth-child(-n+5){background:var(--accent);box-shadow:0 0 6px rgba(244,197,66,.45)}
.receiver-lower{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:20px;margin-top:20px}.receiver-browser,.receiver-now{padding:20px;border-radius:24px;background:rgba(5,8,12,.5);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.receiver-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.receiver-section-title span{font-size:10px;font-weight:950;letter-spacing:.16em;color:var(--accent)}.receiver-section-title small{font-size:10px;color:rgba(255,255,255,.45)}.receiver-browser{display:grid;gap:8px}.receiver-browser label{font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.52)}.receiver-browser select,.receiver-browser input{width:100%;min-height:45px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;padding:0 13px;font-size:14px;font-weight:700;outline:none}.receiver-browser select option{color:#111;background:#fff}.receiver-browser input::placeholder{color:rgba(255,255,255,.4)}.receiver-browser select:focus,.receiver-browser input:focus{border-color:rgba(244,197,66,.72);box-shadow:0 0 0 3px rgba(244,197,66,.13)}button:disabled,select:disabled,input:disabled{opacity:.48;cursor:not-allowed}.pc-switch-btn{min-height:47px;margin-top:5px;border:0;border-radius:13px;background:var(--accent);color:#151515;font-size:14px;font-weight:950;cursor:pointer}.pc-selection-hint{margin:0;color:rgba(255,255,255,.54);font-size:11px;line-height:1.45}.receiver-now{min-width:0}.pc-track{display:grid;grid-template-columns:122px minmax(0,1fr);gap:18px;align-items:center}.pc-track img{width:122px;height:122px;border-radius:22px;object-fit:cover;background:rgba(255,255,255,.08)}.pc-track h2{margin:0 0 7px;font-size:clamp(26px,3vw,42px);line-height:1;letter-spacing:-.045em;overflow-wrap:anywhere}.pc-track p{margin:0;color:var(--muted);font-size:15px;line-height:1.45;overflow-wrap:anywhere}.pc-previous{margin-top:16px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.pc-previous span{display:block;margin-bottom:4px;color:rgba(255,255,255,.48);font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.pc-previous strong{font-size:13px}.pc-story{margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.pc-story strong{display:block;margin-bottom:6px}.pc-story p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.58}.pc-story a{display:inline-block;margin-top:8px;color:#fff}.pc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.pc-play-btn,.pc-site-btn{min-height:48px;padding:0 21px;border-radius:999px;font-size:14px;font-weight:950;cursor:pointer}.pc-play-btn{border:0;background:var(--accent);color:#111}.pc-play-btn.is-playing{background:#fff}.pc-site-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff}
.pc-modal[hidden]{display:none}.pc-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}.pc-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(8px)}.pc-modal-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:82svh;overflow:auto;padding:26px;border-radius:27px;background:rgba(8,10,13,.96);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 100px rgba(0,0,0,.55)}.pc-modal-dialog h2{margin:0 44px 4px 0;font-size:clamp(25px,4vw,38px)}.pc-modal-dialog>p{margin:0 0 20px;color:var(--muted)}.pc-modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:27px;cursor:pointer}.pc-label{margin-bottom:14px;font-size:10px;font-weight:950;letter-spacing:.16em;color:rgba(255,255,255,.55)}.pc-lyrics-content{white-space:pre-wrap;color:rgba(255,255,255,.9);font-size:16px;line-height:1.75}.pc-modal-dialog>a{display:inline-block;margin-top:20px;color:rgba(255,255,255,.62);font-size:12px}
@media(max-width:850px){.receiver-shell{padding:16px 10px 28px}.receiver-console{padding:20px 14px;border-radius:24px}.receiver-header{align-items:center}.receiver-badge{display:none}.receiver-dial-frame{padding-left:10px;padding-right:10px}.receiver-dial{height:180px}.receiver-lower{grid-template-columns:1fr}.receiver-now{order:-1}.receiver-tuner-top{align-items:center}.receiver-readout small{max-width:250px}.receiver-instructions{display:none}}
@media(max-width:540px){.receiver-header h1{font-size:42px}.receiver-header p{font-size:16px}.receiver-tuner{padding:14px}.receiver-tuner-top{display:grid;grid-template-columns:1fr auto}.receiver-readout strong{font-size:31px}.receiver-readout small{font-size:10px}.receiver-zoom{grid-template-columns:30px 34px 30px}.receiver-zoom>span{display:none}.receiver-zoom button{width:30px;height:30px}.receiver-dial{height:158px}.receiver-dial-frame{padding-top:12px}.receiver-tick{top:38px;height:35px}.receiver-tick.major{height:56px}.receiver-tick label{top:63px;font-size:10px}.receiver-marker{bottom:18px;width:14px;height:14px}.receiver-marker span{max-width:115px}.receiver-tuner-bottom{justify-content:flex-start}.pc-track{grid-template-columns:88px minmax(0,1fr)}.pc-track img{width:88px;height:88px}.pc-track h2{font-size:26px}.pc-actions{display:grid;grid-template-columns:1fr 1fr}.pc-play-btn,.pc-site-btn{width:100%}}

/* Automatic analog tuning audio states */
.receiver-tuner.is-seeking{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.25),0 0 0 1px rgba(244,197,66,.12)}
.receiver-tuner.is-seeking .receiver-readout small{color:rgba(244,197,66,.86)}
.receiver-tuner.is-locked .receiver-needle{box-shadow:0 0 23px rgba(244,197,66,.95)}
.receiver-marker.is-preview{background:rgba(244,197,66,.72);box-shadow:0 0 0 5px rgba(244,197,66,.12),0 0 18px rgba(244,197,66,.38)}

/* v5 — powered receiver controls and seven-segment frequency display */
.receiver-tuner-top{align-items:end}
.receiver-controls-left{display:flex;align-items:end;gap:12px;min-width:min(680px,75%);flex:1}
.receiver-band-picker{display:grid;gap:6px;min-width:280px;flex:1}
.receiver-band-picker>span{font-size:9px;font-weight:950;letter-spacing:.17em;color:rgba(255,255,255,.48)}
.receiver-band-picker select{width:100%;height:43px;padding:0 42px 0 14px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.075);color:#fff;font:800 13px/1 system-ui,sans-serif;outline:none;cursor:pointer}
.receiver-band-picker select option{background:#fff;color:#111}
.receiver-band-picker select:focus{border-color:rgba(244,197,66,.72);box-shadow:0 0 0 3px rgba(244,197,66,.13)}
.receiver-power{height:43px;min-width:170px;padding:0 16px;border:1px solid rgba(91,214,218,.38);border-radius:12px;background:rgba(30,78,82,.26);color:#9ef8f7;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:950;letter-spacing:.02em;cursor:pointer;transition:.18s ease}
.receiver-power:hover:not(:disabled){background:rgba(46,124,127,.35);border-color:rgba(91,214,218,.72)}
.receiver-power.is-on{background:rgba(244,197,66,.16);border-color:rgba(244,197,66,.65);color:#ffd85f;box-shadow:0 0 18px rgba(244,197,66,.12)}
.receiver-power.has-pending{background:var(--accent);border-color:var(--accent);color:#111}
.receiver-power-icon{font-size:21px;line-height:1}
.receiver-readout-row{display:flex;justify-content:center;margin:7px 0 16px}
.receiver-readout{width:min(720px,100%);justify-items:center;text-align:center;gap:7px}
.receiver-readout>span{justify-self:start}
.receiver-readout small{min-height:16px}

.seven-display{--seg:#43d5d4;--seg-off:rgba(24,62,72,.33);display:flex;align-items:center;justify-content:center;gap:7px;min-height:92px;padding:11px 20px 9px;border:2px solid rgba(67,213,212,.78);border-radius:13px;background:linear-gradient(180deg,#182332,#101925);box-shadow:inset 0 0 0 2px rgba(0,0,0,.22),inset 0 0 28px rgba(0,0,0,.48),0 0 18px rgba(67,213,212,.08);font-variant-numeric:tabular-nums}
.seven-digit{position:relative;display:inline-block;width:48px;height:76px;filter:drop-shadow(0 0 5px rgba(67,213,212,.18))}
.seven-digit .seg{position:absolute;display:block;background:var(--seg-off);transition:background .08s ease,filter .08s ease}
.seven-digit .seg.on{background:var(--seg);filter:drop-shadow(0 0 4px rgba(67,213,212,.58))}
.seven-digit .seg-a,.seven-digit .seg-d,.seven-digit .seg-g{left:9px;width:30px;height:8px;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}
.seven-digit .seg-a{top:1px}.seven-digit .seg-g{top:34px}.seven-digit .seg-d{bottom:1px}
.seven-digit .seg-b,.seven-digit .seg-c,.seven-digit .seg-e,.seven-digit .seg-f{width:8px;height:31px;clip-path:polygon(50% 0,100% 12%,100% 88%,50% 100%,0 88%,0 12%)}
.seven-digit .seg-f{left:1px;top:7px}.seven-digit .seg-b{right:1px;top:7px}.seven-digit .seg-e{left:1px;bottom:7px}.seven-digit .seg-c{right:1px;bottom:7px}
.seven-dot{align-self:flex-end;width:10px;height:10px;margin:0 1px 8px;border-radius:2px;background:var(--seg);box-shadow:0 0 6px rgba(67,213,212,.65)}
.seven-unit{align-self:flex-end;margin:0 0 9px 6px;color:#7ee7e6;font-size:16px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 7px rgba(67,213,212,.35)}
.receiver-browser .pc-selection-hint{margin-top:7px}

@media(max-width:850px){
  .receiver-tuner-top{align-items:stretch}
  .receiver-controls-left{min-width:0;align-items:end}
  .receiver-band-picker{min-width:0}
  .receiver-power{min-width:145px}
  .seven-display{min-height:80px}
  .seven-digit{width:41px;height:65px}
  .seven-digit .seg-a,.seven-digit .seg-d,.seven-digit .seg-g{left:8px;width:25px;height:7px}
  .seven-digit .seg-g{top:29px}
  .seven-digit .seg-b,.seven-digit .seg-c,.seven-digit .seg-e,.seven-digit .seg-f{width:7px;height:27px}
}
@media(max-width:620px){
  .receiver-tuner-top{display:grid;grid-template-columns:1fr auto;gap:10px}
  .receiver-controls-left{display:grid;grid-column:1/-1;grid-template-columns:1fr auto}
  .receiver-power{min-width:54px;width:54px;padding:0}
  .receiver-power #powerText{display:none}
  .receiver-zoom{justify-self:end}
  .receiver-readout-row{margin-top:4px}
  .seven-display{gap:4px;min-height:68px;padding:8px 9px}
  .seven-digit{width:34px;height:55px}
  .seven-digit .seg-a,.seven-digit .seg-d,.seven-digit .seg-g{left:7px;width:20px;height:6px}
  .seven-digit .seg-g{top:25px}
  .seven-digit .seg-b,.seven-digit .seg-c,.seven-digit .seg-e,.seven-digit .seg-f{width:6px;height:23px}
  .seven-dot{width:7px;height:7px;margin-bottom:7px}
  .seven-unit{font-size:11px;margin-left:2px}
}
@media(max-width:420px){
  .seven-display{gap:2px}
  .seven-digit{width:28px;height:47px}
  .seven-digit .seg-a,.seven-digit .seg-d,.seven-digit .seg-g{left:6px;width:16px;height:5px}
  .seven-digit .seg-g{top:21px}
  .seven-digit .seg-b,.seven-digit .seg-c,.seven-digit .seg-e,.seven-digit .seg-f{width:5px;height:19px}
  .seven-unit{font-size:9px}
}


/* v6 — refined wide receiver layout */
:root{
  --panel-radius:22px;
  --control-height:44px;
}
.receiver-console{
  width:min(1320px,100%);
  padding:clamp(22px,3vw,40px);
}
.receiver-header{
  margin-bottom:22px;
}
.receiver-header h1{
  max-width:18ch;
  font-size:clamp(42px,5.4vw,70px);
  line-height:.92;
}
.receiver-header p{
  margin-top:7px;
  font-size:clamp(15px,1.55vw,21px);
}
.receiver-tuner{
  padding:clamp(17px,2vw,24px);
}
.receiver-tuner-top{
  margin-bottom:18px;
}
.receiver-controls-left{
  min-width:0;
}
.receiver-band-picker select,
.receiver-power{
  height:var(--control-height);
}
.receiver-band-picker select{
  font-size:13px;
  letter-spacing:-.01em;
}
.receiver-power{
  min-width:158px;
}
.receiver-dial-layout{
  display:grid;
  grid-template-columns:minmax(210px,280px) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}
.receiver-display-panel{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  padding:20px;
  border-radius:var(--panel-radius);
  border:1px solid rgba(67,213,212,.2);
  background:
    radial-gradient(circle at 50% 0,rgba(67,213,212,.08),transparent 45%),
    linear-gradient(180deg,rgba(10,17,25,.94),rgba(5,9,14,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.receiver-readout{
  width:100%;
  display:grid;
  justify-items:stretch;
  text-align:left;
  gap:10px;
}
.receiver-readout>span{
  justify-self:start;
}
.receiver-readout small{
  min-height:34px;
  color:rgba(255,255,255,.63);
  line-height:1.45;
}
.receiver-display-panel .receiver-signal-wrap{
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.09);
}
.receiver-dial-column{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.receiver-dial-frame{
  flex:1;
  min-height:236px;
  padding:18px 20px 12px;
}
.receiver-dial{
  height:215px;
}
.receiver-tuner-bottom{
  min-height:30px;
  justify-content:flex-end;
  margin-top:8px;
}
.receiver-instructions{
  max-width:100%;
  font-size:10px;
}
.seven-display{
  width:100%;
  min-height:104px;
  padding:14px 12px 11px;
  gap:5px;
}
.seven-display.is-channel{
  justify-content:center;
}
.seven-display.is-channel .seven-digit{
  width:58px;
  height:86px;
}
.seven-display.is-channel .seven-digit .seg-a,
.seven-display.is-channel .seven-digit .seg-d,
.seven-display.is-channel .seven-digit .seg-g{
  left:10px;
  width:38px;
  height:9px;
}
.seven-display.is-channel .seven-digit .seg-g{top:39px}
.seven-display.is-channel .seven-digit .seg-b,
.seven-display.is-channel .seven-digit .seg-c,
.seven-display.is-channel .seven-digit .seg-e,
.seven-display.is-channel .seven-digit .seg-f{
  width:9px;
  height:36px;
}
.receiver-lower{
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);
  gap:18px;
}
.receiver-browser,.receiver-now{
  border-radius:22px;
}
.receiver-browser{
  align-content:start;
  gap:9px;
}
.receiver-browser select,.receiver-browser input{
  min-height:48px;
  font-size:13px;
}
.pc-track{
  grid-template-columns:112px minmax(0,1fr);
}
.pc-track img{
  width:112px;
  height:112px;
  border-radius:18px;
}
.pc-track h2{
  font-size:clamp(28px,3vw,40px);
  line-height:1.04;
}
.pc-track p{
  font-size:14px;
}
.pc-story p{
  font-size:12.5px;
}
.pc-play-btn,.pc-site-btn{
  min-height:45px;
  font-size:13px;
}
@media(max-width:980px){
  .receiver-dial-layout{
    grid-template-columns:minmax(190px,230px) minmax(0,1fr);
    gap:13px;
  }
  .receiver-display-panel{
    padding:15px;
  }
  .seven-display{
    min-height:86px;
  }
  .seven-digit{
    width:39px;
    height:64px;
  }
  .seven-digit .seg-a,.seven-digit .seg-d,.seven-digit .seg-g{
    left:7px;
    width:25px;
    height:7px;
  }
  .seven-digit .seg-g{top:29px}
  .seven-digit .seg-b,.seven-digit .seg-c,.seven-digit .seg-e,.seven-digit .seg-f{
    width:7px;
    height:27px;
  }
  .seven-unit{
    font-size:12px;
  }
}
@media(max-width:760px){
  .receiver-dial-layout{
    display:flex;
    flex-direction:column;
  }
  .receiver-display-panel{
    display:block;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
  }
  .receiver-readout{
    width:min(720px,100%);
    justify-items:center;
    text-align:center;
    gap:7px;
  }
  .receiver-readout>span{
    justify-self:start;
  }
  .receiver-readout small{
    min-height:16px;
  }
  .receiver-display-panel .receiver-signal-wrap{
    display:none;
  }
  .seven-display{
    min-height:80px;
    padding:10px 14px 8px;
  }
  .receiver-dial-frame{
    min-height:0;
  }
  .receiver-tuner-bottom{
    justify-content:space-between;
  }
  .receiver-tuner-bottom::before{
    content:"SINYAL";
    color:rgba(255,255,255,.48);
    font-size:9px;
    font-weight:950;
    letter-spacing:.17em;
  }
  .receiver-lower{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .receiver-tuner-top{
    grid-template-columns:1fr auto;
  }
  .receiver-controls-left{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .receiver-header h1{
    font-size:40px;
  }
  .receiver-tuner{
    border-radius:22px;
  }
  .receiver-dial-frame{
    padding-left:8px;
    padding-right:8px;
  }
  .receiver-dial{
    height:166px;
  }
  .receiver-lower{
    margin-top:14px;
  }
  .receiver-browser,.receiver-now{
    padding:17px;
  }
}


/* v7 — exact mobile dial geometry and stable station markers */
.receiver-marker{box-sizing:border-box;transform:translate3d(-50%,0,0);transform-origin:center center}
.receiver-marker:hover,.receiver-marker.is-candidate{transform:translate3d(-50%,0,0) scale(1.22)}
.receiver-needle{left:50%;margin-left:0}
@media(max-width:760px){
  .receiver-dial-frame{padding-left:0;padding-right:0}
  .receiver-band-labels{left:18px;right:18px}
  .receiver-dial{width:100%}
}

/* v8 — background stacking and receiver-display alignment fixes */
html{
  background:#17243a;
}
body{
  position:relative;
  isolation:isolate;
  background:transparent;
}
.pc-bg{
  z-index:0;
  pointer-events:none;
}
.receiver-shell{
  position:relative;
  z-index:1;
}
.pc-modal{
  z-index:50;
}

.receiver-display-panel{
  box-sizing:border-box;
  overflow:hidden;
}
.receiver-display-panel .receiver-readout{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  align-items:start;
  justify-items:stretch;
}
.receiver-display-panel .receiver-readout > span{
  width:100%;
  justify-self:stretch;
  text-align:left;
}
.receiver-display-panel .seven-display{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  overflow:hidden;
  justify-content:center;
}
.receiver-display-panel .receiver-readout small{
  box-sizing:border-box;
  width:100%;
  margin:0;
  text-align:left;
}
.receiver-display-panel .receiver-signal-wrap{
  box-sizing:border-box;
  width:100%;
}

@media(max-width:760px){
  .receiver-display-panel{
    overflow:visible;
  }
  .receiver-display-panel .receiver-readout{
    width:100%;
    max-width:100%;
    margin:0 auto;
    justify-items:stretch;
  }
  .receiver-display-panel .receiver-readout > span,
  .receiver-display-panel .receiver-readout small{
    text-align:left;
  }
  .receiver-display-panel .seven-display{
    width:100%;
    margin:0;
  }
}


/* v9 — seven-segment display retouch */
.seven-display{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:13px 58px 11px 14px;
  overflow:hidden;
  transform:perspective(700px) rotateX(.5deg);
}

.seven-number{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
  gap:5px;
  line-height:1;
}

.seven-display .seven-digit .seg{
  background:rgba(24,62,72,.13);
}

.seven-display .seven-digit .seg.on{
  background:var(--seg);
  filter:
    drop-shadow(0 0 4px rgba(67,213,212,.8))
    drop-shadow(0 0 10px rgba(67,213,212,.3));
}

.seven-display .seven-dot{
  flex:0 0 auto;
  align-self:flex-end;
  width:9px;
  height:9px;
  margin:0 2px 8px;
  border-radius:50%;
  background:var(--seg);
  box-shadow:
    0 0 6px rgba(67,213,212,.95),
    0 0 14px rgba(67,213,212,.48);
}

.seven-display .seven-unit{
  position:absolute;
  right:12px;
  bottom:13px;
  margin:0;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  letter-spacing:.09em;
}

/* 88.0 and similar */
.seven-display.digits-3 .seven-number{
  gap:6px;
}

/* 100.0–108.0: shrink subtly instead of squeezing */
.seven-display.digits-4 .seven-number{
  gap:3px;
  transform:scale(.84);
  transform-origin:center center;
}

/* Defensive support for unusually long channel/frequency values */
.seven-display.digits-5 .seven-number{
  gap:2px;
  transform:scale(.70);
  transform-origin:center center;
}

.seven-display.is-channel{
  padding-right:14px;
}

.seven-display.is-channel .seven-number{
  transform:none;
}

@media(max-width:980px){
  .seven-display{
    padding-right:51px;
  }
  .seven-display .seven-unit{
    right:10px;
    bottom:11px;
    font-size:12px;
  }
  .seven-display.digits-4 .seven-number{
    transform:scale(.82);
  }
}

@media(max-width:760px){
  .seven-display{
    padding:10px 58px 9px 12px;
  }
  .seven-display .seven-dot{
    width:8px;
    height:8px;
    margin:0 1px 7px;
  }
  .seven-display .seven-unit{
    right:12px;
    bottom:12px;
    font-size:13px;
  }
  .seven-display.digits-4 .seven-number{
    gap:3px;
    transform:scale(.88);
  }
}

@media(max-width:420px){
  .seven-display{
    padding-right:49px;
  }
  .seven-display .seven-number{
    gap:3px;
  }
  .seven-display.digits-4 .seven-number{
    transform:scale(.80);
  }
  .seven-display .seven-unit{
    right:9px;
    font-size:11px;
  }
}


/* ============================================================
   v10 — desktop/widescreen frequency display breathing room
   CSS-only update; no JavaScript changes required
   ============================================================ */

/*
 * The v9 display was mathematically fitting inside the left panel,
 * but the panel itself was too narrow for four digits, a decimal,
 * ghost segments, and the independently anchored unit.
 *
 * On desktop we give the receiver display a wider hardware-like bay
 * and let 100.0–108.0 use more of the native segment size.
 */
@media (min-width:1100px){
  .receiver-dial-layout{
    grid-template-columns:minmax(330px,370px) minmax(0,1fr);
    gap:20px;
  }

  .receiver-display-panel{
    padding:22px;
  }

  .receiver-display-panel .seven-display{
    min-height:132px;
    padding:18px 64px 16px 18px;
  }

  .receiver-display-panel .seven-number{
    width:100%;
    justify-content:center;
    gap:6px;
  }

  .receiver-display-panel .seven-display.digits-3 .seven-number{
    gap:8px;
    transform:scale(1);
  }

  .receiver-display-panel .seven-display.digits-4 .seven-number{
    gap:5px;
    transform:scale(.96);
    transform-origin:center center;
  }

  .receiver-display-panel .seven-display.digits-5 .seven-number{
    gap:4px;
    transform:scale(.84);
    transform-origin:center center;
  }

  .receiver-display-panel .seven-display .seven-unit{
    right:15px;
    bottom:17px;
    font-size:15px;
  }

  .receiver-display-panel .seven-display .seven-dot{
    width:10px;
    height:10px;
    margin:0 3px 9px;
  }
}

/* Medium desktop/laptop widths: still wider than v9, but economical. */
@media (min-width:761px) and (max-width:1099px){
  .receiver-dial-layout{
    grid-template-columns:minmax(270px,310px) minmax(0,1fr);
    gap:15px;
  }

  .receiver-display-panel .seven-display{
    min-height:112px;
    padding:15px 56px 13px 14px;
  }

  .receiver-display-panel .seven-number{
    width:100%;
    justify-content:center;
    gap:4px;
  }

  .receiver-display-panel .seven-display.digits-3 .seven-number{
    transform:scale(.96);
  }

  .receiver-display-panel .seven-display.digits-4 .seven-number{
    gap:3px;
    transform:scale(.86);
    transform-origin:center center;
  }

  .receiver-display-panel .seven-display.digits-5 .seven-number{
    gap:2px;
    transform:scale(.74);
    transform-origin:center center;
  }

  .receiver-display-panel .seven-display .seven-unit{
    right:11px;
    bottom:13px;
    font-size:12px;
  }
}

/*
 * Preserve the existing stacked mobile treatment.
 * These declarations explicitly cancel desktop sizing so this patch
 * cannot make the phone layout wider or introduce horizontal overflow.
 */
@media (max-width:760px){
  .receiver-dial-layout{
    grid-template-columns:none;
  }

  .receiver-display-panel .seven-display{
    min-height:80px;
    padding:10px 58px 9px 12px;
  }

  .receiver-display-panel .seven-number{
    width:auto;
    justify-content:center;
  }

  .receiver-display-panel .seven-display.digits-4 .seven-number{
    gap:3px;
    transform:scale(.88);
    transform-origin:center center;
  }

  .receiver-display-panel .seven-display.digits-5 .seven-number{
    gap:2px;
    transform:scale(.76);
    transform-origin:center center;
  }
}

@media (max-width:420px){
  .receiver-display-panel .seven-display{
    padding-right:49px;
  }

  .receiver-display-panel .seven-display.digits-4 .seven-number{
    transform:scale(.80);
  }

  .receiver-display-panel .seven-display .seven-unit{
    right:9px;
    font-size:11px;
  }
}


/* Contributor and legal navigation */
.receiver-header-side{
  flex:none;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:14px;
  max-width:min(620px,58%);
}
.receiver-header-actions{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.receiver-header-link{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:11px;
  background:rgba(255,255,255,.065);
  color:rgba(255,255,255,.82);
  font-size:11px;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.receiver-header-link:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.12);
  color:#fff;
}
.receiver-header-link-primary{
  border-color:rgba(244,197,66,.55);
  background:rgba(244,197,66,.14);
  color:#ffe377;
}
.receiver-header-link-primary:hover{
  border-color:rgba(244,197,66,.85);
  background:rgba(244,197,66,.24);
  color:#fff0a9;
}
.receiver-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:15px 2px 0;
  border-top:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.55);
  font-size:11px;
}
.receiver-footer p{margin:0}
.receiver-footer nav{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px 16px;
}
.receiver-footer a{
  color:rgba(255,255,255,.68);
  font-weight:750;
  text-decoration:none;
}
.receiver-footer a:hover{color:var(--accent);text-decoration:underline}
@media(max-width:980px){
  .receiver-header{align-items:flex-start}
  .receiver-header-side{max-width:55%;flex-direction:column;align-items:flex-end}
}
@media(max-width:760px){
  .receiver-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px}
  .receiver-header-side{max-width:none}
  .receiver-header-actions{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .receiver-footer{align-items:flex-start;flex-direction:column}
  .receiver-footer nav{justify-content:flex-start}
}
@media(max-width:480px){
  .receiver-header{grid-template-columns:minmax(0,1fr) auto}
  .receiver-badge{padding:9px 10px;font-size:9px}
  .receiver-footer nav{display:grid;gap:10px}
}