/* A tactile, self-contained radio: no connection to the live audio player. */
.radio-standalone.radio-section{max-width:570px;margin:10px auto 60px;padding:0 8px 12px}
.radio-standalone .radio-layout{display:block;width:100%;margin:0}
.radio-standalone .radio-game{width:100%}

.radio-section{padding:0 0 115px;overflow-x:clip}.radio-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.radio-layout>*{min-width:0}.radio-copy>.eyebrow{color:var(--lime);font-size:11px;margin-bottom:22px}.radio-copy h2{font-size:clamp(42px,5vw,69px);line-height:1.03}.radio-copy h2 .tag{margin-top:9px;font-size:.89em;white-space:nowrap}.radio-copy>p:not(.eyebrow){color:#bbb;font-size:15px;margin-top:27px;line-height:1.7}.radio-instruction{display:block;font-size:10px;letter-spacing:.09em;color:#777;margin-top:28px;font-weight:700}.radio-game{position:relative;padding-top:32px;isolation:isolate;user-select:none;-webkit-user-select:none}.radio-game:before{content:'';position:absolute;z-index:-1;inset:0 -10% 0;background:radial-gradient(ellipse at 50% 50%,#7a4b1922,transparent 66%);pointer-events:none}.radio-aerial{position:absolute;right:45px;top:0;height:75px;width:5px;transform:rotate(27deg);transform-origin:bottom;background:linear-gradient(90deg,#3b3b38,#ece8d7 45%,#66665d 80%,#20201e);border-radius:4px;box-shadow:1px 0 0 #000}.radio-aerial:before{content:'';position:absolute;top:-3px;left:-2px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ddd,#6c6c62 55%,#181916)}
.radio-cabinet{position:relative;padding:21px 20px 10px;border-radius:20px 20px 13px 13px;background:repeating-linear-gradient(1deg,#0000 0 2px,#1a09071c 3px,#ffffff06 4px,#0000 7px),linear-gradient(90deg,#24100c,#653c24 3%,#3e2014 8%,#72462d 45%,#522e1a 83%,#24110d 98%);border:1px solid #71472a;box-shadow:inset 0 3px 3px #f5c59270,inset 3px 0 4px #ffad5940,inset -5px -6px 7px #100806c0,0 3px 0 #1a0e09,0 13px 15px #0007,0 28px 40px #0007;transform:rotate(-1.4deg)}.radio-cabinet:before{content:'';position:absolute;inset:5px;border-radius:16px;border-top:1px solid #c58a5760;border-bottom:1px solid #0008;pointer-events:none}.radio-face{display:grid;grid-template-columns:.52fr 1fr;gap:21px;padding:23px 23px 19px;background:linear-gradient(105deg,#d4c094,#ede0b8 38%,#b9a67e 100%);border:3px solid #271a0e;border-radius:12px 12px 7px 7px;box-shadow:0 1px 1px #e3b67eaa,inset 0 2px 6px #0005,inset 0 -2px 2px #fff7;position:relative}.radio-face:after{content:'';position:absolute;inset:0;border-radius:9px;background:repeating-linear-gradient(0deg,#fff0 0 2px,#5d4e3510 3px,#fff0 4px);pointer-events:none;opacity:.6}.radio-speaker{position:relative;align-self:stretch;display:flex;flex-direction:column;border-radius:8px 8px 4px 4px;background:#33271c;box-shadow:inset 0 2px 7px #000c,0 1px 0 #fff9;padding:8px;min-height:250px}.radio-speaker-cloth{position:relative;flex:1;border-radius:3px;background:repeating-linear-gradient(0deg,#060503aa 0 1px,#89745188 1px 2px,#211a12 2px 4px),repeating-linear-gradient(90deg,#211a12 0 2px,#c6ad7a 2px 3px,#3c3020 3px 5px);box-shadow:inset 0 0 15px #000b}.radio-speaker-cloth:after{content:'';position:absolute;inset:9% -4%;background:radial-gradient(ellipse at center,#0005 0 30%,#34271922 38%,#0005 45%,transparent 55%);mix-blend-mode:multiply}.radio-brand{margin:10px 3px 3px;text-align:center;color:#d4bb87;text-shadow:0 1px 0 #000;line-height:1.15}.radio-brand strong{font:bold italic 26px Georgia,serif;letter-spacing:.09em}.radio-brand>span{display:block;font:7px/1.5 Basis,Arial,sans-serif;letter-spacing:.13em;margin-top:4px}
.radio-console{position:relative;z-index:1;min-width:0}.radio-glass{position:relative;overflow:hidden;height:113px;padding:12px 13px;background:radial-gradient(ellipse at 50% 90%,#d7ac4f77,transparent 85%),linear-gradient(105deg,#17271a,#405039 45%,#1e2d20);border:5px solid #6b624e;border-top-color:#514936;border-bottom-color:#ab9d7a;border-radius:5px;box-shadow:0 1px 0 #fff9,inset 0 2px 8px #000c,inset 0 -1px 3px #e9d78670;transition:box-shadow .35s}.radio-dial-label{display:flex;justify-content:space-between;font:7px/1 Basis,Arial,sans-serif;letter-spacing:.16em;color:#d5d2a9;text-shadow:0 0 3px #f8eb7c4d}.radio-stand{font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.radio-dial-scale{position:relative;margin-top:13px}.radio-dial-ticks{height:18px;background:repeating-linear-gradient(90deg,#d7d0a4bb 0 1px,transparent 1px 7.7%);border-top:1px solid #d7d0a450}.radio-dial-numbers{display:flex;justify-content:space-between;color:#dcd5ad;font:9px/1.5 Georgia,serif;margin-top:3px}.radio-needle{position:absolute;left:var(--tune);top:-8px;width:2px;height:54px;background:#ff7440;box-shadow:0 0 4px #ff6621bb;transform:translateX(-50%);will-change:left}.radio-station-mark{position:absolute;top:39px;left:69%;transform:translateX(-50%);color:#d5d2a9;font:bold 5px/1 Basis,Arial,sans-serif;white-space:nowrap;letter-spacing:.05em}.radio-glass-glint{position:absolute;inset:0;background:linear-gradient(117deg,#fff2 0,#fff0 30%,#fff2 31%,#fff0 35%,#fff0 73%,#fff1 74%,#fff0 84%);pointer-events:none}
.radio-control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.radio-signal{display:flex;flex-direction:column;align-items:center;min-width:50px;padding-left:3px}.radio-lamp{width:10px;height:10px;border:2px solid #70634a;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bba05c,#5f3e16);box-shadow:inset 0 1px 3px #0007,0 1px 0 #fff6;transition:.25s}.radio-signal>span{font:5px/1.4 Basis,Arial,sans-serif;letter-spacing:.1em;color:#675b43;margin-top:6px;font-weight:700}.radio-meter{display:flex;gap:3px;align-items:flex-end;height:20px;margin-top:10px}.radio-meter i{width:4px;height:7px;background:#4e6340;opacity:calc(.18 + var(--signal)*.82);box-shadow:inset 0 1px 2px #0006}.radio-meter i:nth-child(2){height:10px}.radio-meter i:nth-child(3){height:13px}.radio-meter i:nth-child(4){height:16px}.radio-meter i:nth-child(5){height:19px}.radio-signal small{font:5px/1.6 Basis,Arial,sans-serif;letter-spacing:.1em;color:#796b4e;text-align:center;margin-top:12px}
.radio-knob-mount{position:relative;width:136px;height:140px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-bottom:12px}.radio-knob-ticks{position:absolute;inset:0 0 12px;background:repeating-conic-gradient(from -135deg,#493e2a 0deg 1deg,transparent 1deg 13.5deg);border-radius:50%;mask:radial-gradient(circle,transparent 0 61px,#000 62px 64px,transparent 65px);-webkit-mask:radial-gradient(circle,transparent 0 61px,#000 62px 64px,transparent 65px)}.radio-knob{position:relative;width:112px;height:112px;border-radius:50%;cursor:grab;touch-action:none;outline-offset:11px;flex-shrink:0;background:linear-gradient(125deg,#4d4538,#ede3c5 24%,#a19780 60%,#373126);padding:5px;box-shadow:0 6px 5px #30251688,0 12px 15px #0003,inset 0 1px 1px #fff,inset 0 -2px 3px #2b231b}.radio-knob:active{cursor:grabbing}.radio-knob:focus-visible{outline:3px solid var(--pink);outline-offset:9px}.radio-knob-edge{position:relative;display:block;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#0e0e0c 0deg 3deg,#4b4840 3deg 5deg,#141412 5deg 8deg);padding:7px;box-shadow:inset 0 2px 3px #ffffff50,inset 0 -3px 3px #000}.radio-knob-cap{position:relative;display:block;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#ffffff08 0 1px,#00000008 1px 2px,#0000 2px 3px),conic-gradient(from -45deg,#e1dbc9,#857c68 13%,#f5eedc 26%,#b0a68e 44%,#746a55 52%,#e0d9c2 68%,#fcf4de 80%,#9c927d 94%,#e1dbc9);box-shadow:inset 0 0 0 1px #fffa,inset 0 2px 3px #fff9,inset 0 -2px 4px #332b20bb;transform:rotate(var(--knob-angle));will-change:transform}.radio-knob-pointer{position:absolute;left:calc(50% - 2px);top:5px;width:4px;height:18px;border-radius:2px;background:#29261e;box-shadow:1px 0 0 #fff8}.radio-knob-center{position:absolute;inset:37%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d4cbb4,#9a8f74);box-shadow:0 1px 2px #fff8,inset 0 1px 3px #3b342733}.radio-knob-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#62553c;font:bold 7px/1 Basis,Arial,sans-serif;letter-spacing:.15em}
.radio-case-bottom{display:flex;justify-content:space-between;color:#bf9164;font:5px/1.5 Basis,Arial,sans-serif;font-weight:700;letter-spacing:.17em;padding:9px 6px 0;text-shadow:0 1px #000}.radio-screw{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:linear-gradient(45deg,#9b8969 43%,#332719 46% 56%,#c0ab83 59%);box-shadow:0 1px 2px #0009}.screw-tl{top:10px;left:12px}.screw-tr{top:10px;right:12px}.radio-sticker{position:absolute;bottom:11px;left:24px;transform:translate(-24%,25%) rotate(-12deg);padding:9px 15px 7px;background:var(--pink);color:#fff;font:900 italic 23px/.9 Feest,Arial,sans-serif;box-shadow:3px 4px 0 #0005;clip-path:polygon(0 3%,7% 0,15% 4%,28% 0,41% 3%,53% 0,67% 4%,79% 0,91% 3%,100% 0,99% 23%,100% 46%,98% 68%,100% 100%,86% 97%,73% 100%,61% 97%,48% 100%,34% 97%,19% 100%,7% 97%,0 100%,1% 68%,0 49%,2% 25%);pointer-events:none;z-index:3}.radio-feet{display:flex;justify-content:space-between;margin:0 10%;height:10px}.radio-feet i{display:block;width:38px;height:10px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#141210,#3b3226,#171411);box-shadow:0 7px 8px #0008}.radio-status{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:26px;min-height:38px}.radio-status-dot{width:6px;height:6px;border-radius:50%;background:#5d5d54;flex-shrink:0;transition:.3s}.radio-status p{font:900 italic clamp(17px,1.7vw,22px)/1.15 Feest,Arial,sans-serif;color:#aaa;text-transform:uppercase;text-align:center;margin:0}.radio-game.is-tuned .radio-glass{box-shadow:0 1px 0 #fff9,inset 0 2px 8px #0008,inset 0 -2px 22px #f5dc5c55,0 0 25px #e8f80016}.radio-game.is-tuned .radio-lamp{background:radial-gradient(circle at 35% 30%,#fff9bd,#e8f800 50%,#a6ad12);box-shadow:0 0 7px #edfb00,inset 0 1px 2px #fff8}.radio-game.is-tuned .radio-status-dot{background:var(--lime);box-shadow:0 0 10px #e8f80077}.radio-game.is-tuned .radio-status p{color:var(--lime)}
@media(min-width:1450px){.radio-face{gap:28px;padding:28px}.radio-knob-mount{width:150px}.radio-speaker{min-height:270px}}
@media(max-width:1050px){.radio-layout{grid-template-columns:.65fr 1.35fr;gap:35px}.radio-copy h2{font-size:43px}.radio-face{gap:14px;padding:18px 15px}.radio-cabinet{padding:17px 15px 10px}.radio-knob-mount{width:122px}.radio-knob-ticks{mask:radial-gradient(circle,transparent 0 55px,#000 56px 58px,transparent 59px);-webkit-mask:radial-gradient(circle,transparent 0 55px,#000 56px 58px,transparent 59px)}.radio-knob{width:104px;height:104px}.radio-control-row{gap:5px}.radio-signal{min-width:40px}.radio-brand strong{font-size:22px}}
@media(max-width:820px){.radio-layout{grid-template-columns:1fr;gap:25px}.radio-copy{max-width:550px}.radio-copy h2 br{display:none}.radio-copy h2{font-size:53px}.radio-copy h2 .tag{margin-left:8px}.radio-copy>p:not(.eyebrow){margin-top:22px}.radio-instruction{margin-top:18px}.radio-game{width:min(100%,570px);justify-self:center}.radio-face{padding:24px;gap:25px;grid-template-columns:.6fr 1fr}.radio-knob-mount{width:140px}.radio-knob{width:112px;height:112px}.radio-knob-ticks{mask:radial-gradient(circle,transparent 0 61px,#000 62px 64px,transparent 65px);-webkit-mask:radial-gradient(circle,transparent 0 61px,#000 62px 64px,transparent 65px)}.radio-cabinet{padding:20px 18px 11px}.radio-section{padding-bottom:85px}.radio-brand strong{font-size:27px}}
@media(max-width:480px){.radio-copy h2{font-size:43px}.radio-copy h2 br{display:block}.radio-copy h2 .tag{margin-left:0}.radio-copy>p:not(.eyebrow){font-size:14px}.radio-game{padding-top:28px}.radio-cabinet{padding:15px 12px 10px;border-radius:15px;transform:rotate(-.7deg)}.radio-face{padding:17px 12px;gap:12px;grid-template-columns:.46fr 1fr;border-width:2px}.radio-speaker{padding:5px;min-height:232px}.radio-brand{margin-inline:0}.radio-brand strong{font-size:19px;letter-spacing:.03em}.radio-brand>span{font-size:5px;letter-spacing:.05em}.radio-glass{height:104px;padding:11px 8px;border-width:4px}.radio-dial-label{font-size:6px}.radio-dial-numbers{font-size:8px}.radio-station-mark{font-size:4px;top:36px}.radio-control-row{margin-top:12px;gap:0}.radio-signal{min-width:33px;padding:0}.radio-signal>span{font-size:4px}.radio-signal small{font-size:4px}.radio-meter{gap:2px}.radio-meter i{width:3px}.radio-knob-mount{width:111px;height:125px}.radio-knob{width:93px;height:93px;padding:4px}.radio-knob-edge{padding:6px}.radio-knob-ticks{mask:radial-gradient(circle,transparent 0 49px,#000 50px 52px,transparent 53px);-webkit-mask:radial-gradient(circle,transparent 0 49px,#000 50px 52px,transparent 53px)}.radio-knob-caption{font-size:6px}.radio-knob-pointer{height:15px}.radio-sticker{left:23px;bottom:10px;font-size:20px;padding:8px 12px 6px}.radio-case-bottom{font-size:4px;padding-top:8px;letter-spacing:.08em}.radio-status{margin-top:24px;gap:8px}.radio-status p{font-size:18px}.radio-aerial{right:35px;height:65px}.radio-section{padding-bottom:70px}}
@media(max-width:350px){.radio-face{grid-template-columns:.35fr 1fr;padding-inline:9px;gap:9px}.radio-knob-mount{width:101px}.radio-knob{width:87px;height:87px}.radio-knob-ticks{display:none}.radio-signal small{display:none}.radio-brand strong{font-size:15px}.radio-brand>span{font-size:4px}.radio-case-bottom span:last-child{max-width:75px;text-align:right}.radio-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.radio-game *, .radio-game *:before,.radio-game *:after{transition:none!important;will-change:auto!important}}