#exact-radio .win{ background: linear-gradient(var(--panel-top), var(--panel-bot)); color: var(--ink); box-shadow: 0 0 0 2px var(--cream), 0 0 0 4px #8a8fc8, 0 0 0 6px #0b0d30; }
#exact-radio .hint{ font: 400 14px/1.4 var(--txt); color: var(--dim); margin: 12px 0 0; }
#exact-radio .panel{ width: min(660px, 100%); max-height: 100%; display: flex; flex-direction: column; }
#exact-radio .panel-body,#exact-radio .cform-body{ overflow-y: auto; padding: 22px 24px 16px; min-height: 0; flex: 1 1 auto; }
#exact-radio .panel > .close,#exact-radio .panel > .actions,#exact-radio .cform > .actions,#exact-radio .panel > .cstatus{
    flex: none; margin: 0 24px 20px;
  }
#exact-radio .panel > .close{ box-shadow: 0 0 0 2px #0b0d30, 0 4px 0 2px #a5822a; }
#exact-radio .panel > .close,#exact-radio .panel > .actions .close,#exact-radio .panel > .actions .cta,#exact-radio .cform > .actions .cta{ display: block; box-sizing: border-box; text-align: center; }
#exact-radio .panel > .actions .close,#exact-radio .panel > .actions .cta,#exact-radio .cform > .actions .cta{ width: 100%; }
#exact-radio .panel > .actions,#exact-radio .cform > .actions{ flex-direction: column; align-items: stretch; }
#exact-radio .tag{ font: 400 9px var(--px); color: var(--tone, var(--gold)); }
#exact-radio .panel h3{ font: 400 19px/1.3 var(--px); color: var(--cream); margin: 12px 0 12px; text-wrap: balance; text-shadow: 2px 2px 0 #0b0d30; }
#exact-radio .panel.full{ width: min(760px, 100%); }
#exact-radio .close,#exact-radio .start,#exact-radio .cta{ margin-top: 14px; background: var(--gold); color: #2a1a06; border: 0; padding: 11px 14px; font: 400 10px var(--px); box-shadow: 0 0 0 2px #0b0d30, 0 4px 0 2px #a5822a; cursor: pointer; }
#exact-radio .close:focus-visible,#exact-radio .start:focus-visible,#exact-radio .cta:focus-visible,#exact-radio .list button:focus-visible,#exact-radio .toggle:focus-visible,#exact-radio .talk:focus-visible{ outline: 3px solid var(--teal); outline-offset: 3px; }
#exact-radio .actions .close,#exact-radio .actions .cta{ margin-top: 0; }
#exact-radio .radio-face{ background: linear-gradient(#6b4128, #3a2416); box-shadow: inset 0 0 0 2px #241408, 0 0 0 2px #0b0d30; padding: 14px; margin: 4px 0 16px; }
#exact-radio .radio-screen{ background: #0c1a10; box-shadow: inset 0 0 0 2px #06120a, inset 0 0 10px rgba(0,0,0,.6); padding: 10px 12px 12px; margin-bottom: 14px; }
#exact-radio .radio-screen .rs-top{ font: 400 9px var(--px); color: #4f9a58; margin-bottom: 8px; }
#exact-radio .radio-screen .rs-title{ font: 600 16px/1.25 var(--txt); color: #bdf0ab; text-shadow: 0 0 6px rgba(140,224,120,.55); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#exact-radio .radio-screen .rs-note{ font: 400 12px var(--txt); color: #5fae66; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#exact-radio .radio-screen .rs-dial{ position: relative; height: 20px; margin: 10px 1px 0; }
#exact-radio .radio-screen .rs-dial-track{ position: absolute; left: 0; right: 0; top: 9px; height: 2px; background: #1d3a22; }
#exact-radio .radio-screen .rs-dial-ticks{ position: absolute; left: 0; right: 0; top: 5px; display: flex; justify-content: space-between; }
#exact-radio .radio-screen .rs-dial-ticks span{ width: 2px; height: 10px; background: #2a4a30; }
#exact-radio .radio-screen .rs-needle{ position: absolute; top: 0; width: 3px; height: 20px; background: #5fd06a; box-shadow: 0 0 6px rgba(95,208,106,.8); transform: translateX(-50%); transition: left .25s cubic-bezier(.3,.8,.3,1); }
#exact-radio .radio-screen .rs-eq{ display: block; width: 100%; height: 28px; margin-top: 9px; image-rendering: pixelated; image-rendering: crisp-edges; filter: drop-shadow(0 0 3px rgba(255,255,255,.35)); }
#exact-radio .transport{ display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }
#exact-radio .tbtn{ background: var(--gold); color: #2a1a06; border: 0; width: 42px; height: 42px; font: 400 11px var(--px); box-shadow: 0 0 0 2px #0b0d30, 0 4px 0 2px #a5822a; cursor: pointer; }
#exact-radio .tbtn:active{ transform: translateY(3px); box-shadow: 0 0 0 2px #0b0d30, 0 1px 0 2px #a5822a; }
#exact-radio .tbtn.play{ width: 56px; height: 56px; font-size: 16px; }
#exact-radio .tbtn.like{ background: transparent; color: var(--cream); box-shadow: inset 0 0 0 2px #5b64c8; font-size: 18px; display: flex; align-items: center; justify-content: center; }
#exact-radio .tbtn.like.liked{ background: #e8735a; color: #fff; box-shadow: 0 0 0 2px #0b0d30, 0 4px 0 2px #a3300f; }
#exact-radio .heart-icon{ width: 18px; height: 16px; image-rendering: pixelated; display: block; }
#exact-radio .presets{ display: flex; flex-direction: column; gap: 8px; }
#exact-radio .presets{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
#exact-radio .preset{ display: flex; align-items: center; gap: 10px; background: rgba(0,0,0,.25); box-shadow: inset 0 0 0 2px #5b64c8; padding: 8px 10px; cursor: pointer; }
#exact-radio .preset:hover,#exact-radio .preset:focus-visible{ box-shadow: inset 0 0 0 2px var(--dim); }
#exact-radio .preset.active{ box-shadow: inset 0 0 0 2px var(--gold); }
#exact-radio .preset .pnum{ flex: none; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: #2a3a9c; color: var(--gold); font: 400 10px var(--px); box-shadow: 0 0 0 2px #0b0d30; }
#exact-radio .preset .pinfo{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
#exact-radio .preset .pinfo strong{ font: 600 14px/1.2 var(--txt); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#exact-radio .preset .pinfo small{ font: 400 12px var(--txt); color: var(--dim); }
#exact-radio .preset .pheart{ flex: none; background: none; border: 0; color: var(--dim); font-size: 18px; line-height: 1; padding: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#exact-radio .preset .pheart.liked{ color: #e8735a; }
#exact-radio .title .tagline{ font: 400 clamp(15px, 2.4vw, 20px) var(--txt); color: var(--cream); max-width: 34ch; text-shadow: 2px 2px 0 #0b0d30; }
#exact-radio .radio-controls{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px 24px; margin-bottom:18px; }
#exact-radio .radio-controls .transport{ flex:0 0 auto; margin:0; }
#exact-radio .radio-volume{ flex:1 1 200px; min-width:0; max-width:300px; }
#exact-radio .radio-volume label{ display:flex; justify-content:space-between; gap:12px; color:var(--cream); font:600 16px var(--txt); margin-bottom:8px; }
#exact-radio .radio-volume input{ display:block; width:100%; min-height:32px; margin:0; accent-color:var(--gold); cursor:pointer; }
#exact-radio .radio-volume input:focus-visible{ outline:2px solid var(--gold); outline-offset:4px; }
#exact-radio .radio-volume input{
    -webkit-appearance:none; appearance:none; background:transparent;
    border-radius:0; --volume-fill:50%;
  }
