/* Prepared by: Codex. Reused from the old index.html cassette dock. */
.full-radio-dock{display:none}
html[data-ui="full"] #cassette,
html[data-ui="full"] #radio{display:none !important}
.full-radio-dock{
  position:fixed;
  left:max(7px,env(safe-area-inset-left));
  bottom:max(64px,calc(env(safe-area-inset-bottom) + 12px));
  z-index:76;
  width:56px;
  display:grid;
  justify-items:center;
  gap:5px;
  color:#3d2a12;
  font-family:Georgia,"Times New Roman",serif;
}
.full-radio-badge{
  position:absolute;
  right:4px;
  bottom:4px;
  z-index:3;
  width:17px;
  height:14px;
  border:1px solid rgba(43,31,15,.88);
  border-radius:3px;
  background:#ead9a9;
  box-shadow:0 1px 3px rgba(20,13,5,.48);
  pointer-events:none;
}
.full-radio-badge::before{
  content:"";
  position:absolute;
  left:3px;
  top:4px;
  width:6px;
  height:6px;
  border:1px solid #49351a;
  border-radius:50%;
  box-sizing:border-box;
}
.full-radio-badge::after{
  content:"";
  position:absolute;
  right:2px;
  top:3px;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#49351a;
  box-shadow:0 4px 0 #49351a;
}
.full-radio-trigger{
  position:relative;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  padding:3px;
  overflow:hidden;
  border:1px solid #6d5127;
  border-radius:8px;
  background:#2d2114;
  box-shadow:0 7px 16px rgba(24,15,6,.38),inset 0 1px 0 rgba(255,244,205,.62);
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease;
}
.full-radio-trigger::after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(70,45,15,.28);
  border-radius:5px;
  pointer-events:none;
}
.full-radio-trigger:hover,.full-radio-trigger:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 9px 19px rgba(24,15,6,.43),inset 0 1px 0 rgba(255,244,205,.68);
}
.full-radio-trigger:focus-visible{outline:2px solid #e7cb7f;outline-offset:3px}
.full-radio-trigger img{width:100%;height:100%;display:block;object-fit:cover;border-radius:4px;pointer-events:none}
.full-radio-dock.is-playing .full-radio-trigger::before{
  content:"";
  position:absolute;
  z-index:2;
  right:6px;
  top:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4e9b62;
  box-shadow:0 0 0 2px rgba(28,51,31,.38),0 0 8px rgba(78,155,98,.65);
}
.full-radio-label{
  width:56px;
  color:#f6e9c6;
  font:700 8px/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:0;
  text-align:center;
  text-shadow:0 1px 2px rgba(21,12,4,.8);
}
.full-radio-panel{
  position:absolute;
  left:60px;
  bottom:-2px;
  width:min(216px,calc(100vw - 76px));
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:7px;
  padding:9px 10px;
  overflow:hidden;
  border:1px solid rgba(87,62,26,.72);
  border-radius:7px;
  background-color:#eadcb7;
  background-image:url("images/paper.png");
  background-size:170px 170px;
  background-blend-mode:multiply;
  box-shadow:0 15px 34px rgba(20,12,5,.48),inset 0 1px 0 rgba(255,250,226,.58);
  color:#35250f;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(-8px) scale(.98);
  transform-origin:left bottom;
  transition:opacity .16s ease,transform .2s ease,visibility 0s linear .2s;
}
.full-radio-dock.is-open .full-radio-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.full-radio-copy{min-width:0;padding:0}
.full-radio-kicker{display:block;margin-bottom:3px;color:#2d704c;font:800 9px/1.1 Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:0}
.full-radio-station{display:block;overflow:hidden;color:#30200e;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.full-radio-track{display:block;margin-top:3px;overflow:hidden;color:#6b5837;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.full-radio-close{
  position:absolute;
  right:7px;
  top:7px;
  width:24px;
  height:24px;
  display:none;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(74,52,23,.1);
  color:#493419;
  font:18px/1 Arial,sans-serif;
  cursor:pointer;
}
.full-radio-controls{display:grid;grid-template-columns:24px 28px 24px minmax(58px,1fr);gap:5px;align-items:center}
.full-radio-icon-button{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(80,57,25,.45);
  border-radius:5px;
  background:rgba(255,249,227,.48);
  color:#3a2914;
  font:700 14px/1 Arial,sans-serif;
  cursor:pointer;
}
.full-radio-play{width:28px;height:28px;border-color:#275f42;background:#397d57;color:#fff}
.full-radio-volume{grid-column:4;display:block;min-width:0}
.full-radio-volume span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.full-radio-volume input{width:100%;margin:0;accent-color:#397d57}
.full-radio-open{
  display:grid;
  place-items:center;
  grid-column:1/-1;
  min-height:30px;
  padding:6px 9px;
  border:1px solid rgba(51,94,67,.58);
  border-radius:5px;
  background:rgba(66,126,88,.12);
  color:#28583e;
  font:800 10px/1 Georgia,"Times New Roman",serif;
  text-decoration:none;
  cursor:pointer;
}
html[data-ui="phone"] .full-radio-dock{display:none !important}
html[data-tier="desktop"][data-ui="full"] .full-radio-dock{
  bottom:max(86px,calc(env(safe-area-inset-bottom) + 12px));
}
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .full-radio-dock{left:max(5px,env(safe-area-inset-left));bottom:max(48px,calc(env(safe-area-inset-bottom) + 10px));width:50px}
  .full-radio-trigger{width:44px;height:44px;padding:3px}
  .full-radio-label{width:50px;font-size:7px}
  .full-radio-panel{left:52px;width:min(206px,calc(100vw - 64px))}
}
html[data-tier="tablet"] .full-radio-panel{
  width:min(244px,calc(100vw - 64px));
  min-height:96px;
}
html[data-tier="tablet"] .full-radio-controls{
  grid-template-columns:40px 44px 40px minmax(68px,1fr);
  gap:4px;
}
html[data-tier="tablet"] .full-radio-icon-button{width:40px;height:40px;font-size:18px}
html[data-tier="tablet"] .full-radio-play{width:44px;height:44px}
html[data-tier="tablet"] .full-radio-volume input{height:40px}
@media (max-height:640px) and (min-width:701px){
  .full-radio-dock{bottom:max(14px,env(safe-area-inset-bottom))}
  .full-radio-panel{bottom:0}
}
@media (prefers-reduced-motion:reduce){
  .full-radio-trigger,.full-radio-panel{transition:none !important}
}

.full-radio-dock{left:auto;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
.full-radio-panel{left:auto;right:60px;transform:translateX(8px) scale(.98);transform-origin:right bottom}
.full-radio-trigger:hover,.full-radio-trigger:focus-visible{transform:none}
.full-radio-panel{box-shadow:0 3px 5px #241b1544}
.full-radio-trigger{box-shadow:0 2px 3px #241b1544}
.full-radio-panel[hidden]{display:none}
.full-radio-dock.is-playing .full-radio-trigger::before{box-shadow:none}
.full-radio-kicker{text-transform:none}