@font-face{font-family:FPNunito;src:url('../fonts/Nunito-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:FPNunito;src:url('../fonts/Nunito-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:FPBaloo;src:url('../fonts/Baloo2-700.woff2') format('woff2');font-weight:700;font-display:swap}
.farm-prototype-page{--font-body:FPNunito,system-ui,sans-serif;--font-title:FPBaloo,system-ui,sans-serif;margin:0;background:#f1f2e8;color:#25443d;font-family:var(--font-body);line-height:1.45}
.farm-prototype-page *{box-sizing:border-box}.farm-prototype-page [hidden]{display:none!important}
.farm-prototype-page a{color:inherit}.farm-prototype-page button{font:800 .9rem var(--font-body);color:#24463d;cursor:pointer;touch-action:manipulation}
.farm-prototype-page :focus-visible{outline:3px solid #d57d1e;outline-offset:3px}
.fp-skip{position:fixed;left:12px;top:-100px;z-index:100002;padding:12px;background:white;border-radius:10px}.fp-skip:focus{top:12px}
.fp-sitehead{max-width:1360px;margin:auto;min-height:68px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.85rem;font-weight:800}
.fp-sitehead a{display:flex;align-items:center;min-height:44px;gap:10px;text-decoration:none}.fp-brand img{object-fit:contain}
.farm-prototype-page main{max-width:1360px;margin:auto;padding:0 18px 20px}
.farm-prototype{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(320px,1fr) auto;min-height:640px;height:calc(100svh - 108px);max-height:920px;background:#fffdf5;border:1px solid #d3d9c6;border-radius:22px;box-shadow:0 10px 36px #304b3812;overflow:hidden}
.fp-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;gap:14px}.fp-eyebrow{display:block;margin:0 0 2px;font-size:.65rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#577061}
.fp-heading h1{font:700 1.7rem/1.1 var(--font-title);margin:0}.fp-badge{font-size:.73rem;font-weight:800;border:1px solid #d8e0cb;padding:7px 12px;border-radius:20px;white-space:nowrap}
.farm-prototype>.game-viewport__open{position:absolute;right:20px;top:17px;margin:0;min-height:44px;padding:8px 14px;font-size:.76rem;box-shadow:none;background:#e4eddf;color:#28483f;z-index:3}.farm-prototype:has(>.game-viewport__open) .fp-badge{margin-right:182px}
.fp-stage{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:#c3d6c2;touch-action:pan-y;outline-offset:-4px!important}
.fp-canvas-host,.fp-canvas-host canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.fp-canvas-host canvas{touch-action:none}
.fp-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:36px;background:#bed2bc}.fp-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fp-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c342c61,transparent 80%);pointer-events:none}
.fp-intro-card{position:relative;z-index:1;width:min(365px,100%);padding:25px;border:1px solid #ffffffbb;border-radius:18px;background:#fffdf3f0;box-shadow:0 12px 34px #173b2a22}
.fp-intro-card h2,.fp-panel h2{font:700 clamp(1.65rem,3vw,2.25rem)/1.12 var(--font-title);margin:8px 0 12px}.fp-intro-card p{font-size:.94rem;margin:0 0 18px}.fp-intro-card small{display:block;font-size:.72rem;margin-top:13px;color:#5e7466}
.fp-primary{min-height:48px;border:1px solid #c89a45;border-radius:12px;background:#edc36c;padding:11px 17px;box-shadow:0 2px 0 #ad813921}
.fp-scenebar{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;pointer-events:none}
.fp-step{padding:10px 14px;border:1px solid #ffffff8a;background:#fffdf2e8;border-radius:12px;box-shadow:0 3px 14px #253e3320}.fp-step span{display:block;font-size:.6rem;letter-spacing:.12em;font-weight:800;color:#58775e}.fp-step strong{display:block;font:700 1.18rem/1.25 var(--font-title)}
.fp-scene-actions{display:flex;gap:6px;pointer-events:auto}.fp-scene-actions button{min-height:44px;padding:7px 11px;border:1px solid #ffffffbb;background:#fcfff6de;border-radius:11px;font-size:.72rem;box-shadow:0 2px 8px #193d3014}.fp-scene-actions button[aria-pressed=true]{background:#274d41;color:#fff}
.fp-progress{position:absolute;left:16px;bottom:13px;width:175px;padding:8px 11px;border:1px solid #ffffff90;border-radius:11px;background:#fffdf3e8;font-size:.7rem;font-weight:800;pointer-events:none}.fp-progress [role=progressbar]{height:5px;background:#dce2c8;border-radius:4px;margin-top:5px;overflow:hidden}.fp-progress i{display:block;width:0;height:100%;background:#4d7450;border-radius:4px}
.fp-panel{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;background:#f9f9eccf;backdrop-filter:blur(5px);text-align:center}.fp-panel p{max-width:430px;font-size:.95rem;margin:0 0 20px}.fp-panel a{font-size:.8rem;margin-top:16px;min-height:44px;display:flex;align-items:center}.fp-loading{background:#f1f4e4f2}.fp-spinner{width:30px;height:30px;border:3px solid #cbd7ba;border-top-color:#50794e;border-radius:50%;animation:fp-spin 1s linear infinite}@keyframes fp-spin{to{transform:rotate(360deg)}}
.fp-paused{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#173f357d;color:white;pointer-events:none}.fp-paused strong{font:700 2rem var(--font-title)}.fp-paused span{font-size:.85rem}
.fp-bottom{padding:10px 15px 9px;background:#fffdf5}.fp-feedback{margin:0 auto 9px;text-align:center;min-height:1.45em;font-size:.84rem;font-weight:800;max-width:880px}.fp-controls{display:flex;justify-content:center;align-items:stretch;gap:7px}.fp-controls button{min-height:48px;min-width:48px;padding:7px 14px;border:1px solid #ced8c5;border-radius:12px;background:#f3f6eb;font-size:.8rem;user-select:none;-webkit-user-select:none}.fp-controls .fp-primary{background:#edc36c;border-color:#c89a45;min-width:133px}.fp-controls .fp-drive{background:#355c45;color:white;border-color:#355c45;min-width:112px}.fp-controls .fp-drive[aria-pressed=true]{background:#b65734;border-color:#a65132}.fp-controls small{display:block;font:400 .6rem var(--font-body)}.fp-controls .fp-steer{min-width:58px;touch-action:none}.fp-steer span{font:800 1.3rem/1 var(--font-body)}.fp-controls button:disabled{cursor:default;opacity:.42}.fp-controls button.is-held,.fp-controls button[aria-pressed=true]:not(.fp-drive){background:#dbe7cf;border-color:#7c9864}
.fp-keyhelp{font-size:.63rem;text-align:center;color:#6a7b69;margin:6px 0 0}.fp-note{font-size:.73rem;color:#6a7966;text-align:center;margin:12px auto 0}.fp-noscript{padding:20px}
.fp-transition{position:absolute;z-index:3;bottom:14px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 28px));padding:12px 16px;border:1px solid #e2d5b6;border-radius:14px;background:#fff8e8e8;box-shadow:0 3px 16px #183f3d22;text-align:center;pointer-events:none}.fp-transition strong{display:block;font:700 1.2rem/1.2 var(--font-title)}.fp-transition span{display:block;font-size:.74rem;margin-top:4px}.fp-panel.fp-finish{inset:auto 14px 14px auto;width:min(400px,calc(100% - 28px));padding:16px;background:#fff8e8f0;border:1px solid #ddcbae;border-radius:16px;backdrop-filter:none;box-shadow:0 6px 22px #304b3822}.fp-panel.fp-finish h2{font-size:1.6rem;margin:4px 0}.fp-panel.fp-finish p{font-size:.8rem;margin:5px 0 12px}
.fp-controls{flex-wrap:wrap}.fp-gears{display:flex;align-items:stretch;justify-content:center;gap:5px;flex-basis:100%;grid-column:1/-1;width:100%;max-width:480px;justify-self:center}.fp-controls .fp-gears button{flex:1;min-width:0;min-height:44px;padding:4px 8px}.fp-controls .fp-gears [data-fp-reverse]{touch-action:none}
.farm-prototype.is-game-viewport{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:0!important;max-height:none;min-height:0;border-radius:0;background:#fffdf5!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
.farm-prototype.is-game-viewport .fp-heading{display:none}.farm-prototype.is-game-viewport .fp-stage{border-radius:0}.farm-prototype.is-game-viewport .fp-bottom{padding:9px 12px 7px}
@media(max-width:700px){.fp-sitehead{padding:6px 12px;min-height:58px;font-size:.7rem}.fp-brand img{width:29px;height:29px}.fp-sitehead a{gap:5px}.farm-prototype-page main{padding:0 6px 12px}.farm-prototype{height:calc(100svh - 70px);min-height:510px;border-radius:15px;grid-template-rows:auto minmax(260px,1fr) auto}.fp-heading{padding:9px 12px}.fp-heading h1{font-size:1.3rem}.fp-heading .fp-eyebrow{font-size:.52rem}.fp-badge{display:none}.farm-prototype>.game-viewport__open{right:10px;top:10px;font-size:.6rem;padding:6px 9px;min-height:44px}.fp-cover{padding:15px;align-items:flex-end}.fp-intro-card{padding:19px;background:#fffdf3ed}.fp-intro-card h2{font-size:1.65rem}.fp-intro-card p{font-size:.85rem;margin-bottom:14px}.fp-intro-card small{font-size:.64rem}.fp-scenebar{top:9px;left:8px;right:8px;gap:5px}.fp-step{padding:7px 9px;max-width:62%}.fp-step strong{font-size:.94rem}.fp-step span{font-size:.5rem}.fp-scene-actions{gap:4px;flex-direction:column;align-items:stretch}.fp-scene-actions button{padding:6px 8px;min-height:44px;font-size:.63rem}.fp-progress{left:9px;bottom:9px;width:148px;font-size:.61rem}.fp-bottom{padding:8px 7px}.fp-feedback{font-size:.76rem;min-height:2.8em;line-height:1.35;margin-bottom:6px}.fp-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.fp-controls button{padding:6px 7px;min-height:44px;min-width:0!important;font-size:.74rem}.fp-controls .fp-steer{display:flex;align-items:center;justify-content:center;gap:7px}.fp-keyhelp{display:none}.fp-panel{padding:20px}.fp-panel p{font-size:.83rem}.fp-panel h2{font-size:1.8rem}.farm-prototype.is-game-viewport .fp-bottom{padding:7px}.fp-note{font-size:.63rem}}
@media(max-height:520px) and (min-width:500px){.farm-prototype.is-game-viewport .fp-bottom{padding:4px 9px}.farm-prototype.is-game-viewport .fp-feedback{font-size:.7rem;min-height:1.25em;line-height:1.25;margin-bottom:3px}.farm-prototype.is-game-viewport .fp-controls{display:flex;gap:5px}.farm-prototype.is-game-viewport .fp-controls button{min-height:44px;padding:5px 11px;font-size:.7rem}.farm-prototype.is-game-viewport .fp-keyhelp{display:none}.fp-scenebar{top:6px;left:9px;right:9px}.fp-step{padding:5px 9px}.fp-step strong{font-size:.95rem}.fp-scene-actions{flex-direction:row}.fp-scene-actions button{font-size:.61rem;padding:4px 8px}.fp-progress{bottom:7px;padding:6px 9px;font-size:.6rem;width:142px}.fp-cover{align-items:center;padding:12px}.fp-intro-card{width:360px;padding:14px}.fp-intro-card h2{font-size:1.4rem;margin:4px 0 6px}.fp-intro-card p{font-size:.75rem;margin:0 0 8px}.fp-intro-card small{font-size:.58rem;margin-top:6px}.fp-panel{padding:12px}.fp-panel h2{font-size:1.6rem;margin:5px 0}.fp-panel p{font-size:.75rem;margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.farm-prototype *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The shared fullscreen button is inserted before the heading. Give it its own
   grid cell; never overlay the title or rely on an estimated label width. */
.farm-prototype:not(.is-game-viewport){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(320px,1fr) auto}
.farm-prototype:not(.is-game-viewport) .fp-heading{grid-column:1;grid-row:1}
.farm-prototype:not(.is-game-viewport)>.game-viewport__open{position:static;grid-column:2;grid-row:1;margin:10px 16px 10px 0;width:auto;min-height:44px;border:1px solid #c7d6bd;border-radius:12px;align-self:center;font-size:.72rem}
.farm-prototype:not(.is-game-viewport) .fp-stage{grid-column:1/-1;grid-row:2}
.farm-prototype:not(.is-game-viewport) .fp-bottom{grid-column:1/-1;grid-row:3}
.farm-prototype:has(>.game-viewport__open) .fp-badge{margin-right:0}
@media(max-width:700px){.farm-prototype:not(.is-game-viewport){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(260px,1fr) auto;height:calc(100svh - 70px);min-height:550px}.farm-prototype:not(.is-game-viewport)>.game-viewport__open{grid-column:1;grid-row:2;margin:0 10px 8px;font-size:.68rem}.farm-prototype:not(.is-game-viewport) .fp-stage{grid-row:3}.farm-prototype:not(.is-game-viewport) .fp-bottom{grid-row:4}.farm-prototype:not(.is-game-viewport) .fp-heading{padding-bottom:6px}}
.fp-radio{position:absolute;z-index:7;right:10px;bottom:10px;width:min(380px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;padding:9px 12px;background:linear-gradient(115deg,#ead7ae,#d8c297);border:5px solid #70503c;border-radius:19px;box-shadow:inset 0 0 0 1px #fff5d0,0 8px 25px #193d3066;font-size:.76rem;color:#382f22;overscroll-behavior:contain}
.fp-radio-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fp-radio-head strong{font:700 1.3rem/1 var(--font-title)}.fp-radio-head strong span{display:block;font:800 .5rem var(--font-body);letter-spacing:.16em;margin-top:3px}.fp-radio button{min-height:44px;min-width:44px;border:1px solid #a48e69;background:linear-gradient(#fffae9,#e7d5ae);border-radius:8px;font:800 .73rem var(--font-body);padding:5px 8px;color:#382f22;box-shadow:0 2px 0 #81634144}.fp-radio-head button{border-radius:50%;font-size:1.3rem}.fp-radio button:disabled{opacity:.45;cursor:default}.fp-radio-face{display:flex;gap:10px;margin:4px 0 9px}.fp-radio-speaker{flex:0 0 56px;border-radius:8px;border:2px solid #9b8057;background:radial-gradient(#51412c 1px,transparent 1.7px) 0 0/5px 5px,#b6a178}.fp-radio-display{flex:1;min-width:0;background:#263e31;color:#f5e1a7;padding:7px 9px;border:2px solid #947547;border-radius:6px;box-shadow:inset 0 2px 5px #0005}.fp-radio-display>span{font-size:.55rem;font-weight:800;letter-spacing:.08em}.fp-radio-display>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em;font-size:.82rem;line-height:1.25;margin-top:2px}.fp-radio-dial{height:9px;position:relative;border-bottom:1px solid #c4c190;margin-top:3px;background:repeating-linear-gradient(90deg,#c4c19077 0 1px,transparent 1px 9px)}.fp-radio-dial i{position:absolute;left:25%;top:-2px;height:12px;width:2px;background:#ee9b55}.fp-radio[data-power=off] .fp-radio-display{background:#3d4234;color:#e1d5ae}.fp-radio-channels{display:flex;gap:7px}.fp-radio-channels button{flex:1}.fp-radio-channels button[aria-pressed=true]{background:#385341;color:#fff2cc;border-color:#244330;box-shadow:inset 0 2px 3px #0004}.fp-radio-channels small{display:block;font:400 .61rem var(--font-body)}.fp-radio-controls{display:flex;gap:5px;margin-top:7px}.fp-radio-controls button{flex:1}.fp-radio-controls [data-fp-radio-power]{background:linear-gradient(#d58c62,#ba704d);color:#241f15}.fp-radio-volume{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:5px;font-weight:800}.fp-radio-volume button{border-radius:50%;font-size:1.3rem}.fp-radio-volume output{min-width:42px;text-align:center}.fp-radio p{font-size:.64rem;line-height:1.3;margin:5px 0 0;min-height:2.6em}.fp-radio [data-fp-radio-audio]{display:none}
@media(max-height:520px) and (min-width:500px){.fp-radio{width:550px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:7px 10px}.fp-radio-head{grid-column:1}.fp-radio-face{grid-column:1;grid-row:2/4;margin:0}.fp-radio-channels{grid-column:2;grid-row:1}.fp-radio-controls{grid-column:2;grid-row:2;margin:0}.fp-radio-volume{grid-column:2;grid-row:3;margin:0}.fp-radio p{grid-column:1/-1;min-height:1.3em;margin:0}.fp-radio-speaker{flex-basis:38px}}

/* A captured, self-centring thumb control. Arrow buttons remain available. */
.fp-steering{display:grid;grid-template-columns:44px 80px 44px;align-items:center;gap:5px;flex:none}
.fp-steering .fp-steer{width:44px;min-width:44px;min-height:44px;padding:3px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.fp-stick{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:2px solid #bbc8b0;border-radius:50%;background:radial-gradient(circle,#b7c5a7 0 40%,#e0e7d5 42% 62%,#f7f7ec 64%);box-shadow:inset 0 3px 7px #314b392a,0 2px 0 #fff;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:3px}
.fp-stick[aria-disabled=true]{opacity:.42;cursor:default}.fp-stick.is-dragging{cursor:grabbing}
.fp-stick-rail{position:absolute;left:8px;right:8px;top:calc(50% - 2px);height:4px;border-radius:4px;background:#79926b80}
.fp-stick-thumb{display:grid;place-items:center;position:relative;width:44px;height:44px;border:1px solid #496044;border-radius:50%;background:linear-gradient(#668257,#3d5f43);box-shadow:0 4px 7px #203c3b4d,inset 0 2px 1px #93ac78;will-change:transform;pointer-events:none;transition:transform .12s ease-out}
.fp-stick.is-dragging .fp-stick-thumb{transition:none}.fp-stick-thumb svg{width:34px;height:34px;fill:none;stroke:#faf1d3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* Give the cocoa scene its space; only Pause remains relevant while it plays. */
.farm-prototype[data-fp-phase=rest] .fp-controls{display:flex;justify-content:center}
.farm-prototype[data-fp-phase=rest] .fp-controls>:not([data-fp-pause]),.farm-prototype[data-fp-phase=rest] .fp-keyhelp,.farm-prototype[data-fp-phase=rest] .fp-progress,.farm-prototype[data-fp-phase=rest] [data-fp-view],.farm-prototype[data-fp-phase=rest] [data-fp-calm]{display:none}
.farm-prototype[data-fp-phase=rest] .fp-controls>[data-fp-pause]{min-width:120px;min-height:44px;grid-column:auto;grid-row:auto}
@media(max-width:700px){
  .fp-controls{grid-template-columns:92px minmax(0,1fr) minmax(0,1fr)}
  .fp-steering{grid-column:1;grid-row:1/3;grid-template-columns:44px 44px;grid-template-rows:80px 44px;gap:4px;justify-content:center;align-self:center}
  .fp-stick{grid-column:1/-1;grid-row:1;justify-self:center}
  .fp-steering [data-fp-steer=left]{grid-column:1;grid-row:2}.fp-steering [data-fp-steer=right]{grid-column:2;grid-row:2}
  .fp-controls>[data-fp-drive]{grid-column:2;grid-row:1}.fp-controls>[data-fp-action]{grid-column:3;grid-row:1}
  .fp-controls>[data-fp-help]{grid-column:2;grid-row:2}.fp-controls>[data-fp-pause]{grid-column:3;grid-row:2}
  .fp-controls>.fp-gears{grid-row:3}
  .fp-steering .fp-steer{gap:0;padding:2px}.fp-steering .fp-steer small{font-size:.53rem}
}
@media(max-height:520px) and (min-width:500px){
  .farm-prototype.is-game-viewport .fp-steering{display:grid;grid-template-columns:44px 58px 44px;grid-template-rows:58px;gap:3px}
  .farm-prototype.is-game-viewport .fp-stick{width:58px;height:58px;grid-column:2;grid-row:1}
  .farm-prototype.is-game-viewport .fp-steering [data-fp-steer=left]{grid-column:1;grid-row:1}.farm-prototype.is-game-viewport .fp-steering [data-fp-steer=right]{grid-column:3;grid-row:1}
  .farm-prototype.is-game-viewport .fp-steering .fp-steer{padding:2px}
  .farm-prototype.is-game-viewport .fp-controls>[data-fp-help]{max-width:115px}.farm-prototype.is-game-viewport .fp-controls>[data-fp-action]{max-width:120px}
}

/* Warm wood cabinet, woven speaker and an illuminated two-station dial. */
.fp-radio{width:min(400px,calc(100% - 20px));border:8px solid #76533b;border-radius:22px;padding:11px 13px;background:linear-gradient(110deg,#f3e6c9,#dfcba4);box-shadow:0 12px 30px #173b3159,inset 0 0 0 2px #c6ac7f,0 0 0 1px #493525}
.fp-radio-head{padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid #bc9e7055}
.fp-radio-head strong{font-size:1.45rem;color:#4d3928;text-shadow:0 1px #fff4d5}
.fp-radio-head strong span{font-size:.47rem;letter-spacing:.18em;color:#735b3e;margin-top:5px}
.fp-radio-head button{width:44px;background:#eadbbb;box-shadow:inset 0 1px #fff7df,0 2px 0 #b29a73;border-color:#b69b71;color:#70583d}
.fp-radio-lamp{display:block;width:9px;height:9px;flex:none;margin-left:auto;border-radius:50%;background:#82765c;box-shadow:inset 0 1px 3px #4c4235}
.fp-radio[data-state=playing] .fp-radio-lamp{background:#88b84d;box-shadow:0 0 5px #87b14f,inset 0 1px #cae69d}
.fp-radio-face{gap:12px;margin:6px 0 12px}
.fp-radio-speaker{flex-basis:76px;border:4px solid #967649;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 2px,#58493380 2px 3px),repeating-linear-gradient(90deg,#b6a275 0 2px,#78643f 2px 3px);box-shadow:inset 0 3px 8px #3c302755,0 1px #fff1ce;min-height:76px;align-self:center}
.fp-radio-display{border:3px solid #a78a58;border-radius:7px;background:linear-gradient(#344d3f,#263c32);box-shadow:inset 0 3px 6px #11251f99,0 1px #fff1d1;padding:9px 10px;color:#ffe8a9}
.fp-radio-display>span{font-size:.54rem;letter-spacing:.12em;color:#d6c789}.fp-radio-display>strong{font-size:.9rem;text-shadow:0 1px 2px #13251b;min-height:2.5em}
.fp-radio-dial{height:13px;margin-top:5px;background:repeating-linear-gradient(90deg,#c4c19099 0 1px,transparent 1px 9px)}
.fp-radio-dial i{left:24%;height:17px;width:3px;background:#eeb471;box-shadow:0 0 3px #efc98c66}.fp-radio[data-channel=story] .fp-radio-dial i{left:76%}
.fp-radio-channels{gap:9px}.fp-radio-channels button{min-height:50px;border-radius:7px 7px 11px 11px;border-bottom:4px solid #ad9164;box-shadow:inset 0 1px #fffef0;background:linear-gradient(#fff9e8,#ead8b2);font-size:.78rem}
.fp-radio-channels button[aria-pressed=true]{background:linear-gradient(#5c7357,#405c45);border-bottom-color:#2b4634;box-shadow:inset 0 2px 3px #253c2b77;color:#fff5d6}
.fp-radio-controls button{border-radius:6px;box-shadow:0 3px 0 #aa8e61,inset 0 1px #fff4d6}
.fp-radio-volume{padding-top:5px;border-top:1px solid #bc9e7055;margin-top:10px}.fp-radio-volume button{background:repeating-conic-gradient(#cfbc97 0deg 10deg,#b7a17b 10deg 20deg);border:4px double #9c845c;box-shadow:inset 0 0 0 3px #e6d6b5,0 2px 3px #6b503233;color:#3a3828}
.fp-radio-volume output{font-size:.75rem;color:#51412b}.fp-radio p{color:#604d33}
@media(max-width:400px){.fp-radio{padding:9px 10px;border-width:6px}.fp-radio-speaker{flex-basis:56px;min-height:56px;border-width:3px}.fp-radio-face{gap:8px}.fp-radio-display{padding:7px}.fp-radio-display>strong{font-size:.79rem}}
@media(max-height:520px) and (min-width:500px){.fp-radio{width:550px;padding:7px 10px;gap:5px 10px;border-width:6px}.fp-radio-head{padding-bottom:3px;margin:0}.fp-radio-head strong{font-size:1.2rem}.fp-radio-face{margin:0;gap:7px}.fp-radio-speaker{flex-basis:44px;min-height:44px;border-width:2px}.fp-radio-display{padding:6px}.fp-radio-channels button{min-height:44px}.fp-radio-volume{border:0;padding:0;margin:0}.fp-radio-display>strong{font-size:.8rem}}