#exact-radio .radio-volume input::-webkit-slider-runnable-track{
    height:12px; border:2px solid #0b0d30; border-radius:0;
    background:linear-gradient(to right,var(--gold) 0 var(--volume-fill),#211b16 var(--volume-fill) 100%);
    box-shadow:0 0 0 2px #a87446,0 2px 0 2px #241408;
  }
#exact-radio .radio-volume input::-webkit-slider-thumb{
    -webkit-appearance:none; width:20px; height:24px; margin-top:-8px;
    border:3px solid #0b0d30; border-radius:0; background:var(--gold);
    box-shadow:inset 3px 3px 0 #fff0a0,inset -3px -3px 0 #a5822a;
  }
#exact-radio .radio-volume input::-moz-range-track{
    height:8px; border:2px solid #0b0d30; border-radius:0; background:#211b16;
    box-shadow:0 0 0 2px #a87446,0 2px 0 2px #241408;
  }
#exact-radio .radio-volume input::-moz-range-progress{ height:8px; border-radius:0; background:var(--gold); }
#exact-radio .radio-volume input::-moz-range-thumb{
    width:14px; height:18px; border:3px solid #0b0d30; border-radius:0; background:var(--gold);
    box-shadow:inset 3px 3px 0 #fff0a0,inset -3px -3px 0 #a5822a;
  }
#exact-radio{--panel-top:#2a3a9c;--panel-bot:#161c6a;--cream:#f4f0e0;--gold:#ffd84a;--ink:#f4f4ff;--dim:#a9b0e8;--teal:#58b5a8;--txt:"Game Numerals","Pixelify Sans",sans-serif;--px:"Game Numerals","Press Start 2P",monospace;margin:32px auto;max-width:660px;font:400 16px/1.35 var(--txt);letter-spacing:.02em;}#exact-radio *{box-sizing:border-box;}#exact-radio .panel{width:100%;max-height:none;}#exact-radio .panel-body{overflow:visible;}#exact-radio .tag{color:var(--gold);}#exact-radio [hidden]{display:none!important;}#exact-radio .presets{display:grid;grid-template-columns:1fr 1fr;}@media(max-width:520px){#exact-radio .presets{grid-template-columns:1fr;}}