/*
Theme Name: Don Beano Radio
Theme URI: https://donbeano.com/
Author: Don Beano Radio
Description: Don Beano Radio v2. Gold-and-black Manolo-style layout, Black God 12-track album player, two mixtapes, five original albums, continuous partner banners, animated speakers and contained artwork gloss. Media stored separately.
Version: 2.4.9
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: don-beano-radio
*/

:root{
  --gold:#ffd56a; --gold2:#ff9d00; --black:#050505; --panel:#101010;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
body{background:radial-gradient(circle at top,#1d1204 0,#070707 38%,#000 100%)}
a{color:inherit;text-decoration:none}
.dbr-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:28px 14px;overflow:clip}
.dbr-page:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 20% 15%,rgba(255,199,69,.22),transparent 18%),radial-gradient(circle at 80% 20%,rgba(255,153,0,.18),transparent 20%),radial-gradient(circle at 50% 90%,rgba(255,201,80,.14),transparent 25%);filter:blur(1px);animation:dbrFloat 7s ease-in-out infinite alternate;pointer-events:none}.dbr-page:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,212,106,.8) 1px, transparent 1px);background-size:26px 26px;opacity:.14;mask-image:radial-gradient(circle,#000 20%,transparent 72%);pointer-events:none}
@keyframes dbrFloat{to{transform:scale(1.04) translateY(-10px)}}
.dbr-shell{position:relative;z-index:2;width:min(1220px,100%);border:2px solid rgba(255,213,106,.8);border-radius:30px;background:linear-gradient(135deg,rgba(0,0,0,.94),rgba(22,16,8,.94));box-shadow:0 0 18px rgba(255,176,0,.65),0 0 65px rgba(255,141,0,.35),inset 0 0 35px rgba(255,213,106,.16);padding:22px;overflow:clip}.dbr-shell:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,220,120,.55);border-radius:24px;pointer-events:none}.dbr-header{text-align:center;padding:6px 12px 14px}.dbr-kicker{letter-spacing:.28em;font-size:13px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 12px rgba(255,213,106,.8)}.dbr-title{font-size:clamp(34px,6vw,76px);line-height:.94;font-weight:900;letter-spacing:.08em;margin:8px 0;text-transform:uppercase;background:linear-gradient(#fff7cf,#ffc13a,#9b5a00);-webkit-background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,188,52,.2)}.dbr-now{font-size:clamp(15px,2.4vw,22px);color:#fff}.dbr-now strong{color:var(--gold)}
.dbr-boombox{display:grid;grid-template-columns:minmax(150px,1fr) minmax(260px,520px) minmax(150px,1fr);gap:18px;align-items:center;margin-top:12px}.dbr-speaker{aspect-ratio:1;border-radius:50%;border:7px solid #343434;background:repeating-radial-gradient(circle,#191919 0 8px,#0d0d0d 9px 16px);box-shadow:inset 0 0 22px #000,0 0 25px rgba(255,175,0,.22);position:relative}.dbr-speaker:after{content:"";position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle,#2a2a2a,#050505);border:2px solid rgba(255,213,106,.55)}.dbr-shell.playing .dbr-speaker{animation:pulseSpeaker .7s ease-in-out infinite alternate}@keyframes pulseSpeaker{to{transform:scale(1.025);box-shadow:inset 0 0 25px #000,0 0 38px rgba(255,175,0,.5)}}
.dbr-cover-wrap{position:relative;margin:auto;max-width:520px}.dbr-cover{width:100%;aspect-ratio:1;object-fit:contain;border-radius:16px;border:3px solid var(--gold);box-shadow:0 0 26px rgba(255,196,62,.85),0 0 70px rgba(255,150,0,.4);display:block;background:#111;touch-action:pan-y}.dbr-shell.playing .dbr-cover{animation:pulseCover 1.4s ease-in-out infinite alternate}@keyframes pulseCover{to{filter:brightness(1.08);transform:translateY(-2px)}}.dbr-station-badge{position:absolute;top:12px;left:12px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.75);border:1px solid rgba(255,213,106,.8);color:var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.dbr-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0 12px}.dbr-btn{appearance:none;border:1px solid rgba(255,213,106,.9);border-radius:999px;background:linear-gradient(#3b2702,#0a0700);color:var(--gold);font-size:24px;width:62px;height:50px;box-shadow:0 0 18px rgba(255,180,0,.36),inset 0 0 12px rgba(255,213,106,.18);cursor:pointer}.dbr-btn.play{width:76px;height:60px;font-size:30px}.dbr-btn:active{transform:scale(.96)}
.dbr-progress{max-width:780px;margin:0 auto;color:#ccc}.dbr-time{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}.dbr-bar{height:9px;border-radius:999px;background:#1c1c1c;border:1px solid rgba(255,213,106,.35);overflow:hidden;margin-top:6px}.dbr-fill{height:100%;width:0%;background:linear-gradient(90deg,#765000,#ffd56a,#ff9d00);box-shadow:0 0 15px var(--gold)}
.dbr-carousel{display:flex;gap:12px;overflow-x:auto;padding:18px 4px 4px;scroll-snap-type:x mandatory}.dbr-card{min-width:150px;scroll-snap-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,213,106,.25);border-radius:14px;padding:8px;color:#fff;cursor:pointer;transition:.2s}.dbr-card.active{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 0 22px rgba(255,196,62,.45)}.dbr-card img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;display:block}.dbr-card span{display:block;font-size:12px;text-align:center;margin-top:8px;color:#f8e3a1;font-weight:700}.dbr-footer{text-align:center;color:#b9a56d;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:16px 4px 4px}.dbr-note{max-width:840px;margin:12px auto 0;text-align:center;color:#ddd;line-height:1.45;font-size:14px}.dbr-note strong{color:var(--gold)}
@media(max-width:820px){.dbr-shell{padding:16px;border-radius:22px}.dbr-boombox{grid-template-columns:1fr}.dbr-speaker{display:none}.dbr-card{min-width:128px}.dbr-controls{gap:10px}.dbr-btn{width:56px}.dbr-page{padding:10px}.dbr-title{letter-spacing:.03em}}


/* v1.1 audio + tuning + mobile swipe polish */
.dbr-status{min-height:20px;text-align:center;color:#f8e3a1;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-top:8px;opacity:.9}
.dbr-shell.tuning:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:screen;animation:dbrStatic .16s steps(2,end) infinite;opacity:.35}
.dbr-shell.tuning .dbr-cover-wrap{animation:dbrTune .52s steps(3,end) infinite}
.dbr-shell.tuned .dbr-station-badge{box-shadow:0 0 18px rgba(255,213,106,.45)}
@keyframes dbrStatic{0%{transform:translateY(-1px)}100%{transform:translateY(1px)}}
@keyframes dbrTune{0%{filter:contrast(1.05) brightness(.9);transform:translateX(-1px)}50%{filter:contrast(1.25) brightness(1.1);transform:translateX(1px)}100%{filter:contrast(1.05) brightness(.95);transform:translateX(0)}}
.dbr-bar{cursor:pointer}.dbr-card{appearance:none;text-align:inherit}.dbr-card:focus,.dbr-btn:focus{outline:2px solid var(--gold);outline-offset:3px}
.dbr-cover-wrap:after{content:"Swipe albums";position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid rgba(255,213,106,.45);color:#f8e3a1;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.78}
@media(min-width:821px){.dbr-cover-wrap:after{display:none}}


/* v1.2 centering patch: prevents carousel selection from shifting the whole player left on iPad/tablet */
html,body{width:100%;max-width:100%;overflow-x:clip!important;}
.dbr-page{width:100%;max-width:100vw;overflow-x:clip;}
.dbr-shell{max-width:calc(100vw - 28px);margin-left:auto;margin-right:auto;}
.dbr-boombox{width:100%;}
.dbr-cover-wrap{justify-self:center;width:100%;}
.dbr-carousel{max-width:100%;overscroll-behavior-x:contain;}

@media(max-width:1100px){
  .dbr-shell{padding:18px;}
  .dbr-boombox{grid-template-columns:120px minmax(280px,520px) 120px;gap:12px;justify-content:center;}
  .dbr-speaker{border-width:5px;}
}
@media(max-width:960px){
  .dbr-boombox{grid-template-columns:1fr;}
  .dbr-speaker{display:none;}
  .dbr-cover-wrap{max-width:min(520px,92vw);}
}


/* v1.3 styled content sections: power paragraph, tip jar banner, AI agent SEO block */
.dbr-content-sections{max-width:1060px;margin:28px auto 0;display:grid;gap:20px;}
.dbr-panel{position:relative;border:1px solid rgba(255,213,106,.52);border-radius:22px;background:linear-gradient(135deg,rgba(0,0,0,.74),rgba(31,21,6,.78));box-shadow:0 0 22px rgba(255,169,0,.24), inset 0 0 28px rgba(255,213,106,.08);padding:24px;overflow:hidden;}
.dbr-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0%,rgba(255,213,106,.18),transparent 32%),radial-gradient(circle at 88% 96%,rgba(255,153,0,.14),transparent 30%);pointer-events:none;}
.dbr-panel > *{position:relative;z-index:1;}
.dbr-section-kicker{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:800;margin-bottom:10px;}
.dbr-section-title{margin:0 0 12px;font-size:clamp(24px,3.2vw,38px);line-height:1.05;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#fff7cf,#ffc13a,#9b5a00);-webkit-background-clip:text;color:transparent;}
.dbr-power-copy{font-size:clamp(15px,1.7vw,18px);line-height:1.75;color:#f5ead0;margin:0;text-align:left;}
.dbr-tip-banner-wrap{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(255,213,106,.72);box-shadow:0 0 28px rgba(255,196,62,.38);background:#000;}
.dbr-tip-banner-wrap img{display:block;width:100%;height:auto;}
.dbr-tip-panel{text-align:center;}
.dbr-tip-copy{margin:14px auto 0;max-width:850px;color:#f5ead0;font-size:16px;line-height:1.55;}
.dbr-tip-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px;}
.dbr-tip-link{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,213,106,.78);background:linear-gradient(#3b2702,#0a0700);color:#ffdf86;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 14px rgba(255,180,0,.25),inset 0 0 12px rgba(255,213,106,.16);}
.dbr-tip-link:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(255,180,0,.42),inset 0 0 12px rgba(255,213,106,.2);}
.dbr-agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
.dbr-agent-card{border:1px solid rgba(255,213,106,.28);border-radius:16px;background:rgba(0,0,0,.35);padding:16px;color:#e9ddbd;}
.dbr-agent-card h3{margin:0 0 10px;color:var(--gold);font-size:15px;text-transform:uppercase;letter-spacing:.12em;}
.dbr-agent-card ul{margin:0;padding-left:18px;line-height:1.65;font-size:14px;}
.dbr-agent-card p{margin:0;line-height:1.65;font-size:14px;}
.dbr-agent-close{margin:16px 0 0;color:#fff1be;text-align:center;font-weight:800;letter-spacing:.05em;}
@media(max-width:820px){.dbr-content-sections{margin-top:22px;gap:16px}.dbr-panel{padding:18px;border-radius:18px}.dbr-agent-grid{grid-template-columns:1fr}.dbr-tip-links{gap:8px}.dbr-tip-link{min-width:136px;font-size:12px}}


/* v1.4 final polish: tightened tip jar banner, removed public audio note, added placeholder social/streaming links */
.dbr-tip-panel{padding:20px 22px 24px;}
.dbr-tip-banner-frame{max-width:760px;margin:0 auto;background:#000;border-radius:16px;padding:12px;border:1px solid rgba(255,213,106,.28);box-shadow:inset 0 0 20px rgba(255,213,106,.08);}
.dbr-tip-banner-wrap{border-radius:12px;box-shadow:0 0 18px rgba(255,196,62,.26);}
.dbr-tip-copy{margin-top:12px;font-size:15px;}
.dbr-social-panel{text-align:center;}
.dbr-social-copy{max-width:760px;margin:0 auto 16px;color:#f5ead0;line-height:1.6;}
.dbr-social-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px;}
.dbr-social-link{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,213,106,.55);background:linear-gradient(145deg,rgba(16,16,16,.95),rgba(34,23,6,.95));color:#ffdf86;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 14px rgba(255,180,0,.18),inset 0 0 12px rgba(255,213,106,.1);}
.dbr-social-link:hover{transform:translateY(-1px);border-color:rgba(255,213,106,.95);box-shadow:0 0 22px rgba(255,180,0,.38),inset 0 0 14px rgba(255,213,106,.16);}
@media(max-width:820px){.dbr-tip-panel{padding:18px}.dbr-tip-banner-frame{max-width:100%;padding:8px}.dbr-social-link{min-width:132px;font-size:12px}}

/* v1.7 sponsor-logo patch only: bottom logo strip */
.dbr-sponsor-strip{
  width:min(980px, 94vw);
  margin:28px auto 10px;
  padding:20px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px, 4vw, 48px);
  flex-wrap:wrap;
}
.dbr-sponsor-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:clamp(150px, 24vw, 240px);
  height:82px;
  text-decoration:none;
}
.dbr-sponsor-logo img{
  max-width:100%;
  max-height:82px;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  opacity:.92;
  transition:opacity .2s ease, transform .2s ease, filter .2s ease;
}
.dbr-sponsor-logo:hover img,
.dbr-sponsor-logo:focus img{
  opacity:1;
  transform:translateY(-2px);
  filter:drop-shadow(0 0 10px rgba(212,175,55,.55));
}
@media(max-width:720px){
  .dbr-sponsor-strip{gap:18px;padding:16px 10px;margin-top:22px;}
  .dbr-sponsor-logo{width:min(260px, 80vw);height:70px;}
  .dbr-sponsor-logo img{max-height:70px;}
}


/* v1.7 final image/share patch only: bottom station badge */
.dbr-final-share-badge{
  width:min(420px, 86vw);
  margin:24px auto 34px;
  text-align:center;
}
.dbr-final-share-badge img{
  width:100%;
  height:auto;
  display:block;
  border-radius:24px;
  opacity:.96;
}
@media(max-width:720px){
  .dbr-final-share-badge{
    width:min(330px, 84vw);
    margin:20px auto 28px;
  }
}


/* v3.2.8: independent photo gallery and touch viewer */
.mr-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mr-gallery-thumb{position:relative;display:block;padding:0;width:100%;overflow:hidden;border:1px solid #997633;border-radius:14px;background:#100b04;cursor:zoom-in;box-shadow:0 0 18px #ffc13a26}
.mr-gallery-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.mr-gallery-expand{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#160e03d9;color:#fff;font-size:23px;pointer-events:none}
.mr-gallery-thumb:hover{border-color:#ffe3a0;box-shadow:0 0 20px #ffd56a55}
.mr-gallery-thumb:focus-visible,.mr-photo-viewer button:focus-visible{outline:3px solid #fff0c2;outline-offset:3px}
.mr-photo-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;box-sizing:border-box;margin:0;padding:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:rgba(4,2,9,.97);color:#fff;overflow:auto;overscroll-behavior:contain;z-index:999999}
.mr-photo-viewer:not([open]){display:none}
.mr-photo-viewer[open]{display:flex;align-items:center;justify-content:center}
.mr-photo-viewer::backdrop{background:#080500ed}
.mr-viewer-panel{display:flex;flex-direction:column;width:min(1200px,100%);height:100%;max-height:1050px;min-height:0;gap:10px}
.mr-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.dbr-photo-gallery-section .mr-viewer-toolbar h2{font:700 clamp(14px,2.5vw,20px)/1.3 Arial,sans-serif;letter-spacing:.04em;text-align:left;color:#eee;background:none;-webkit-text-fill-color:currentColor;filter:none;text-shadow:none}
.mr-photo-viewer button{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;padding:0;border:1px solid #bf9747;border-radius:50%;background:#30220c;color:#fff;font-size:25px;cursor:pointer;touch-action:manipulation}
.mr-photo-viewer button:hover{background:#574015}
.mr-viewer-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.mr-viewer-photo{display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-drag:none}
.mr-viewer-controls{display:flex;align-items:center;justify-content:center;gap:26px;flex:none}
.mr-viewer-count{min-width:55px;text-align:center;font-size:16px;font-variant-numeric:tabular-nums;color:#ffe0a0}
#mr-photo-viewer-help{margin:0;text-align:center;color:#d9c79c;font-size:12px;line-height:1.4;flex:none}
@media(max-width:600px){.mr-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mr-photo-viewer{padding:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.mr-viewer-panel{gap:8px}}
@media(max-height:500px){.mr-photo-viewer{padding:8px}.mr-viewer-panel{gap:4px}.mr-photo-viewer button{width:44px;height:44px}.mr-viewer-toolbar{min-height:44px}#mr-photo-viewer-help{display:none}}

/* v3.3.0 — photo journal and independent movie viewer */
.mr-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px;flex-wrap:wrap}
.mr-gallery-filters{display:flex;gap:8px;flex-wrap:wrap}
.mr-filter{appearance:none;border:1px solid #80683b;border-radius:999px;background:#1e170b;color:#f0dfb8;padding:12px 18px;font:600 13px/1.3 Arial,sans-serif;min-height:44px;cursor:pointer}
.mr-filter:hover,.mr-filter[aria-pressed="true"]{background:#ffe0a0;color:#33220a;border-color:#ffe0a0;box-shadow:0 0 18px #ffc13a30}
.mr-gallery-total{font-size:12px;color:#cbb990;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.mr-gallery-thumb{display:flex;flex-direction:column;text-align:left;transition:border-color .2s,box-shadow .2s}
.mr-gallery-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;background:#090704;aspect-ratio:4/3}
.mr-gallery-thumb .mr-gallery-image img{height:100%;width:100%;object-fit:contain;aspect-ratio:auto}
.mr-gallery-caption{display:block;width:100%;padding:14px 12px;color:#f2e5c7;font:600 13px/1.5 Arial,sans-serif;background:linear-gradient(130deg,#251b0a,#171005);flex:1}
.mr-gallery-expand{opacity:.85}
.mr-gallery-more-wrap{text-align:center;margin-top:22px}
.mr-viewer-caption{margin:0;color:#f1e3c7;text-align:center;font:400 14px/1.5 Arial,sans-serif;flex:none}
.mr-movies-section{scroll-margin-top:24px;padding:25px 0 12px}
.mr-section-intro{max-width:640px;margin:0 auto 24px!important;font-size:14px;line-height:1.7}
.mr-movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mr-movie-card{appearance:none;display:block;padding:0;text-align:left;color:#fff;border:1px solid #967336;border-radius:18px;overflow:hidden;background:#1c1508;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.mr-movie-card:hover{border-color:#ffe0a0;box-shadow:0 0 28px #e5aa3940}
.mr-movie-preview{display:flex;position:relative;width:100%;aspect-ratio:16/10;align-items:center;justify-content:center;background:#060400}
.mr-movie-preview img{display:block;width:100%;height:100%;object-fit:contain}
.mr-movie-preview.mr-movie-preview-portrait{aspect-ratio:9/16}
.mr-movie-preview-portrait .mr-movie-play{left:14px;top:auto;bottom:14px;transform:none}
.mr-movie-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;padding-left:4px;border:1px solid #ffe9b0;border-radius:50%;background:#291b06d9;color:#fff;box-shadow:0 0 30px #efbb4980;font-size:23px}
.mr-movie-duration{position:absolute;right:12px;bottom:12px;background:#110b03e8;border-radius:6px;padding:5px 8px;font:600 12px/1.3 Arial,sans-serif;color:white}
.mr-movie-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}
.mr-movie-info small{display:block;color:#eacb88;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.16em;margin-bottom:6px}
.mr-movie-info strong{display:block;font:600 18px/1.4 Arial,sans-serif;color:#fff}
.mr-movie-watch{font:600 12px/1.5 Arial,sans-serif;white-space:nowrap;color:#f4d999}
.mr-media-note{color:#cbb88e!important;font:400 12px/1.6 Arial,sans-serif;text-align:center;margin:16px 0 0!important}
.mr-movie-viewer .mr-viewer-panel{width:100%;max-width:none;height:100%;max-height:none}
.mr-movie-viewer .mr-viewer-toolbar h2{font:600 clamp(16px,3vw,24px)/1.4 Arial,sans-serif;letter-spacing:0;margin:0;text-align:left}
.mr-movie-stage{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden}
#mr-movie-player{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.mr-movie-status{font:400 13px/1.4 Arial,sans-serif;color:#edd9ae;text-align:center;margin:0;min-height:18px;flex:none}
.mr-movie-direct{text-align:center;color:#f3dba3;text-decoration:underline;padding:10px}
.mr-resume-radio{display:block;margin:16px auto}
.mr-filter:focus-visible,.mr-movie-card:focus-visible,.mr-movie-direct:focus-visible,#mr-movie-player:focus-visible{outline:3px solid #ffecbb;outline-offset:4px}
.mr-gallery-thumb[hidden],.mr-filter[hidden],.mr-movie-direct[hidden]{display:none!important}
@media(max-width:600px){.mr-movie-grid{grid-template-columns:1fr;gap:16px}.mr-movie-info{padding:16px}.mr-gallery-toolbar{gap:12px}.mr-filter{padding:11px 13px;font-size:12px}.mr-gallery-caption{font-size:12px;padding:10px}.mr-movie-play{width:52px;height:52px}.mr-viewer-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mr-gallery-thumb,.mr-movie-card{transition:none}}
/* Lock preview frames independently of portrait image dimensions. */
.mr-gallery-thumb .mr-gallery-image img,.mr-movie-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}


/* v2: Manolo layout with Don Beano's original gold and black palette. */
.dbr-page{display:block;padding:20px 14px 38px;padding-top:max(20px,env(safe-area-inset-top));min-height:100vh}
.dbr-shell{width:min(1220px,100%);max-width:100%;margin:0 auto;padding:18px;border-radius:22px;overflow:clip}
.dbr-shell:before{inset:8px;border-radius:16px}
.dbr-utility-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:4px 2px 14px;margin-bottom:10px;border-bottom:1px solid #ffd56a30}
.dbr-nav-brand{font-size:14px;font-weight:900;letter-spacing:.14em;color:var(--gold);white-space:nowrap}
.dbr-nav-brand span{font-weight:400;font-size:11px}
.dbr-social-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dbr-social-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #b58a3b66;border-radius:999px;background:#120e07;font-size:12px;font-weight:700;color:#f5dfaa}
.dbr-social-nav a:hover{background:#392709;border-color:var(--gold)}
.mr-ad-carousel{width:100%;margin:0 auto 12px;min-width:0}
.mr-ad-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border:1px solid #bc923f;border-radius:10px;background:#060400;box-shadow:0 0 22px #e3a82b25}
.mr-ad-track::-webkit-scrollbar{display:none}
.mr-ad-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.mr-ad-slide a,.mr-ad-slide picture{display:block;width:100%}
.mr-ad-slide img{display:block;width:100%;height:auto;aspect-ratio:1536/281;object-fit:contain;background:#000;user-select:none;-webkit-user-drag:none}
.dbr-station-banner{display:flex;align-items:center;gap:4%;aspect-ratio:1536/281;padding:1.2% 3%;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#5c3c0a66,transparent 65%),linear-gradient(120deg,#070500,#1f1507 50%,#050400)}
.dbr-station-banner img{width:16%;height:auto;aspect-ratio:1;border-radius:8px;box-shadow:0 0 24px #ffbc3850}
.dbr-station-wordmark{flex:1;text-align:center;color:var(--gold)}
.dbr-station-wordmark>span{font-size:clamp(7px,1.1vw,12px);letter-spacing:.24em}
.dbr-station-wordmark h1{font:900 clamp(24px,5.5vw,68px)/1.05 Arial,sans-serif;letter-spacing:.02em;margin:8px 0;background:linear-gradient(#fff8d7,#ffd56a 48%,#ad6d10);-webkit-background-clip:text;background-clip:text;color:transparent}
.dbr-station-wordmark em{font-family:Georgia,serif;font-weight:400;text-shadow:0 0 20px #efba4966}
.dbr-station-wordmark p{font-size:clamp(9px,1.2vw,14px);letter-spacing:.24em;margin:0}
.dbr-header{padding:6px 8px 12px;text-align:center}
.dbr-now{font-size:clamp(14px,2.1vw,22px);line-height:1.5}
.dbr-now>span{font-size:.65em;letter-spacing:.13em;color:#d2c8af;margin-right:7px}
.dbr-boombox{display:grid;width:100%;grid-template-columns:minmax(65px,140px) minmax(200px,520px) minmax(65px,140px);justify-content:center;align-items:center;gap:26px;margin:42px auto 0}
.dbr-speaker{display:block;width:100%;max-width:140px;justify-self:center}
.dbr-cover-wrap{position:relative;width:100%;max-width:520px;margin:0;padding:0;overflow:visible;touch-action:pan-y}
.dbr-cover{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:none!important;animation:none!important}
.dbr-station-badge{top:-19px;left:12px;padding:9px 12px;z-index:6;font-size:11px}
.dbr-cover-wrap:after{display:none}
.dbr-cover-wrap.mr-art-loaded:before{content:"";position:absolute;z-index:5;inset:3px;border-radius:14px;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#ffffff14 43%,#fff2c152 50%,#ffffff14 57%,transparent 62%);background-size:300% 100%;background-position:100% 0;opacity:0}
.dbr-shell.playing .dbr-cover-wrap.mr-art-loaded:before{animation:dbrGloss 4.5s ease-in-out infinite}
@media(hover:hover){.dbr-shell .dbr-cover-wrap.mr-art-loaded:hover:before{animation:dbrGlossHover 1.1s ease-in-out both}}
@keyframes dbrGloss{0%,8%{background-position:100% 0;opacity:0}15%{opacity:1}45%{background-position:0% 0;opacity:1}55%,100%{background-position:0% 0;opacity:0}}
@keyframes dbrGlossHover{from{background-position:100% 0;opacity:0}20%,80%{opacity:1}to{background-position:0% 0;opacity:0}}
.dbr-shell.playing .dbr-speaker{animation:dbrSpeakerPulse .55s ease-in-out infinite alternate}
.dbr-shell.playing .dbr-speaker:after{animation:dbrSpeakerCone .275s ease-in-out infinite alternate}
@keyframes dbrSpeakerPulse{from{transform:scale(1)}to{transform:scale(1.045);box-shadow:inset 0 0 25px #000,0 0 36px #ffc13a88}}
@keyframes dbrSpeakerCone{from{transform:scale(.97)}to{transform:scale(1.08)}}
.dbr-status{margin-top:14px;font-size:12px}
.dbr-progress{max-width:820px;margin:14px auto 18px}
.dbr-albums-section,.mr-feature-section,.dbr-photo-gallery-section{margin:28px 0 30px;scroll-margin-top:18px}
.mr-feature-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,1fr);gap:clamp(4px,1vw,14px);align-items:center;margin:0 auto 12px}
.mr-feature-heading h2{font-family:'Arial Narrow',Impact,'Helvetica Neue',sans-serif;font-size:clamp(16px,3.05vw,36px);font-weight:900;line-height:1.1;white-space:nowrap;letter-spacing:.025em;color:#fff5d6;text-shadow:0 0 4px #fff4ce,0 0 15px #dca735,0 0 28px #9e680d;margin:0;text-align:center}
.mr-feature-art{display:block;width:100%;max-width:250px;max-height:115px;object-fit:contain;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(350deg) drop-shadow(0 0 9px #ffbe3c55)}
.mr-feature-art:first-child{justify-self:end}.mr-feature-art-right{justify-self:start}
.dbr-carousel{position:relative;gap:12px;padding:14px 4px 12px;scrollbar-width:thin;scrollbar-color:#9b7632 #0c0802}
.dbr-card{flex:0 0 calc((100% - 48px)/5);min-width:155px;max-width:240px;padding:8px;transition:transform .25s,box-shadow .25s}
.dbr-card img{object-fit:contain}
.dbr-card.active{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 0 22px #ffc43e60}
.dbr-card span{font-size:12px;min-height:32px;display:flex;align-items:center;justify-content:center;line-height:1.3}
.dbr-content-sections{margin-top:32px}
.dbr-link-pending{opacity:.55;display:inline-flex;flex-direction:column;cursor:default;box-shadow:none}
.dbr-link-pending small{font-size:9px;font-weight:400;letter-spacing:.04em;margin-top:4px;text-transform:none}
.dbr-media-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:150px;padding:26px 18px;border:1px solid #8e692f80;border-radius:18px;background:radial-gradient(ellipse at top,#36260e,#0a0804);text-align:center;color:#d7c29b}
.dbr-media-empty>span{color:var(--gold);font-size:26px;margin-bottom:12px}.dbr-media-empty strong{font-size:14px;letter-spacing:.14em;color:var(--gold)}.dbr-media-empty p{margin:12px 0 0;font-size:14px;line-height:1.6}
.mr-section-intro,.dbr-gallery-description{text-align:center;color:#d6c8ab;font-size:14px;line-height:1.7;margin:0 auto 20px}
.dbr-gallery-actions{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#c6ad7a;margin-top:16px}
.dbr-back-top{color:var(--gold)}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,.dbr-bar:focus-visible,.mr-ad-track:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:960px){.dbr-boombox{grid-template-columns:minmax(45px,90px) minmax(180px,500px) minmax(45px,90px);gap:18px}.dbr-speaker{display:block;border-width:5px}.dbr-utility-nav{gap:12px;flex-wrap:wrap}.dbr-social-nav{justify-content:flex-start}.dbr-card{min-width:165px}}
@media(max-width:760px){.mr-feature-heading h2{font-size:clamp(14px,2.7vw,22px)}.mr-feature-art{max-height:90px}.dbr-shell{padding:14px}.dbr-social-nav{gap:6px}.dbr-social-nav a{padding:8px 10px}}
@media(max-width:600px){.dbr-page{padding:12px 8px 28px}.dbr-shell{border-radius:16px;padding:12px}.dbr-boombox{grid-template-columns:1fr;margin-top:32px}.dbr-speaker{display:none}.dbr-cover-wrap{max-width:430px}.dbr-station-badge{font-size:9px;top:-17px}.mr-ad-slide img,.dbr-station-banner{aspect-ratio:3/1}.dbr-station-banner img{aspect-ratio:1;width:23%}.dbr-station-banner{gap:3%;padding:3%}.dbr-station-wordmark h1{font-size:clamp(23px,5.3vw,34px)}.dbr-station-wordmark>span{font-size:6px;letter-spacing:.1em}.dbr-station-wordmark p{font-size:7px;letter-spacing:.12em}.dbr-station-wordmark em{display:block;font-size:.8em}.dbr-card{flex-basis:43%;min-width:145px}.dbr-nav-brand{font-size:13px}.dbr-now>span{display:block;margin:0}.dbr-now strong{font-size:17px}.dbr-gallery-actions{flex-wrap:wrap}.dbr-panel{padding:18px}}
@media(max-width:480px){.mr-feature-heading{grid-template-columns:minmax(40px,1fr) minmax(0,2.8fr) minmax(40px,1fr)}.mr-feature-heading h2{font-size:clamp(13px,3.3vw,18px);white-space:normal}.mr-feature-art{max-height:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.dbr-album-soon{display:block;color:#b49b6b;font-size:10px;line-height:1.5;text-align:center;margin:3px 0 2px;font-weight:400}
.dbr-btn:disabled{opacity:.45;cursor:default;box-shadow:none}

/* v2.1: Don Beano opening artwork and album folders. */
.mr-ad-slide .dbr-opening-banner img{object-fit:cover;object-position:center}
.dbr-track-count{display:block;color:#d9c296;font-size:11px;text-align:center;margin:3px 0}
.dbr-playlists{display:grid;gap:12px;margin:22px 4px 0}
.dbr-album-folder{border:1px solid #80632f;border-radius:16px;overflow:clip;background:linear-gradient(135deg,#201808,#0b0905)}
.dbr-album-folder summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none;color:#ffe5a4}
.dbr-album-folder summary::-webkit-details-marker{display:none}
.dbr-album-folder summary img{object-fit:cover;border-radius:7px;border:1px solid #b38b43}
.dbr-album-folder summary strong{display:block;font-size:21px;letter-spacing:.03em}
.dbr-album-folder summary small{display:block;font-size:12px;color:#cbbb98;margin-top:5px;line-height:1.5}
.dbr-folder-chevron{margin-left:auto;font-size:26px;transition:transform .2s}.dbr-album-folder[open] .dbr-folder-chevron{transform:rotate(180deg)}
.dbr-folder-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px 15px}
.dbr-folder-tools p{margin:0;color:#d1c2a4;font-size:13px;line-height:1.5}
.dbr-play-album{border:1px solid #ffe3a0;background:linear-gradient(#ffe4a5,#e2b04a);color:#201500;border-radius:999px;min-height:44px;padding:10px 20px;font:700 13px Arial,sans-serif;white-space:nowrap;cursor:pointer}
.dbr-track-list{list-style:none;margin:0;padding:0 10px 10px;max-height:352px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-color:#c29a4e #171105;scrollbar-width:thin}
.dbr-track-list li{margin:0;padding:0;border-top:1px solid #ffd56a18}
.dbr-track{display:grid;grid-template-columns:30px minmax(0,1fr) auto 20px;align-items:center;gap:14px;width:100%;text-align:left;min-height:54px;padding:12px 14px;border:1px solid transparent;border-radius:8px;color:#eee5d0;background:transparent;font:400 14px/1.4 Arial,sans-serif;cursor:pointer}
.dbr-track-number,.dbr-track-length{font-variant-numeric:tabular-nums;color:#b5a88c;font-size:12px}
.dbr-track-icon{color:#bc9650;font-size:12px;text-align:center}.dbr-track-name{overflow-wrap:anywhere}
.dbr-track:hover,.dbr-track[aria-current="true"]{border-color:#dca83a80;background:#ffd56a15;color:#ffe4a0}
.dbr-track[aria-current="true"] .dbr-track-number,.dbr-track[aria-current="true"] .dbr-track-icon{color:#ffd56a}
.dbr-track:disabled,.dbr-play-album:disabled{opacity:.45;cursor:default}
.dbr-album-folder summary:focus-visible,.dbr-track-list:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
@media(max-width:600px){.mr-ad-slide .dbr-opening-banner img{object-fit:cover}.dbr-album-folder summary{padding:12px;gap:10px}.dbr-album-folder summary strong{font-size:18px}.dbr-folder-tools{padding:0 12px 12px;gap:10px}.dbr-folder-tools p{font-size:11px}.dbr-play-album{padding:10px 14px;font-size:12px}.dbr-track{gap:8px;padding:12px 8px;font-size:13px;grid-template-columns:24px minmax(0,1fr) auto 16px}.dbr-track-list{max-height:330px}}

/* v2.1.1: page wrappers must never become hidden vertical scroll containers. */
html{scroll-behavior:auto}
.dbr-track-list{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.dbr-cover-wrap,.dbr-cover{touch-action:pan-y pinch-zoom}
.dbr-cover,.dbr-card img,.dbr-album-folder summary img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
@supports not (overflow:clip){
  html,body{overflow-x:visible!important}
  .dbr-page,.dbr-shell,.dbr-album-folder{overflow:visible}
  .dbr-page:before{inset:0;animation:none}
}

/* v2.2: Manolo-style language shortcuts, Tip Jar and horizontal album rail. */
.dbr-language-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}
.dbr-flag-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border-radius:999px;border:1px solid #b58a3b66;background:#120e07;font-size:22px;box-shadow:0 0 14px #d69b2620}
.dbr-flag-link:hover,.dbr-flag-link:focus-visible{border-color:var(--gold);box-shadow:0 0 18px #ffc43e60}
.dbr-social-nav .dbr-social-icon{width:38px;min-width:38px;padding:6px;font-size:23px}
.dbr-carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:12px;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scroll-padding:4px}
.dbr-card{flex:0 0 clamp(170px,19vw,224px);min-width:170px;max-width:none}
.dbr-card .dbr-tip-tile{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;width:100%;aspect-ratio:1;margin:0;padding:12px 0;border-radius:10px;background:radial-gradient(ellipse at top,#49310b,#050402 80%);overflow:clip}
.dbr-card .dbr-tip-tile img{aspect-ratio:auto;width:100%;height:auto;margin:0}
.dbr-card .dbr-tip-eyebrow{margin:0;min-height:0;font-size:9px;letter-spacing:.13em;color:#f2dba5}
.dbr-card .dbr-tip-ribbon,.dbr-player-tip-link span{display:block;min-height:0;margin:0 8px;padding:9px 8px;background:linear-gradient(110deg,#006623,#00b83d,#006623);color:#fff;font-size:21px;font-weight:900;font-style:italic;letter-spacing:.06em;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);text-align:center}
.dbr-tip-selected{background:radial-gradient(ellipse,#39280d,#050402);border-radius:16px}
.dbr-tip-selected .dbr-cover{background:transparent}
.dbr-player-tip-link{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 5% 10%;z-index:7;border-radius:16px}
.dbr-player-tip-link[hidden]{display:none!important}
.dbr-player-tip-link span{width:90%;padding:14px;font-size:clamp(24px,4vw,45px);transform:rotate(-5deg);box-shadow:0 10px 30px #0008}
.dbr-player-tip-link:focus-visible{outline:3px solid white;outline-offset:5px}
.dbr-support-languages{display:grid;gap:24px}
.dbr-language-heading{display:flex;align-items:center;gap:14px;justify-content:center}
.dbr-language-heading>span{font-size:30px}.dbr-language-heading h2{margin:0;color:var(--gold);font-size:clamp(25px,4vw,38px);text-transform:uppercase;letter-spacing:.05em}
.dbr-brand-tagline{font-size:23px;font-weight:700;text-align:center;color:#fff0c4;margin:14px 0}
.dbr-support-copy{font-size:17px;line-height:1.7;color:#e6d8bb;text-align:center}
.dbr-brand-tags{color:#bfa56e;text-align:center;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.dbr-power-copy a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}
.dbr-language-support>.dbr-back-top{display:table;margin:18px auto 0}
.dbr-tip-link.cashapp{border-color:#43cc74;background:linear-gradient(135deg,#103c22,#07170d);color:#edfff1;white-space:normal;text-align:center}
.dbr-cashapp-pulse{animation:dbrTipPulse 1.5s ease-in-out infinite alternate}
@keyframes dbrTipPulse{to{box-shadow:0 0 24px #38d17c70,inset 0 0 10px #38d17c20}}
@media(max-width:600px){.dbr-utility-nav{gap:12px}.dbr-social-nav{gap:6px}.dbr-social-nav a{padding:7px 10px;min-height:38px}.dbr-card{flex-basis:168px;min-width:168px}.dbr-brand-tagline{font-size:20px}.dbr-language-support{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.dbr-cashapp-pulse{animation:none}}

/* v2.3: continuous album playback and accessible shuffle control. */
.dbr-playback-options{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px auto 22px;padding:0 14px;color:#d8c795;font-size:13px;text-align:center}
.dbr-shuffle{min-height:44px;padding:9px 18px;border:1px solid #987b36;border-radius:24px;background:#171207;color:#ffe4a2;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}
.dbr-shuffle[aria-pressed="true"]{color:#201400;background:linear-gradient(135deg,#ffe9ab,#e8b441);box-shadow:0 0 18px #ffd56a33}
.dbr-shuffle:focus-visible{outline:3px solid #fff0bc;outline-offset:4px}
@media(max-width:480px){.dbr-playback-options{gap:8px}.dbr-playback-options>span{flex-basis:100%}}

/* Full QR artwork already contains its own label and ribbon. */
.dbr-card .dbr-tip-tile{display:block;padding:0;background:#fff}
.dbr-card .dbr-tip-tile img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain}
.dbr-tip-selected .dbr-cover{object-fit:contain;background:#fff}
.dbr-tip-panel .dbr-tip-banner-frame{max-width:600px}

/* Large movie view from the first tap; native fullscreen may be declined by the browser. */
#mr-movie-player:fullscreen{width:100vw;height:100vh;object-fit:contain;background:#000}
#mr-movie-player:-webkit-full-screen{width:100%;height:100%;object-fit:contain;background:#000}
@media(max-height:500px){.mr-movie-viewer .mr-media-note{display:none}.mr-movie-viewer .mr-viewer-toolbar h2{font-size:16px}}

/* Independent soundboard below the player timeline. */
.dbr-soundboard{margin:24px auto 30px;padding:18px;border:1px solid #80683b;border-radius:18px;background:linear-gradient(135deg,#211805,#0c0a06);max-width:960px}
.dbr-soundboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.dbr-soundboard h2{margin:0;color:#ffd56a;font:800 18px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.dbr-soundboard-header p{margin:5px 0 0;color:#d1c2a4;font-size:13px}
.dbr-fx-stop{border:1px solid #80683b;background:#171208;color:#ffe0a0;border-radius:999px;padding:10px 15px;min-height:44px;cursor:pointer;font-weight:700;white-space:nowrap}
.dbr-fx-pads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dbr-fx-pad{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:66px;padding:10px 6px;border:1px solid #a47c33;border-radius:12px;background:linear-gradient(#34270e,#171106);color:#ffe7a8;cursor:pointer;touch-action:manipulation;font-size:14px}
.dbr-fx-pad span{font-size:21px}.dbr-fx-pad:hover,.dbr-fx-pad.is-playing{background:linear-gradient(#ffdf84,#ba8420);color:#1d1303;border-color:#ffe9b0;box-shadow:0 0 18px #f5b63255}
.dbr-fx-pad.is-loading{opacity:.65}.dbr-fx-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.dbr-fx-footer label{display:flex;align-items:center;gap:8px;color:#e5d5af;font-size:12px}.dbr-fx-footer input{width:110px;accent-color:#ffd56a;min-height:28px}.dbr-fx-footer output{min-width:34px;font-variant-numeric:tabular-nums}.dbr-fx-status{margin:0;color:#d1c2a4;font-size:12px}
.dbr-fx-pad:focus-visible,.dbr-fx-stop:focus-visible,.dbr-fx-footer input:focus-visible{outline:3px solid #ffe9b0;outline-offset:3px}
@media(max-width:600px){.dbr-soundboard{padding:14px}.dbr-fx-pads{grid-template-columns:repeat(3,minmax(0,1fr))}.dbr-fx-pad{flex-direction:column;gap:5px;font-size:12px;min-height:74px}.dbr-fx-footer{align-items:flex-start;flex-direction:column}}