:root{--ink:#17130f;--cream:#f5e7cb;--gold:#efae39;--rust:#ba492d}*{box-sizing:border-box}html{min-height:100%;background:#17130f}body{margin:0;color:var(--cream);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 10%,#76502d 0%,#39271d 32%,#16120f 75%);min-height:100vh}.shell{width:min(100%,660px);padding:30px 16px 42px;margin:auto}.player{overflow:hidden;position:relative;text-align:center;border:1px solid #a98659;border-radius:32px;padding:26px clamp(18px,5vw,44px) 28px;background:linear-gradient(165deg,rgba(64,48,31,.92),rgba(18,17,14,.97) 52%);box-shadow:0 20px 70px #0008,inset 0 0 55px #c18a2a10}.player:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:url("assets/grain.svg");mix-blend-mode:screen}.hero{position:relative;height:clamp(238px,56vw,320px);display:grid;place-items:center;margin:-6px -20px 0}.hero:before{content:"";position:absolute;inset:20px 0 0;background:radial-gradient(ellipse at 50% 70%,#b85c24 0%,#6a3c20 35%,transparent 70%);opacity:.7}.rays{position:absolute;top:12%;font-size:90px;color:#e4b67680;font-family:Georgia,serif;letter-spacing:20px}.treeline{position:absolute;bottom:2px;left:0;right:0;height:90px;background:linear-gradient(transparent,#171711),repeating-linear-gradient(110deg,transparent 0 23px,#1d1b15 24px 34px,transparent 35px 50px);clip-path:polygon(0 60%,4% 18%,8% 65%,13% 30%,17% 70%,22% 8%,26% 70%,32% 28%,36% 80%,42% 42%,48% 88%,53% 30%,58% 76%,64% 18%,69% 78%,74% 38%,80% 78%,85% 18%,90% 75%,95% 28%,100% 67%,100% 100%,0 100%)}.record{width:clamp(210px,48vw,284px);aspect-ratio:1;border-radius:50%;z-index:1;display:grid;place-items:center;background:repeating-radial-gradient(circle,#101010 0 3px,#242424 4px 5px,#090909 6px 8px);border:2px solid #242321;box-shadow:0 16px 30px #000b,inset 0 0 24px #0009;transition:transform 1s linear}.record.spinning{animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.label{width:31%;aspect-ratio:1;background:#e7a92f;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 5px #0a0a0a}.label img{width:68%;height:68%}.onair{position:relative;display:inline-flex;align-items:center;gap:9px;background:var(--rust);border-radius:99px;padding:10px 23px;font-size:13px;font-weight:900;letter-spacing:3px;margin:2px 0 13px}.dot{width:8px;height:8px;background:#ffe3bd;border-radius:50%;box-shadow:0 0 10px #fff8}h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:.085em;font-size:clamp(31px,7.5vw,51px);line-height:1.08;margin:2px 0 8px;text-shadow:1px 2px #000}.ornament{color:#e6bf7c;font-size:16px;letter-spacing:3px}.tagline{letter-spacing:.26em;font-size:clamp(10px,2.4vw,14px);margin:14px 0 26px}.track{display:flex;align-items:center;gap:15px;text-align:left;padding:14px;background:#241e17;border:1px solid #947247;border-radius:16px;min-height:106px}.cover{width:72px;height:72px;flex:none;display:grid;place-items:center;border-radius:9px;background:linear-gradient(150deg,#dc8b39,#5e3624 55%,#1e2722);font-size:36px;color:#f2d39a}.trackcopy{display:flex;flex-direction:column;min-width:0;gap:5px}.eyebrow{font-size:10px;letter-spacing:2px;color:#d1a866}.trackcopy strong{font-family:Georgia,serif;font-size:22px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackcopy>span:last-child{font-size:15px;color:#c8b39a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signal{margin-left:auto;color:#e3ad5d}.play,.support{position:relative;width:100%;min-height:65px;border-radius:999px;font-weight:900;letter-spacing:.15em;font-size:15px;cursor:pointer}.play{margin-top:22px;border:0;color:#24190e;background:linear-gradient(110deg,#e6a12d,#ffd16a);box-shadow:0 8px 24px #e5a62e24}.play span:first-child{margin-right:10px}.play:hover{filter:brightness(1.07)}.play:focus-visible,.support:focus-visible{outline:3px solid white;outline-offset:4px}.status{font-size:12px;color:#c4b29b;min-height:18px;margin:12px 0 18px}.support{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #dfb678;color:var(--cream);padding:15px 8px}.support:hover{background:#e6b7751c}.footer{font-size:10px;letter-spacing:2px;color:#a9947b;margin:25px 0 0}@media(max-width:420px){.shell{padding:12px 10px 28px}.player{border-radius:25px;padding:18px 16px 24px}.hero{height:245px}.track{gap:10px;padding:10px}.cover{width:58px;height:58px}.trackcopy strong{font-size:19px}.signal{display:none}.play,.support{font-size:13px}}

/* Official Village Radio emblem on the vinyl centre */
.label img{width:78%;height:78%;object-fit:contain;display:block}

/* SAM player uses its own audio and metadata handling. */
.sam-player-wrap{position:relative;margin:20px 0 22px;min-height:160px;overflow:visible}
.sam-player-wrap sam-widget{display:block;width:100%;max-width:100%}