.wrbr-player{--wrbr-ink:#142032;--wrbr-muted:#607086;--wrbr-blue:var(--wrbr-c-navy,#00209f);--wrbr-red:var(--wrbr-c-red,#d21034);--wrbr-edge:#dbe3ed;box-sizing:border-box;max-width:990px;margin:24px auto;border:1px solid var(--wrbr-edge);border-radius:20px;overflow:hidden;color:var(--wrbr-ink);background:#fff;box-shadow:0 12px 45px rgba(22,43,71,.07);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-player *{box-sizing:border-box}
.wrbr-header{display:flex;align-items:center;gap:22px;padding:27px 31px;color:#fff;background:linear-gradient(118deg,var(--wrbr-c-navy2,#00154b) 0%,var(--wrbr-c-navy,#00209f) 64%,var(--wrbr-c-navy3,#3448b1) 100%)}
.wrbr-mark{width:95px;height:95px;display:flex;align-items:center;justify-content:center;flex:none;border:3px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;background:rgba(0,0,0,.13);letter-spacing:1px;font-size:20px;font-weight:900}
.wrbr-header h2{margin:4px 0;font-size:clamp(26px,4.5vw,37px);line-height:1.05;color:#fff}
.wrbr-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px!important;opacity:.84;margin:0!important}
.wrbr-lede{margin:7px 0 0!important;opacity:.91;font-size:13px}
.wrbr-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.8fr)}
.wrbr-now{padding:33px 35px}
.wrbr-label{color:var(--wrbr-red);font-size:11px!important;font-weight:800;letter-spacing:1.7px;margin:0 0 11px!important}
.wrbr-now h3{font-size:clamp(24px,3vw,32px);line-height:1.16;margin:0 0 8px!important;color:var(--wrbr-ink)}
.wrbr-artist{font-weight:600;margin:0!important;font-size:15px}
.wrbr-program{display:inline-flex;border-radius:16px;background:#edf3ff;color:#27427d;padding:5px 11px;font-size:11px;font-weight:700;margin:12px 0 21px!important}
.wrbr-progress-wrap{display:flex;align-items:center;gap:11px;margin:4px 0 16px;font-size:11px;color:var(--wrbr-muted);font-variant-numeric:tabular-nums}
.wrbr-progress{flex:1;min-width:70px}
.wrbr-player input[type=range]{accent-color:var(--wrbr-blue);cursor:pointer}
.wrbr-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0 29px}
.wrbr-controls button{border:1px solid var(--wrbr-edge);background:#fff;color:var(--wrbr-ink);border-radius:100px;min-width:50px;min-height:50px;line-height:1;padding:13px 18px;cursor:pointer;font-size:23px;transition:transform .15s ease,border-color .15s ease}
.wrbr-controls button:hover{transform:translateY(-1px);border-color:var(--wrbr-blue)}
.wrbr-controls button.wrbr-toggle{min-width:107px;min-height:54px;background:var(--wrbr-red);border-color:var(--wrbr-red);color:#fff;font-size:16px;font-weight:800}
.wrbr-controls button:focus-visible,.wrbr-queue-pick:focus-visible,.wrbr-player select:focus-visible{outline:3px solid #efa938;outline-offset:3px}
.wrbr-tools{display:flex;flex-wrap:wrap;gap:24px;padding-top:17px;border-top:1px solid var(--wrbr-edge)}
.wrbr-tools label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:var(--wrbr-muted);display:flex;flex-direction:column;gap:9px}
.wrbr-tools label input{min-width:150px}
.wrbr-tools select{font-size:13px;font-weight:600;background:#f7f9fb;color:var(--wrbr-ink);border:1px solid var(--wrbr-edge);border-radius:8px;padding:9px 12px;max-width:220px}
.wrbr-feedback{font-size:12px;line-height:1.5;color:var(--wrbr-muted);margin:19px 0 0!important}
.wrbr-queue{padding:32px 24px;background:#f5f7fb;border-left:1px solid var(--wrbr-edge)}
.wrbr-queue h3{margin:0 0 13px!important;font-size:17px;color:var(--wrbr-ink)}
.wrbr-track-list{margin:0!important;padding:0!important;list-style:none!important;counter-reset:wrbr-items;display:flex;flex-direction:column;gap:7px}
.wrbr-track-list li{counter-increment:wrbr-items;display:flex;align-items:center;gap:9px;margin:0!important;border-bottom:1px solid #e0e7f0;padding:4px 0 10px}
.wrbr-track-list li:before{content:counter(wrbr-items,decimal-leading-zero);font-size:10px;font-weight:800;color:#8491a0}
.wrbr-queue-pick{background:none!important;border:0!important;padding:7px 0!important;margin:0!important;cursor:pointer;text-align:left!important;line-height:1.35;font-size:13px!important;color:var(--wrbr-ink)!important;font-weight:600}
.wrbr-queue-pick:hover{text-decoration:underline}
.wrbr-empty{padding:35px;font-size:15px;color:var(--wrbr-muted)}
.wrbr-disclaimer{background:#fff;border-top:1px solid var(--wrbr-edge);padding:12px 25px!important;margin:0!important;font-size:11px;color:var(--wrbr-muted);text-align:center}
@media(max-width:700px){.wrbr-header{gap:15px;padding:20px}.wrbr-mark{width:65px;height:65px;font-size:14px}.wrbr-body{grid-template-columns:1fr}.wrbr-now{padding:26px 22px}.wrbr-queue{padding:24px 22px;border-left:none;border-top:1px solid var(--wrbr-edge)}.wrbr-tools{gap:13px}.wrbr-tools label input{min-width:110px}}
@media(prefers-reduced-motion:reduce){.wrbr-controls button{transition:none}.wrbr-controls button:hover{transform:none}}
/* v0.2.6: Repeat, Riddim Recharge, song search */
.wrbr-controls button.wrbr-repeat{font-size:19px;opacity:.55}
.wrbr-controls button.wrbr-repeat.is-on{opacity:1;border-color:var(--wrbr-blue);background:#edf3ff;color:var(--wrbr-blue)}
.wrbr-controls button:disabled{opacity:.35;cursor:not-allowed;transform:none}
.wrbr-recharge{margin:-12px 0 20px;padding:14px 16px;border-radius:14px;background:linear-gradient(118deg,var(--wrbr-c-navy2,#00154b),var(--wrbr-c-navy,#00209f));color:#fff;text-align:center}
.wrbr-recharge[hidden]{display:none}
.wrbr-recharge p{margin:0!important}
.wrbr-recharge-title{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-recharge-line{font-size:15px;font-weight:700;line-height:1.35;margin:6px 0 4px!important}
.wrbr-recharge-count{font-size:12px;opacity:.85;font-variant-numeric:tabular-nums}
.wrbr-wiggle{animation:wrbr-wiggle .4s ease}
@keyframes wrbr-wiggle{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.wrbr-search-wrap{display:block;margin:0 0 14px}
.wrbr-search{width:100%;font-size:13px;padding:9px 12px;border:1px solid var(--wrbr-edge);border-radius:8px;background:#fff;color:var(--wrbr-ink)}
.wrbr-search:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-queue-pick[aria-current=true]{color:var(--wrbr-blue)!important}
.wrbr-player .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.wrbr-wiggle{animation:none}}
/* v0.2.7: song sharing */
.wrbr-program-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 21px}
.wrbr-program-row .wrbr-program{margin:0!important}
.wrbr-share{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--wrbr-edge);background:#fff;color:var(--wrbr-blue);font-size:13px;font-weight:700;cursor:pointer;line-height:1}
.wrbr-share:hover{border-color:var(--wrbr-blue);background:#edf3ff}
.wrbr-share:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-share[hidden]{display:none}
.wrbr-shared-note{margin:0 0 10px!important;padding:10px 12px;border-radius:10px;background:#fff5d6;color:#5a3500;font-size:14px;font-weight:600;line-height:1.4}
.wrbr-shared-note[hidden]{display:none}
/* v0.2.8: play counters */
.wrbr-plays{margin:2px 0 0!important;font-size:13px;font-weight:700;color:var(--wrbr-blue);font-variant-numeric:tabular-nums}
.wrbr-plays[hidden],.wrbr-station-total[hidden]{display:none}
.wrbr-station-total{margin:8px 0 0!important;display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.wrbr-row-plays{display:block;margin-top:2px;font-size:11px;font-weight:600;color:#8491a0;font-variant-numeric:tabular-nums}
/* v0.2.9: Like (green), Favorite (red), Rating (gold); Favorites / Recently played views */
.wrbr-player{--wrbr-like:var(--wrbr-c-green,#1e7f34);--wrbr-fav:#c41e3a;--wrbr-gold:#f5b301;--wrbr-gold-edge:#8a5a00}
.wrbr-engage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px}
.wrbr-engage[hidden],.wrbr-views[hidden],.wrbr-rate-clear[hidden]{display:none}
.wrbr-like,.wrbr-fav{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;line-height:1;cursor:pointer;font-variant-numeric:tabular-nums}
.wrbr-like{border:2px solid var(--wrbr-like);color:var(--wrbr-like)}
.wrbr-like.is-on{background:var(--wrbr-like);color:#fff}
.wrbr-fav{border:2px solid var(--wrbr-fav);color:var(--wrbr-fav)}
.wrbr-fav.is-on{background:var(--wrbr-fav);color:#fff}
.wrbr-fav-shape{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.wrbr-fav.is-on .wrbr-fav-shape{fill:currentColor}
.wrbr-like-count:empty{display:none}
.wrbr-rate{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px}
.wrbr-star{min-width:32px;min-height:36px;padding:0 2px;border:0!important;background:none!important;font-size:24px;line-height:1;cursor:pointer;color:#fff;-webkit-text-stroke:1.5px #6b7684;transition:transform .12s ease}
.wrbr-star.is-on{color:var(--wrbr-gold);-webkit-text-stroke:1.5px var(--wrbr-gold-edge)}
.wrbr-star:hover:not(:disabled){transform:scale(1.12)}
.wrbr-rating-summary{margin-left:6px;font-size:12.5px;font-weight:600;color:var(--wrbr-ink);font-variant-numeric:tabular-nums}
.wrbr-rate-clear{margin-left:6px;padding:4px 8px;border:1px solid var(--wrbr-edge);border-radius:6px;background:#fff;color:#5a6472;font-size:11.5px;cursor:pointer}
.wrbr-like:disabled,.wrbr-fav:disabled,.wrbr-star:disabled{opacity:.45;cursor:not-allowed;transform:none}
.wrbr-like:focus-visible,.wrbr-fav:focus-visible,.wrbr-star:focus-visible,.wrbr-rate-clear:focus-visible,.wrbr-view:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-views{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}
.wrbr-view{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:var(--wrbr-ink);font-size:12.5px;font-weight:700;cursor:pointer}
.wrbr-view[aria-pressed=true]{background:var(--wrbr-blue);border-color:var(--wrbr-blue);color:#fff}
.wrbr-list-empty{list-style:none;padding:8px 0;font-size:12.5px;color:#5a6472}
@media(prefers-reduced-motion:reduce){.wrbr-star{transition:none}.wrbr-star:hover:not(:disabled){transform:none}}
/* v0.3.0: Kids Hits star, playlist bar, gold rating star */
.wrbr-kids{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border:2px solid rgba(255,210,63,.6);border-radius:999px;background:rgba(0,10,50,.28);color:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:transform .15s ease,background .15s ease}
.wrbr-kids[hidden]{display:none}
.wrbr-kids:hover{transform:translateY(-2px);background:rgba(255,210,63,.14)}
.wrbr-kids:focus-visible{outline:3px solid var(--wrbr-c-gold,#ffd23f);outline-offset:3px}
.wrbr-kids-star{flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.wrbr-kids-text strong{display:block;font-size:21px;font-weight:800;line-height:1.1;color:var(--wrbr-c-gold,#ffd23f);letter-spacing:.3px}
.wrbr-kids-text span{display:block;margin-top:3px;font-size:13px;font-weight:600;color:#fff}
.wrbr-kids.is-on{border-color:var(--wrbr-c-gold,#ffd23f);background:rgba(255,210,63,.2)}
.wrbr-kids.is-on .wrbr-kids-star{filter:drop-shadow(0 0 10px rgba(255,210,63,.9)) drop-shadow(0 3px 4px rgba(0,0,0,.35))}
@keyframes wrbr-twinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
.wrbr-kids-twinkle{transform-box:fill-box;transform-origin:center;animation:wrbr-twinkle 2.4s ease-in-out infinite}
.wrbr-kids-twinkle-2{animation-delay:1.2s}
.wrbr-playlist-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#fff8dc;border:1px solid #f1d27a;color:#4a3300;font-size:13.5px;font-weight:700}
.wrbr-playlist-bar[hidden]{display:none}
.wrbr-playlist-exit{margin-left:auto;padding:5px 10px;border:1px solid #c9a227;border-radius:999px;background:#fff;color:#4a3300;font-size:12px;font-weight:700;cursor:pointer}
.wrbr-playlist-exit:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-gold-star{color:var(--wrbr-gold);-webkit-text-stroke:1px var(--wrbr-gold-edge)}
.wrbr-view[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.wrbr-kids-twinkle{animation:none}.wrbr-kids{transition:none}.wrbr-kids:hover{transform:none}}
@media(max-width:700px){.wrbr-header{flex-wrap:wrap}.wrbr-kids{margin-left:0;width:100%}}
/* v0.9.5: character playlist deck (replaces the public Kids Hits star; approved Oct 15) */
.wrbr-deck{margin-left:auto;flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 12px;border-radius:10px;background:#0a1a4a}
.wrbr-deck[hidden],.wrbr-player.is-kids .wrbr-deck{display:none!important}
.wrbr-deck-row{display:flex;align-items:center;gap:8px;justify-content:center;width:100%}
.wrbr-player button.wrbr-deck-arrow{width:44px;height:44px;flex:0 0 44px;margin:0;padding:0;border-radius:50%;border:1px solid #5b6a99;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}
.wrbr-player button.wrbr-deck-arrow:hover{border-color:var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-deck-cards{flex:0 1 150px;min-width:0}
.wrbr-player button.wrbr-deck-card{display:flex;flex-direction:column;gap:4px;width:100%;margin:0;padding:0;border:0;border-radius:10px;background:none;color:#fff;text-align:left;font-family:inherit;cursor:pointer;line-height:1.2}
.wrbr-player button.wrbr-deck-card[hidden]{display:none}
.wrbr-deck-photo{position:relative;display:block;aspect-ratio:1;border-radius:10px;background:#22356b;overflow:hidden;transition:box-shadow .15s ease}
.wrbr-player .wrbr-deck-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;max-width:none}
.wrbr-deck-star{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:#0a1a4a;border:2px solid #f5c518;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.wrbr-deck-name{display:block;padding-top:4px;color:var(--wrbr-c-gold,#ffd23f);font-size:18px;font-weight:700;line-height:1.2}
.wrbr-deck-genre{display:block;color:#fff;font-size:14px;font-weight:500}
.wrbr-player button.wrbr-deck-card:hover .wrbr-deck-photo{box-shadow:0 0 0 3px rgba(255,210,63,.55)}
.wrbr-player button.wrbr-deck-card.is-on .wrbr-deck-photo{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f)}
.wrbr-player button.wrbr-deck-card:focus-visible,.wrbr-player button.wrbr-deck-arrow:focus-visible,.wrbr-player button.wrbr-deck-dot:focus-visible{outline:3px solid var(--wrbr-c-gold,#ffd23f);outline-offset:3px}
.wrbr-deck-dots{display:flex;gap:0;flex-wrap:wrap;justify-content:center}
.wrbr-player button.wrbr-deck-dot{width:24px;height:24px;margin:0;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wrbr-deck-dot span{width:10px;height:10px;border-radius:50%;background:#5b6a99}
.wrbr-deck-dot[aria-current=true] span{background:#f5c518}
@media(max-width:700px){.wrbr-deck{margin-left:0;width:100%;box-sizing:border-box}.wrbr-deck-cards{flex-basis:170px}.wrbr-deck-name{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wrbr-deck-photo{transition:none}}
/* v0.3.1: song menus, queue, My playlists, mini-player, accessibility */
.wrbr-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.wrbr-row .wrbr-queue-pick{flex:1 1 0;min-width:0}
.wrbr-row-more,.wrbr-mini-btn{flex:none;min-width:32px;min-height:32px;padding:2px 8px;border:1px solid transparent;border-radius:8px;background:none;color:#4a5566;font-size:16px;font-weight:700;line-height:1;cursor:pointer}
.wrbr-row-more:hover,.wrbr-mini-btn:hover{border-color:var(--wrbr-edge);background:#f4f6fa}
.wrbr-row-menu{flex:1 0 100%;display:flex;flex-direction:column;margin:4px 0 8px;padding:6px;border:1px solid var(--wrbr-edge);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(22,43,71,.12)}
.wrbr-menu-item{padding:9px 10px;border:0;border-radius:6px;background:none;color:var(--wrbr-ink);font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}
.wrbr-menu-item:hover,.wrbr-menu-item:focus-visible{background:#edf3ff}
.wrbr-menu-input{display:flex;gap:6px;padding:4px}
.wrbr-menu-input input{flex:1;min-width:0;padding:7px 9px;border:1px solid var(--wrbr-edge);border-radius:6px;font-size:13px}
.wrbr-menu-go{padding:7px 12px;border:0;border-radius:6px;background:var(--wrbr-blue);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.wrbr-list-subhead{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 2px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#4a5566}
.wrbr-subhead-btn{padding:4px 10px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:var(--wrbr-blue);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer}
.wrbr-row-plays{color:#5f6b7a!important}
.wrbr-mini{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--wrbr-c-navy2,#00154b);color:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.25);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-mini[hidden]{display:none}
.wrbr-mini-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700}
.wrbr-mini-toggle{min-width:76px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--wrbr-red);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.wrbr-mini-next{min-width:44px;min-height:44px;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:none;color:#fff;font-size:18px;cursor:pointer}
.wrbr-mini-next:disabled{opacity:.4}
.wrbr-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.wrbr-player button:focus-visible{outline:3px solid #efa938;outline-offset:2px}
@media (pointer:coarse){
.wrbr-controls button,.wrbr-row-more,.wrbr-mini-btn,.wrbr-view,.wrbr-like,.wrbr-fav,.wrbr-share,.wrbr-playlist-exit,.wrbr-subhead-btn{min-height:44px;min-width:44px}
.wrbr-star{min-width:44px;min-height:44px}
.wrbr-queue-pick{min-height:44px}
}
@media(max-width:400px){.wrbr-now{padding:22px 16px}.wrbr-queue{padding:20px 16px}.wrbr-header{padding:18px 16px}.wrbr-kids-text strong{font-size:19px}.wrbr-rating-summary{margin-left:0;flex-basis:100%}}
/* v0.3.2: section labels and empty notes are not numbered songs */
.wrbr-track-list li.wrbr-list-subhead,.wrbr-track-list li.wrbr-list-empty{counter-increment:none;border-bottom:0;padding:0}
.wrbr-track-list li.wrbr-list-subhead:before,.wrbr-track-list li.wrbr-list-empty:before{content:none}
.wrbr-track-list li.wrbr-list-subhead{margin-top:12px!important}
.wrbr-track-list li.wrbr-list-empty{padding:8px 0}
/* v0.4.0: Lights (visualizers) */
.wrbr-controls button.wrbr-lights{width:auto;min-width:0;padding:0 16px;border-radius:999px;font-size:14px;font-weight:800;gap:6px}
.wrbr-controls button.wrbr-lights[hidden]{display:none}
.wrbr-controls button.wrbr-lights.is-on{border-color:#c9a227;background:#fff5d6;color:#5a3500}
.wrbr-vis-host{margin:0 0 18px}
.wrbr-vis-host[hidden]{display:none}
.wrbr-vis[hidden]{display:none}
.wrbr-vis-stage{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#0d0705}
.wrbr-vis-stage.wrbr-vis-frame-wood{padding:12px;border-radius:6px;background:repeating-linear-gradient(92deg,#3b2414 0,#4a2e1a 3px,#3a2313 7px,#55361f 9px,#3d2515 13px);box-shadow:inset 0 0 0 2px #24150b,inset 0 0 14px rgba(0,0,0,.6)}
.wrbr-vis-stage.wrbr-vis-frame-none{background:var(--wrbr-c-navy2,#00154b)}
.wrbr-vis-canvas{display:block;width:100%;height:100%;border-radius:2px}
.wrbr-vis-stage:fullscreen{padding:3vmin;border-radius:0;aspect-ratio:auto}
.wrbr-vis-stage:-webkit-full-screen{padding:3vmin;border-radius:0}
.wrbr-vis-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wrbr-vis-chip{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:var(--wrbr-ink);font-size:12.5px;font-weight:700;cursor:pointer}
.wrbr-vis-chip[aria-pressed=true]{background:var(--wrbr-blue);border-color:var(--wrbr-blue);color:#fff}
.wrbr-vis-calm[aria-pressed=true]{background:#2c3e50;border-color:#2c3e50}
.wrbr-vis-fs{margin-left:auto}
@media (pointer:coarse){.wrbr-vis-chip,.wrbr-controls button.wrbr-lights{min-height:44px}}
@media(max-width:520px){.wrbr-controls{flex-wrap:wrap;justify-content:center}.wrbr-vis-fs{margin-left:0}}
/* v0.4.1: Resume button and Auto-play switch */
.wrbr-resume{display:inline-flex;align-items:center;gap:8px;margin:4px 0 12px;padding:12px 22px;min-height:48px;border:0;border-radius:999px;background:var(--wrbr-c-gold,#ffd23f);color:#3a2600;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 0 0 3px rgba(255,210,63,.35)}
.wrbr-resume[hidden]{display:none}
.wrbr-resume:focus-visible{outline:3px solid var(--wrbr-c-navy,#00209f);outline-offset:3px}
.wrbr-autoplay{margin-top:8px;padding:5px 11px;min-height:30px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:#4a5566;font-size:12px;font-weight:700;cursor:pointer}
.wrbr-autoplay[hidden]{display:none}
.wrbr-autoplay[aria-pressed=true]{color:var(--wrbr-blue);border-color:#b9c7f0}
@media (pointer:coarse){.wrbr-autoplay{min-height:44px}}
/* v0.4.2: share panel */
/* v0.4.4: Dub Lab (Founder-approved: black panel, red outline, red/gold cards with green outlines, green tips, blue Reset lettering) */
.wrbr-controls button.wrbr-dub-toggle{width:auto;min-width:0;padding:0 16px;border-radius:999px;font-size:14px;font-weight:800;gap:6px}
.wrbr-controls button.wrbr-dub-toggle[hidden]{display:none}
.wrbr-controls button.wrbr-dub-toggle.is-on{border-color:var(--wrbr-c-red,#c8102e);background:#fff0f0;color:#8a0a1c}
.wrbr-dub-host{margin:0 0 18px}
.wrbr-dub-host[hidden],.wrbr-dub[hidden]{display:none}
.wrbr-dub{padding:18px;border-radius:14px;background:var(--wrbr-c-dub,#000);border:2px solid var(--wrbr-c-red,#c8102e);color:#ffe9b0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-dub-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wrbr-dub-ttl{font-size:18px;font-weight:700;letter-spacing:2px;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-sub{font-size:12px;color:#e0b25a;margin-top:2px}
/* v0.9.5 (Dub Lab core 1.0): the edition words beside DUB LAB, e.g. "WRBR version" */
.wrbr-dub-ed{font-size:12px;font-weight:400;font-style:italic;letter-spacing:.3px;color:#e0b25a}
.wrbr-jam-title .wrbr-dub-ed{font-size:11px}
/* v0.9.6: "Try the demo" (Think G Media's full Dub Lab demo, new tab); hidden in Kids Mode and in desktop Jam View */
.wrbr-player a.wrbr-dub-demo,.wrbr-player a.wrbr-jam-demo{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;min-height:34px;border:1.5px solid var(--wrbr-c-gold,#ffd23f);border-radius:999px;background:rgba(255,210,63,.1);color:var(--wrbr-c-gold,#ffd23f);font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.wrbr-player a.wrbr-dub-demo:hover,.wrbr-player a.wrbr-jam-demo:hover{background:var(--wrbr-c-gold,#ffd23f);color:#1a1200}
.wrbr-player a.wrbr-dub-demo:focus-visible,.wrbr-player a.wrbr-jam-demo:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
.wrbr-player:not(.is-jam)>a.wrbr-jam-demo{display:none!important}
.wrbr-player.is-kids a.wrbr-dub-demo,.wrbr-player.is-kids a.wrbr-jam-demo,.is-jam a.wrbr-dub-demo{display:none!important}
@media (pointer:coarse){.wrbr-player a.wrbr-dub-demo{min-height:44px}}
.wrbr-dub-btns{display:flex;gap:8px}
.wrbr-dub button.wrbr-dub-btn{padding:8px 14px;min-height:38px;border:1px solid #5a5a5a;border-radius:8px;background:#141414;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.wrbr-dub button.wrbr-dub-btn:hover{background:#222}
.wrbr-dub button.wrbr-dub-share{color:#4d8cff}
.wrbr-dub-beats{display:flex;gap:8px;align-items:center;margin:14px 0 6px;font-size:12px;color:#e0b25a}
.wrbr-dub-dot{width:14px;height:14px;border-radius:50%;background:#1a1a1a;border:1px solid #444;transition:background .08s}
.wrbr-dub-dot.on{background:var(--wrbr-c-gold,#ffd23f);border-color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-dot.r.on{background:#ff3b3b;border-color:#ff3b3b}
.wrbr-dub-dot.g.on{background:var(--wrbr-c-green2,#2fbf5a);border-color:var(--wrbr-c-green2,#2fbf5a)}
.wrbr-dub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.wrbr-dub-card{border-radius:12px;padding:14px;border:3px solid var(--wrbr-c-green2,#2fbf5a)}
.wrbr-dub-card h4{margin:0!important;font-size:16px;font-weight:700}
.wrbr-dub-how{margin:4px 0 12px!important;font-size:12.5px;line-height:1.45}
.wrbr-dub-card.red{background:var(--wrbr-c-red2,#a30f24)}
.wrbr-dub-card.red h4{color:var(--wrbr-c-gold,#ffd23f)}.wrbr-dub-card.red .wrbr-dub-how{color:#ffefc2}
.wrbr-dub-card.gold{background:var(--wrbr-c-gold2,#f2b705)}
.wrbr-dub-card.gold h4{color:#4a0a10}.wrbr-dub-card.gold .wrbr-dub-how{color:#3d1e00}
.wrbr-dub-fad{display:flex;align-items:center;gap:8px}
.wrbr-dub-fad input{flex:1}
.wrbr-dub-card.red .wrbr-dub-fad input{accent-color:var(--wrbr-c-gold,#ffd23f)}.wrbr-dub-card.gold .wrbr-dub-fad input{accent-color:var(--wrbr-c-red2,#a30f24)}
.wrbr-dub-fv{min-width:36px;text-align:right;font-size:12.5px;font-weight:700}
.wrbr-dub-card.red .wrbr-dub-fv{color:var(--wrbr-c-gold,#ffd23f)}.wrbr-dub-card.gold .wrbr-dub-fv{color:#4a0a10}
.wrbr-dub button.wrbr-dub-big{width:100%;padding:14px 8px;min-height:48px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;touch-action:none;user-select:none;transition:background .1s,box-shadow .1s,color .1s}
.wrbr-dub .red button.wrbr-dub-big{background:var(--wrbr-c-gold,#ffd23f);color:#4a0a10;border:2px solid #fff3c4}
.wrbr-dub .gold button.wrbr-dub-big{background:var(--wrbr-c-red2,#a30f24);color:#ffe9a8;border:2px solid #6e0a18}
.wrbr-dub button.wrbr-dub-big.cue{background:#fff3c4;color:#4a0a10;box-shadow:0 0 0 5px rgba(255,243,196,.55)}
.wrbr-dub button.wrbr-dub-big.hot{background:#ff3b3b;color:#fff}
.wrbr-dub-tips{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--wrbr-c-green,#1e7f34);border:2px solid var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-tips h4{margin:0 0 6px!important;font-size:14px;font-weight:700;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-tips ol{margin:0!important;padding-left:20px!important;font-size:13.5px;line-height:1.7;color:#fff3c4}
.wrbr-dub-tips li.is-done{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-tips li.is-done::after{content:"  \2713"}
.wrbr-dub-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:12px;color:#e0b25a}
.wrbr-dub-led{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--wrbr-c-green2,#2fbf5a)}
.wrbr-dub-tempo{margin-left:auto;color:#cfc3a6}
.wrbr-dub button:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
@media(max-width:480px){.wrbr-dub-grid{grid-template-columns:1fr}.wrbr-dub-tempo{margin-left:0;flex-basis:100%}}
@media (pointer:coarse){.wrbr-dub button.wrbr-dub-btn,.wrbr-controls button.wrbr-dub-toggle{min-height:44px}}
/* v0.5.0: visual takeovers (videos, loops, pictures) */
.wrbr-take-host{margin:0 0 18px}
.wrbr-take-host[hidden]{display:none}
.wrbr-take-stage{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:2px solid #1a1a1a}
.wrbr-take-media{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.wrbr-take-yt,.wrbr-take-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wrbr-video-chip{margin-left:6px}
/* v0.5.1: Jam View (Founder-approved). The same player, rearranged full-screen. */
.wrbr-controls button.wrbr-jam-open{width:auto;min-width:0;padding:0 16px;border-radius:999px;font-size:14px;font-weight:800;gap:6px}
.wrbr-controls button.wrbr-jam-open[hidden]{display:none}
.wrbr-jam-close,.wrbr-jam-title,.wrbr-jam-how,.wrbr-jam-tip{display:none}
html.wrbr-jam-open,html.wrbr-jam-open body{overflow:hidden}
.wrbr-player.is-jam{position:fixed!important;inset:0;z-index:100000;margin:0!important;max-width:none!important;width:auto;border-radius:0;border:2px solid var(--wrbr-c-red,#c8102e);background:#000;color:#ffe9b0;box-shadow:none;overflow:hidden;box-sizing:border-box;
  display:grid;gap:7px;padding:10px 12px 12px;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto auto auto auto auto auto;
  grid-template-areas:"title title title title title title" "artist artist artist artist artist artist" "stage stage stage stage stage stage" "beats beats beats beats tempo tempo" "throw throw throw crash crash crash" "fx fx fx fx fx fx" "echo echo echo echo echo echo" "rev rev rev rev rev rev" "share share share prac prac prac" "prev prev play play next next" "how how how how how how" "tip tip tip tip tip tip"}
.wrbr-player.is-jam>*{display:none}
.wrbr-player.is-jam>.wrbr-body,.is-jam .wrbr-now,.is-jam .wrbr-dub-host:not([hidden]),.is-jam .wrbr-dub:not([hidden]),.is-jam .wrbr-dub-hd,.is-jam .wrbr-dub-btns,.is-jam .wrbr-dub-grid,.is-jam .wrbr-dub-foot,.is-jam .wrbr-controls{display:contents!important}
.is-jam .wrbr-now>*,.is-jam .wrbr-queue{display:none}
.is-jam .wrbr-dub-hd>div:first-child,.is-jam .wrbr-dub-tips,.is-jam .wrbr-dub-foot>span:not(.wrbr-dub-tempo):not(.wrbr-sr-only),.is-jam .wrbr-dub-how{display:none!important}
.is-jam .wrbr-controls>*{display:none!important}
/* top: close + song */
.is-jam>.wrbr-jam-close{display:flex;position:absolute;top:10px;left:12px;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #555;border-radius:50%;background:#141414;color:#fff;font-size:14px;cursor:pointer;z-index:2}
.is-jam .wrbr-now>.wrbr-title{display:block;grid-area:title;margin:0!important;padding-left:42px;font-size:15px!important;font-weight:600;line-height:1.3!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-jam .wrbr-now>.wrbr-artist{display:block;grid-area:artist;margin:0!important;padding-left:42px;font-size:12px;color:#e0b25a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* stage: Lights, or the song's video/picture */
.is-jam .wrbr-now>.wrbr-vis-host:not([hidden]),.is-jam .wrbr-now>.wrbr-take-host:not([hidden]){display:block;grid-area:stage;margin:0;min-height:0}
.is-jam .wrbr-vis-host .wrbr-vis{height:100%;display:flex;flex-direction:column}
.is-jam .wrbr-vis-stage,.is-jam .wrbr-take-stage{aspect-ratio:auto;height:100%;flex:1 1 auto;min-height:0}
.is-jam .wrbr-vis-bar{display:none}
.is-jam .wrbr-now>.wrbr-recharge:not([hidden]){display:block;grid-area:stage;align-self:center;justify-self:center;z-index:3;margin:0}
.is-jam .wrbr-now>.wrbr-resume:not([hidden]){display:inline-flex;grid-area:stage;align-self:center;justify-self:center;z-index:3;margin:0}
/* Dub Lab pieces */
.is-jam .wrbr-dub-beats{grid-area:beats;margin:2px 0!important;font-size:11px}
.is-jam .wrbr-dub-tempo{display:block;grid-area:tempo;align-self:center;justify-self:end;font-size:11px;color:#cfc3a6;margin:0}
.is-jam .wrbr-dub-card{padding:5px;border-width:3px}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(1){grid-area:throw}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(2){grid-area:crash}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(1) h4,.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(2) h4{display:none}
.is-jam .wrbr-dub button.wrbr-dub-big{min-height:52px;height:56px;padding:6px;border-radius:9px;font-size:14px}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(3){grid-area:echo}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(4){grid-area:rev}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(3),.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(4){display:flex;align-items:center;gap:8px;padding:4px 10px;border-width:2px;border-radius:10px}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(3) h4,.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(4) h4{flex:none;width:52px;font-size:12px!important}
.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(3) .wrbr-dub-fad,.is-jam .wrbr-dub-grid>.wrbr-dub-card:nth-child(4) .wrbr-dub-fad{flex:1}
.is-jam .wrbr-dub button.wrbr-dub-share{grid-area:share}
.is-jam .wrbr-dub-btns>button:not(.wrbr-dub-share){grid-area:prac}
.is-jam .wrbr-dub button.wrbr-dub-btn{width:100%;min-height:36px;padding:0 8px;font-size:12.5px;white-space:nowrap}
/* transport */
.is-jam .wrbr-controls>.wrbr-previous{display:flex!important;grid-area:prev}
.is-jam .wrbr-controls>.wrbr-toggle{display:flex!important;grid-area:play}
.is-jam .wrbr-controls>.wrbr-next{display:flex!important;grid-area:next}
.is-jam .wrbr-controls>.wrbr-previous,.is-jam .wrbr-controls>.wrbr-next,.is-jam .wrbr-controls>.wrbr-toggle{width:100%!important;height:42px;min-height:42px;margin:0;border-radius:8px;align-items:center;justify-content:center}
.is-jam .wrbr-controls>.wrbr-previous,.is-jam .wrbr-controls>.wrbr-next{border:1px solid #555;background:#141414;color:#fff}
/* how to play */
.is-jam>.wrbr-jam-how{display:block;grid-area:how;min-height:34px;padding:6px 10px;border-radius:999px;background:var(--wrbr-c-green,#1e7f34);border:1.5px solid var(--wrbr-c-gold,#ffd23f);color:#fff3c4;font-size:12px;cursor:pointer}
.is-jam>.wrbr-jam-tip:not([hidden]){display:block;grid-area:tip;margin:0;padding:8px 10px;border-radius:10px;background:var(--wrbr-c-green,#1e7f34);border:1.5px solid var(--wrbr-c-gold,#ffd23f);color:#fff3c4;font-size:12px;line-height:1.5}
/* v0.7.4 (fix): the share panel used to be blanket-hidden inside Jam View, from back when
   nothing inside Jam View could open it. Dub Lab's own Share button now does, so it needs
   to actually show, raised above Jam View's z-index like every other pop-up. */
.is-jam>.wrbr-mini{display:none!important}
.is-jam>.wrbr-sr-only{display:block}
.is-jam button:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
/* wide screens (desktop, sideways tablets): big stage left, the lab on the right */
@media (min-aspect-ratio:1/1) and (min-width:700px){
.wrbr-player.is-jam{padding:12px 14px;column-gap:8px;
  grid-template-columns:minmax(0,9fr) repeat(6,minmax(0,1fr));
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto auto auto auto auto minmax(0,1fr);
  grid-template-areas:"title title title title title jt jt" "artist artist artist artist artist jt jt" "stage vu vu vu fx fx fx" "stage beats beats beats beats tempo tempo" "stage throw throw throw crash crash crash" "stage echo echo echo echo echo echo" "stage rev rev rev rev rev rev" "stage share share pull pull prac prac" "stage prev prev play play next next" "stage how how how how how how" "stage tip tip tip tip tip tip" "stage knob knob knob knob knob knob"}
.is-jam>.wrbr-jam-title{display:block;grid-area:jt;align-self:center;justify-self:end;font-size:14px;font-weight:600;letter-spacing:2px;color:var(--wrbr-c-gold,#ffd23f);white-space:nowrap}
.is-jam .wrbr-dub button.wrbr-dub-big{height:clamp(50px,7vh,76px);font-size:clamp(14px,1.4vw,17px)}
.is-jam .wrbr-controls>.wrbr-previous,.is-jam .wrbr-controls>.wrbr-next,.is-jam .wrbr-controls>.wrbr-toggle{height:clamp(42px,5vh,56px)}
}
@media (prefers-reduced-motion:reduce){.is-jam *{transition:none!important}}
/* v0.5.2: rotating info line (tempo / ownership / keys) */
.wrbr-dub-tempo{transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wrbr-dub-tempo.is-fading{opacity:0}
.wrbr-dub-tempo.is-owner{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub:focus{outline:none}
.wrbr-dub:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
.wrbr-player.is-jam:focus{outline:none}
.is-jam .wrbr-dub-tempo{min-width:0;max-width:100%}
@media (prefers-reduced-motion:reduce){.wrbr-dub-tempo{transition:none}.wrbr-dub-tempo.is-fading{opacity:1}}
/* v0.5.3: "How to play" pop-up guide (Founder-approved) */
.wrbr-howto{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.62);box-sizing:border-box}
.is-jam>.wrbr-howto{display:flex}
.wrbr-howto-card{width:min(680px,100%);max-height:calc(100% - 8px);overflow:auto;box-sizing:border-box;padding:20px 22px 18px;border-radius:16px;background:var(--wrbr-c-green,#1e7f34);border:2px solid var(--wrbr-c-gold,#ffd23f);color:#fff3c4;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}
.wrbr-howto-card:focus{outline:none}
.wrbr-howto-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.wrbr-howto-title{margin:0!important;font-size:20px;font-weight:700;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-howto button.wrbr-howto-x{width:34px;height:34px;min-width:34px;padding:0;border-radius:50%;border:1.5px solid var(--wrbr-c-gold,#ffd23f);background:transparent;color:var(--wrbr-c-gold,#ffd23f);font-size:14px;cursor:pointer}
.wrbr-howto-cols.has-keys{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px}
.wrbr-howto-colh{margin:0 0 10px!important;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-howto-step{display:grid;grid-template-columns:26px 1fr;gap:10px;margin-bottom:12px}
.wrbr-howto-n{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--wrbr-c-gold,#ffd23f);color:#1e4d16;font-size:13px;font-weight:700}
.wrbr-howto-h{margin:0!important;font-size:14.5px;font-weight:700;color:#fff}
.wrbr-howto-p{margin:2px 0 0!important;font-size:13.5px;line-height:1.45;color:#f3ecd0}
.wrbr-howto-keys{border-left:1px solid rgba(255,210,63,.45);padding-left:24px}
.wrbr-howto-kr{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;padding:5px 0;font-size:14px;color:#fff3c4}
.wrbr-howto-kk{display:inline-flex;justify-content:center;padding:3px 8px;border-radius:6px;border:1.5px solid var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-gold,#ffd23f);font-size:13px;font-weight:700;background:rgba(0,0,0,.18)}
.wrbr-howto button.wrbr-howto-got{display:block;margin:16px 0 0 auto;padding:10px 26px;min-height:44px;border-radius:999px;border:0;background:var(--wrbr-c-gold,#ffd23f);color:#3a2600;font-size:15px;font-weight:700;cursor:pointer}
.wrbr-howto button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:640px){
.wrbr-howto{padding:12px}
.wrbr-howto-card{padding:16px 16px 14px}
.wrbr-howto-cols.has-keys{grid-template-columns:1fr;gap:12px}
.wrbr-howto-keys{border-left:0;padding-left:0;border-top:1px solid rgba(255,210,63,.45);padding-top:12px}
.wrbr-howto button.wrbr-howto-got{width:100%}
}

/* v0.7.5 (Founder decision): the guide docks to the side (desktop) or the bottom (phone)
   instead of covering the screen — fully non-blocking, so the Lab stays usable while it's
   open. The backdrop itself becomes a transparent, click-through container; only the card
   is interactive. */
.wrbr-howto.wrbr-guide-dock{background:transparent;pointer-events:none;padding:0;align-items:flex-start;justify-content:flex-end}
.wrbr-howto.wrbr-guide-dock .wrbr-howto-card{pointer-events:auto;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:12px;box-shadow:0 10px 40px rgba(0,0,0,.45)}
/* docked card is narrow: steps and keys stack instead of sitting side by side */
.wrbr-guide-dock .wrbr-howto-cols.has-keys{grid-template-columns:1fr;gap:12px}
.wrbr-guide-dock .wrbr-howto-keys{border-left:0;padding-left:0;border-top:1px solid rgba(255,210,63,.45);padding-top:12px}
/* desktop Jam View keeps its Lab controls on the right, so the guide docks left, over the visualizer */
.is-jam>.wrbr-howto.wrbr-guide-dock{justify-content:flex-start}
/* regular page on a medium-width window: no free margin beside the player, so the guide becomes a
   bottom sheet; the page scrolls freely above it and the Lab stays usable */
@media(min-width:701px) and (max-width:1279px){
.wrbr-player:not(.is-jam)>.wrbr-howto.wrbr-guide-dock{align-items:flex-end;justify-content:center}
.wrbr-player:not(.is-jam)>.wrbr-howto.wrbr-guide-dock .wrbr-howto-card{width:min(640px,calc(100vw - 24px));max-height:45vh}
.wrbr-player:not(.is-jam)>.wrbr-howto.wrbr-guide-dock .wrbr-howto-cols.has-keys{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.wrbr-player:not(.is-jam)>.wrbr-howto.wrbr-guide-dock .wrbr-howto-keys{border-top:0;padding-top:0;border-left:1px solid rgba(255,210,63,.45);padding-left:20px}
}
/* phones: Jam View's controls fill the lower half, so the guide drops down from the top, over the visualizer */
@media(max-width:700px){
.wrbr-howto.wrbr-guide-dock,.is-jam>.wrbr-howto.wrbr-guide-dock{align-items:flex-start;justify-content:center}
.wrbr-howto.wrbr-guide-dock .wrbr-howto-card{width:100%;max-width:none;margin:0;max-height:45vh;border-radius:0 0 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
}
/* v0.5.4: discovery tiles, New badges, teaser stage, Settings (Founder-approved) */
.wrbr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2px 0 6px}
.wrbr-tiles[hidden],.wrbr-tile[hidden],.wrbr-new[hidden],.wrbr-hint-cta[hidden],.wrbr-teaser[hidden],.wrbr-settings-open[hidden]{display:none}
.wrbr-player button.wrbr-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:84px;padding:12px 12px 11px;border-radius:12px;border:2px solid var(--wrbr-c-green2,#2fbf5a);text-align:left;cursor:pointer;font-family:inherit;line-height:1.25;transition:transform .15s ease,box-shadow .15s ease}
.wrbr-player button.wrbr-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.wrbr-player button.wrbr-tile:focus-visible{outline:3px solid var(--wrbr-c-navy,#00209f);outline-offset:3px}
.wrbr-tile.is-gold{background:var(--wrbr-c-gold2,#f2b705);color:#4a0a10}
.wrbr-tile.is-red{background:var(--wrbr-c-red2,#a30f24);color:#fff3c4}
.wrbr-tile.is-green{background:var(--wrbr-c-green,#1e7f34);color:#fff3c4}
.wrbr-tile-ic{font-size:18px;line-height:1}
.wrbr-tile-name{margin-top:4px;font-size:15px;font-weight:800}
.wrbr-tile.is-red .wrbr-tile-name,.wrbr-tile.is-green .wrbr-tile-name{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-tile-sub{font-size:12.5px;font-weight:600}
.wrbr-tile.is-on{box-shadow:0 0 0 3px var(--wrbr-c-navy,#00209f)}
.wrbr-tile.is-on .wrbr-tile-sub::after{content:" \00b7 on"}
.wrbr-new{position:absolute;top:-9px;right:-6px;padding:2px 8px;border-radius:999px;background:var(--wrbr-c-gold,#ffd23f);color:#3a2600;border:1.5px solid #3a2600;font-size:11px;font-weight:800;line-height:1.3}
.wrbr-hint-cta{margin:4px 0 10px!important;font-size:12.5px;color:#4a5566;text-align:center}
.wrbr-player button.wrbr-cta-settings{display:inline;padding:0;border:0;background:none;color:var(--wrbr-c-navy,#00209f);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.wrbr-player button.wrbr-teaser{position:relative;display:block;width:100%;height:150px;margin:0 0 16px;padding:8px;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:repeating-linear-gradient(92deg,#3b2414 0,#4a2e1a 3px,#3a2313 7px,#55361f 9px,#3d2515 13px)}
.wrbr-teaser-canvas{display:block;width:100%;height:100%;border-radius:3px}
.wrbr-teaser-label{position:absolute;inset:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:3px;background:rgba(0,0,0,.42);color:#fff3c4;text-align:center;font-family:inherit}
.wrbr-teaser-label b{font-size:18px;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-teaser-label span{font-size:13px}
.wrbr-player button.wrbr-teaser:focus-visible{outline:3px solid var(--wrbr-c-navy,#00209f);outline-offset:3px}
.wrbr-prefs{margin-top:8px}
.wrbr-player button.wrbr-settings-open{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:#142032;font-size:12.5px;font-weight:700;cursor:pointer}
.wrbr-settings-list{margin-top:4px}
.wrbr-set{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,210,63,.3)}
.wrbr-set:last-child{border-bottom:0}
.wrbr-set-h{margin:0!important;font-size:14.5px;font-weight:700;color:#fff}
.wrbr-set-p{margin:2px 0 0!important;font-size:13px;color:#f3ecd0}
.wrbr-howto button.wrbr-switch{position:relative;flex:none;width:48px;height:28px;min-width:48px;padding:0;border:0;border-radius:999px;background:rgba(0,0,0,.35);cursor:pointer}
.wrbr-howto button.wrbr-switch::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#f3ecd0;transition:left .15s ease}
.wrbr-howto button.wrbr-switch.is-on{background:var(--wrbr-c-gold,#ffd23f)}
.wrbr-howto button.wrbr-switch.is-on::after{left:24px;background:#1e4d16}
.wrbr-settings-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.wrbr-settings-foot button.wrbr-howto-got{margin:0}
.wrbr-howto button.wrbr-settings-reset{padding:0;border:0;background:none;color:#fff3c4;font-size:13px;text-decoration:underline;cursor:pointer}
.wrbr-dub button.wrbr-dub-guide{display:block;margin-top:8px;padding:8px 14px;min-height:38px;border:1.5px solid var(--wrbr-c-gold,#ffd23f);border-radius:999px;background:rgba(0,0,0,.2);color:var(--wrbr-c-gold,#ffd23f);font-size:13px;font-weight:700;cursor:pointer}
@media(max-width:560px){.wrbr-tiles{grid-template-columns:1fr;gap:8px}.wrbr-player button.wrbr-tile{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}.wrbr-tile-name{margin-top:0}.wrbr-tile-sub{flex-basis:100%;padding-left:28px}}
@media (prefers-reduced-motion:reduce){.wrbr-player button.wrbr-tile{transition:none}.wrbr-player button.wrbr-tile:hover{transform:none}.wrbr-howto button.wrbr-switch::after{transition:none}}
/* v0.5.4: keep Previous / Play / Next / Repeat on one line on small phones (tap targets stay 46px+) */
@media(max-width:440px){.wrbr-controls{gap:8px}.wrbr-controls button{padding:13px 10px}.wrbr-controls button.wrbr-toggle{min-width:96px}}
@media(max-width:370px){.wrbr-controls{gap:6px}.wrbr-controls button{min-width:46px;min-height:46px;padding:12px 8px}.wrbr-controls button.wrbr-toggle{min-width:84px}}
/* v0.6.0: cover art, song thumbnails, sleep timer (Founder-approved) */
.wrbr-cover{float:left;width:120px;height:120px;margin:0 18px 10px 0;border-radius:10px;object-fit:cover;background:var(--wrbr-c-navy2,#00154b);box-shadow:0 4px 14px rgba(0,0,0,.15)}
.wrbr-cover[hidden]{display:none}
.wrbr-teaser,.wrbr-take-host,.wrbr-vis-host,.wrbr-dub-host,.wrbr-progress-wrap,.wrbr-program-row{clear:both}
.wrbr-row-art{order:-1;flex:none;width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--wrbr-c-navy2,#00154b)}
.wrbr-track-list li.wrbr-row:before{align-self:center;order:-2}
.wrbr-prefs{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;position:relative}
.wrbr-player button.wrbr-sleep-open{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:#142032;font-size:12.5px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}
.wrbr-player button.wrbr-sleep-open.is-on{border-color:var(--wrbr-c-navy,#00209f);background:#edf3ff;color:var(--wrbr-c-navy,#00209f)}
.wrbr-sleep-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:50;display:flex;flex-direction:column;width:220px;padding:6px;border:1px solid var(--wrbr-edge);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(22,43,71,.15)}
.wrbr-player button.wrbr-sleep-item{padding:9px 10px;border:0;border-radius:6px;background:none;color:#142032;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}
.wrbr-player button.wrbr-sleep-item:hover,.wrbr-player button.wrbr-sleep-item:focus-visible{background:#edf3ff}
.wrbr-player button.wrbr-sleep-item.is-on{color:var(--wrbr-c-navy,#00209f)}
@media (pointer:coarse){.wrbr-player button.wrbr-sleep-open,.wrbr-player button.wrbr-settings-open{min-height:44px}.wrbr-player button.wrbr-sleep-item{min-height:44px}}
@media(max-width:560px){.wrbr-cover{width:84px;height:84px;margin-right:14px}}
/* v0.6.0: the theme makes headings drop below floated images; keep the title and artist beside the cover art */
.wrbr-now>.wrbr-title,.wrbr-now>.wrbr-artist,.wrbr-now>.wrbr-label,.wrbr-now>.wrbr-plays{clear:none}
/* v0.6.1: "hidden" always means hidden inside the player. Some button styles above set
   display:block/flex with higher specificity than the [hidden] rules, which kept the
   "Tap to see the music" box (and could keep tiles) visible after the player hid them. */
.wrbr-player [hidden]{display:none!important}
/* v0.6.2: on touch screens, the ✕ close buttons (Jam View, How to play/Settings, Share) meet the 44px minimum tap target */
@media (pointer:coarse){
.is-jam>.wrbr-jam-close{width:44px;height:44px}
.wrbr-howto button.wrbr-howto-x{width:44px;height:44px;min-width:44px}
}
/* v0.6.3: guaranteed one-tap sound recovery (Safari only allows resuming audio from inside a real tap) */
.wrbr-player button.wrbr-sound-stuck{display:block;width:100%;margin:4px 0 10px;padding:12px;min-height:48px;border:2px solid var(--wrbr-c-red,#d21034);border-radius:12px;background:#fff0f0;color:#8a0a1c;font-size:15px;font-weight:800;cursor:pointer;animation:wrbr-stuck-pulse 1.6s ease-in-out infinite}
.wrbr-player button.wrbr-sound-stuck[hidden]{display:none;animation:none}
@keyframes wrbr-stuck-pulse{0%,100%{box-shadow:0 0 0 0 rgba(210,16,52,.35)}50%{box-shadow:0 0 0 8px rgba(210,16,52,0)}}
@media (prefers-reduced-motion:reduce){.wrbr-player button.wrbr-sound-stuck{animation:none}}
/* v0.7.0: Featuring link, sing-along lyrics, Kids Mode, in-app browser note (Founder-approved) */
.wrbr-player a.wrbr-featuring{display:inline-block;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--wrbr-c-navy,#00209f);text-decoration:none}
.wrbr-player a.wrbr-featuring:hover{text-decoration:underline}
.wrbr-player a.wrbr-featuring[hidden]{display:none}
.wrbr-lyrics{margin:6px 0 10px}
.wrbr-player button.wrbr-lyrics-toggle{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:#142032;font-size:12.5px;font-weight:700;cursor:pointer}
.wrbr-lyrics-panel{margin-top:8px;padding:12px 14px;max-height:160px;overflow-y:auto;border-radius:12px;background:#f5f7fa;border:1px solid var(--wrbr-edge)}
.wrbr-lyrics-line{margin:0 0 8px!important;font-size:14px;line-height:1.5;color:#5f6b7a;transition:color .2s ease}
.wrbr-lyrics-line.is-now{color:var(--wrbr-c-navy2,#00154b);font-weight:700}
.wrbr-lyrics-line.is-blank{height:6px;margin-bottom:8px!important}

/* Kids Mode: bigger, simpler, calmer */
.wrbr-player.is-kids .wrbr-controls button{min-height:60px;font-size:17px}
.wrbr-player.is-kids button.wrbr-toggle{min-width:120px;font-size:19px}
.wrbr-player.is-kids .wrbr-title{font-size:30px}
.wrbr-player.is-kids .wrbr-artist{font-size:16px}
.wrbr-player.is-kids .wrbr-cover{width:150px;height:150px}
.wrbr-player.is-kids .wrbr-lyrics-toggle{min-height:52px;font-size:16px;padding:10px 20px}
.wrbr-player.is-kids .wrbr-queue,.wrbr-player.is-kids .wrbr-engage,.wrbr-player.is-kids .wrbr-share,.wrbr-player.is-kids .wrbr-program-row,.wrbr-player.is-kids .wrbr-repeat,.wrbr-player.is-kids .wrbr-tools{display:none!important}
.wrbr-player button.wrbr-kids-exit{padding:8px 16px;min-height:44px;border:2px solid var(--wrbr-c-gold,#ffd23f);border-radius:999px;background:#142032;color:var(--wrbr-c-gold,#ffd23f);font-size:13px;font-weight:700;cursor:pointer}
.wrbr-kidslock-card{text-align:center}
.wrbr-kidslock-q{margin:0 0 16px!important;font-size:22px;font-weight:700;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-kidslock-row{display:flex;justify-content:center;gap:12px;margin-bottom:14px}
.wrbr-howto button.wrbr-kidslock-opt{width:64px;height:56px;padding:0;border-radius:12px;border:2px solid var(--wrbr-c-gold,#ffd23f);background:rgba(255,255,255,.08);color:#fff3c4;font-size:19px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}
.wrbr-howto button.wrbr-kidslock-opt:hover{background:rgba(255,210,63,.25)}
.wrbr-kidslock-card.is-wrong{animation:wrbr-kidslock-shake .4s ease}
@keyframes wrbr-kidslock-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.wrbr-howto button.wrbr-kidslock-cancel{display:block;margin:0 auto;width:auto;height:auto;border:0;background:none;color:#f3ecd0;font-size:12.5px;text-decoration:underline}

/* In-app browser note */
.wrbr-inapp-note{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#142032;color:#fff;font-size:12.5px}
.wrbr-inapp-note[hidden]{display:none}
.wrbr-inapp-icon{font-size:18px;flex:none}
.wrbr-inapp-note b{display:block;font-size:13px;margin-bottom:1px}
.wrbr-inapp-note span{opacity:.85}
.wrbr-player button.wrbr-inapp-open{flex:none;padding:7px 12px;min-height:32px;border:0;border-radius:999px;background:var(--wrbr-c-gold,#ffd23f);color:#3a2600;font-size:12px;font-weight:700;cursor:pointer}
.wrbr-player button.wrbr-inapp-x{flex:none;background:none;border:0;color:#9fb0c7;font-size:16px;cursor:pointer;padding:4px}
@media(max-width:560px){.wrbr-player.is-kids .wrbr-cover{width:110px;height:110px}.wrbr-player.is-kids .wrbr-title{font-size:24px}}
/* v0.7.5: slim share panel - "Copy link" and "More apps..." only (above Jam View, like every pop-up) */
.wrbr-share-backdrop{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,10,40,.45)}
.wrbr-share-panel{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;padding:16px;border-radius:14px;background:#fff;color:var(--wrbr-ink);box-shadow:0 20px 50px rgba(0,0,0,.3);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.wrbr-share-title{margin:0!important;font-size:16px;font-weight:800;line-height:1.3}
.wrbr-player button.wrbr-share-close{min-width:36px;min-height:36px;padding:0;border:0;border-radius:8px;background:#f1f4f8;color:#4a5566;font-size:16px;cursor:pointer}
.wrbr-share-sub{margin:2px 0 12px!important;font-size:12.5px;color:#4a5566}
.wrbr-share-copy{display:flex;gap:8px}
.wrbr-share-url{flex:1;min-width:0;padding:8px 10px;border:1px solid #dbe3ed;border-radius:8px;background:#f7f9fc;color:#4a5566;font-size:12px}
.wrbr-player button.wrbr-share-copybtn{padding:8px 14px;min-height:40px;border:0;border-radius:8px;background:var(--wrbr-blue);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.wrbr-player button.wrbr-share-more{display:block;width:100%;margin-top:10px;padding:10px 12px;min-height:44px;border:0;border-radius:8px;background:var(--wrbr-c-navy2,#00154b);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.wrbr-share-tip{margin:10px 0 0!important;padding:8px 10px;border-radius:8px;background:#fff5d6;color:#5a3500;font-size:12.5px}
.wrbr-share-panel button:focus-visible{outline:3px solid #efa938;outline-offset:2px}
@media (pointer:coarse){.wrbr-player button.wrbr-share-close{min-width:44px;min-height:44px}}
/* v0.7.6 (fix): Jam View hides every direct child of the player that isn't explicitly allowed
   (.wrbr-player.is-jam>*{display:none}). The share panel is a direct child, so it must be on the
   allowed list too, or tapping Share in Jam View opens an invisible panel. Same specificity as the
   hide rule plus one class, so it always wins regardless of file order. */
.wrbr-player.is-jam>.wrbr-share-backdrop{display:flex}
/* ---------- v0.8.0 → v0.9.9.4: the site-wide WRBR bar (v2, Founder-approved Oct 29), the player sheet, page-change loading line ---------- */
.wrbr-site{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-site audio{display:none}
html.wrbr-has-bar body{padding-bottom:var(--wrbr-bar-space,0px)}
.wrbr-bar{position:fixed;left:0;right:0;bottom:0;z-index:99000;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,3fr);align-items:center;gap:14px;box-sizing:border-box;min-height:88px;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));background:var(--wrbr-c-navy2,#00154b);color:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.22);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.3;transition:transform .2s ease}
.wrbr-bar.is-hidden{transform:translateY(110%);pointer-events:none;visibility:hidden}
.wrbr-bar [hidden]{display:none!important}
.wrbr-bar-progress{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.15);overflow:hidden;display:none}
.wrbr-bar-progress-fill{display:block;height:100%;background:var(--wrbr-c-gold,#ffd23f);transform-origin:0 50%;transform:scaleX(0)}
.wrbr-bar-progress.is-resume .wrbr-bar-progress-fill{opacity:.55}
.wrbr-site .wrbr-bar button{margin:0;box-sizing:border-box;font-family:inherit;line-height:1.2;text-transform:none;letter-spacing:0;text-shadow:none;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.wrbr-site .wrbr-bar button:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-bar-left,.wrbr-bar-right,.wrbr-bar-mid,.wrbr-bar-special{display:flex;align-items:center;gap:10px;min-width:0}
.wrbr-bar-right{justify-content:flex-end;gap:2px}
.wrbr-bar-mid{flex-direction:column;gap:4px;justify-content:center}
.wrbr-bar-special{grid-column:2;justify-content:center}
.wrbr-site .wrbr-bar button.wrbr-bar-art{flex:none;position:relative;width:60px;height:60px;padding:0;border:0;border-radius:6px;overflow:hidden;background:var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-navy2,#00154b);display:flex;align-items:center;justify-content:center}
.wrbr-bar-art img{display:block;width:100%;height:100%;object-fit:cover}
.wrbr-bar-art-icon{display:flex}
.wrbr-site .wrbr-bar button.wrbr-bar-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:2px 0;border:0;border-radius:4px;background:none;color:#fff;text-align:left}
.wrbr-site .wrbr-bar button.wrbr-bar-info:hover,.wrbr-site .wrbr-bar button.wrbr-bar-info:focus{background:none;color:#fff}
.wrbr-bar-title-row{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}
.wrbr-bar-title{font-weight:700}
.wrbr-bar-artist{font-weight:400;color:#c9d4ee}
.wrbr-bar-label{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;color:#c9d4ee}
.wrbr-bar-label.is-gold{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-bar-label.is-note{color:#fff}
.wrbr-bar-kids{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:2px solid var(--wrbr-c-gold,#ffd23f);border-radius:999px;color:var(--wrbr-c-gold,#ffd23f);font-size:13px;font-weight:800;box-sizing:border-box}
/* transport */
.wrbr-bar-transport{display:flex;align-items:center;justify-content:center;gap:6px}
.wrbr-site .wrbr-bar button.wrbr-bar-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:none;color:#dfe6f7}
.wrbr-site .wrbr-bar button.wrbr-bar-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.wrbr-site .wrbr-bar button.wrbr-bar-btn:disabled{opacity:.35;cursor:default;background:none}
.wrbr-site .wrbr-bar button.wrbr-bar-btn.is-on{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-site .wrbr-bar button.wrbr-bar-shuffle.is-on::after,.wrbr-site .wrbr-bar button.wrbr-bar-repeat.is-on::after{content:"";position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background:var(--wrbr-c-gold,#ffd23f)}
.wrbr-site .wrbr-bar button.wrbr-bar-btn{position:relative}
.wrbr-site .wrbr-bar button.wrbr-bar-like.is-on{color:#fff}
.wrbr-site .wrbr-bar button.wrbr-bar-like.is-on .wrbr-ic-fill{fill:currentColor}
.wrbr-site .wrbr-bar button.wrbr-bar-play{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--wrbr-c-navy2,#00154b)}
.wrbr-site .wrbr-bar button.wrbr-bar-play:hover{background:#ffe9a8;color:var(--wrbr-c-navy2,#00154b);transform:scale(1.04)}
.wrbr-bar-time{display:flex;align-items:center;gap:8px;width:100%;max-width:520px;font-size:11.5px;font-variant-numeric:tabular-nums;color:#c9d4ee}
.wrbr-bar-seek{flex:1;min-width:60px;height:18px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.wrbr-bar-seek:disabled{opacity:.4;cursor:default}
.wrbr-bar-seek::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--wrbr-c-gold,#ffd23f) var(--wrbr-seek,0%),rgba(255,255,255,.22) var(--wrbr-seek,0%))}
.wrbr-bar-seek::-moz-range-track{height:5px;border-radius:3px;background:rgba(255,255,255,.22)}
.wrbr-bar-seek::-moz-range-progress{height:5px;border-radius:3px;background:var(--wrbr-c-gold,#ffd23f)}
.wrbr-bar-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fff;border:0;opacity:0;transition:opacity .15s}
.wrbr-bar-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:0;opacity:0;transition:opacity .15s}
.wrbr-bar-time:hover .wrbr-bar-seek::-webkit-slider-thumb,.wrbr-bar-seek:focus-visible::-webkit-slider-thumb{opacity:1}
.wrbr-bar-time:hover .wrbr-bar-seek::-moz-range-thumb,.wrbr-bar-seek:focus-visible::-moz-range-thumb{opacity:1}
.wrbr-bar-seek:focus-visible{outline:3px solid #efa938;outline-offset:2px}
/* right side */
.wrbr-bar-volume{display:flex;align-items:center;gap:4px;margin:0 4px 0 6px;color:#dfe6f7}
.wrbr-bar-vol-icon{display:flex}
.wrbr-bar-vol{width:84px;height:18px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.wrbr-bar-vol::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(255,255,255,.3)}
.wrbr-bar-vol::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,.3)}
.wrbr-bar-vol::-moz-range-progress{height:4px;border-radius:2px;background:#fff}
.wrbr-bar-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;border:0}
.wrbr-bar-vol::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:0}
.wrbr-bar-vol:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-site .wrbr-bar button.wrbr-bar-open{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:none;color:#fff;font-size:14px;font-weight:700;margin-left:4px}
.wrbr-bar-open-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.wrbr-site .wrbr-bar button.wrbr-bar-open:hover{background:rgba(255,255,255,.1);color:#fff}
/* resume / hands-off */
.wrbr-site .wrbr-bar button.wrbr-bar-resume{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-navy2,#00154b);font-size:15px;font-weight:800}
.wrbr-site .wrbr-bar button.wrbr-bar-resume:hover{background:#ffdf6e;color:var(--wrbr-c-navy2,#00154b)}
.wrbr-site .wrbr-bar button.wrbr-bar-resume:disabled{opacity:.55;cursor:default}
.wrbr-site .wrbr-bar button.wrbr-bar-dismiss{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:none;color:#fff}
.wrbr-site .wrbr-bar button.wrbr-bar-dismiss:hover{background:rgba(255,255,255,.1);color:#fff}
/* pop-ups above the bar: Lyrics bubble, More menu */
.wrbr-bar-pop{position:absolute;right:20px;bottom:calc(100% + 8px);z-index:2;width:320px;max-width:calc(100vw - 24px);max-height:min(60vh,420px);overflow:auto;box-sizing:border-box;padding:8px;border-radius:14px;background:#fff;color:#142032;box-shadow:0 12px 40px rgba(0,0,0,.35);font-size:14px}
.wrbr-bar-pop-lyrics{width:380px;padding:0}
.wrbr-bar-pop-lyrics::after{content:"";position:absolute;right:122px;bottom:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}
.wrbr-bar-pop-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;background:#fff;border-bottom:1px solid #e1e6ef}
.wrbr-bar-pop-title{font-weight:800;font-size:14px}
.wrbr-site .wrbr-bar button.wrbr-bar-pop-x{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#f1f4f8;color:#4a5566;display:inline-flex;align-items:center;justify-content:center}
.wrbr-bar-lyrics-body{padding:10px 14px 14px;max-height:calc(min(60vh,420px) - 48px);overflow:auto}
.wrbr-bar-lyrics-line{margin:0 0 7px!important;font-size:14px;line-height:1.45;color:#5f6b7a;transition:color .2s}
.wrbr-bar-lyrics-line.is-now{color:var(--wrbr-c-navy2,#00154b);font-weight:700}
.wrbr-bar-lyrics-line.is-blank{height:4px;margin-bottom:7px!important}
.wrbr-bar-lyrics-none{margin:0!important;color:#5f6b7a}
.wrbr-site .wrbr-bar button.wrbr-bar-menu-item{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:#142032;font-size:14px;font-weight:600;text-align:left}
.wrbr-site .wrbr-bar button.wrbr-bar-menu-item:hover,.wrbr-site .wrbr-bar button.wrbr-bar-menu-item:focus-visible{background:#edf3ff;outline:none}
.wrbr-site .wrbr-bar button.wrbr-bar-menu-back{color:var(--wrbr-c-navy,#00209f)}
.wrbr-bar-menu-rate{display:flex;align-items:center;gap:2px;padding:6px 12px 8px;border-bottom:1px solid #e1e6ef;margin-bottom:4px}
.wrbr-bar-menu-rate-label{font-weight:700;margin-right:8px}
.wrbr-site .wrbr-bar button.wrbr-bar-star{width:32px;height:36px;padding:0;border:0;background:none;font-size:24px;line-height:1;color:#fff;-webkit-text-stroke:1.5px #6b7684}
.wrbr-site .wrbr-bar button.wrbr-bar-star.is-on{color:#f5b301;-webkit-text-stroke:1.5px #8a5a00}
.wrbr-bar-menu-new{display:flex;gap:6px;padding:6px 8px}
.wrbr-bar-menu-new input{flex:1;min-width:0;padding:8px 10px;border:1px solid #dbe3ed;border-radius:8px;font-size:14px;color:#142032;background:#fff}
.wrbr-site .wrbr-bar button.wrbr-bar-menu-go{padding:8px 12px;border:0;border-radius:8px;background:var(--wrbr-c-navy,#00209f);color:#fff;font-size:13px;font-weight:700}
/* phones: art · title and line · Like · Play · Next · arrow; a thin gold progress line along the top */
@media(max-width:700px){
.wrbr-bar{display:flex;gap:8px;min-height:72px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
.wrbr-bar-progress{display:block}
.wrbr-bar-left{flex:1;min-width:0}
.wrbr-site .wrbr-bar button.wrbr-bar-art{width:48px;height:48px}
.wrbr-bar-title-row{font-size:14px}
.wrbr-bar-artist{display:none}
.wrbr-bar-label{font-size:12px}
.wrbr-bar-time,.wrbr-bar-volume,.wrbr-site .wrbr-bar button.wrbr-bar-shuffle,.wrbr-site .wrbr-bar button.wrbr-bar-prev,.wrbr-site .wrbr-bar button.wrbr-bar-repeat,.wrbr-site .wrbr-bar button.wrbr-bar-queue,.wrbr-site .wrbr-bar button.wrbr-bar-nope,.wrbr-site .wrbr-bar button.wrbr-bar-lyrics,.wrbr-site .wrbr-bar button.wrbr-bar-share,.wrbr-site .wrbr-bar button.wrbr-bar-more{display:none!important}
.wrbr-bar-mid:not([hidden]),.wrbr-bar-transport,.wrbr-bar-right{display:contents}
.wrbr-site .wrbr-bar button.wrbr-bar-btn{width:44px;height:44px}
.wrbr-site .wrbr-bar button.wrbr-bar-like{order:1}
.wrbr-site .wrbr-bar button.wrbr-bar-play{order:2;width:44px;height:44px}
.wrbr-site .wrbr-bar button.wrbr-bar-next{order:3}
.wrbr-site .wrbr-bar button.wrbr-bar-open{order:4}
.wrbr-bar-special{order:2}
.wrbr-bar.is-offer .wrbr-bar-like,.wrbr-bar.is-offer .wrbr-bar-open{display:none!important}
.wrbr-bar-kids{width:32px;padding:0;justify-content:center}
.wrbr-bar-kids-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.wrbr-site .wrbr-bar button.wrbr-bar-open{margin-left:0}
}
@media(max-width:1100px) and (min-width:701px){.wrbr-bar{grid-template-columns:minmax(0,3fr) minmax(0,4fr) auto;gap:10px}.wrbr-bar-volume{display:none}.wrbr-site .wrbr-bar button.wrbr-bar-queue,.wrbr-site .wrbr-bar button.wrbr-bar-share{display:none}}
@media(max-width:380px){.wrbr-site .wrbr-bar button.wrbr-bar-like{display:none!important}}
/* The full player folds away in the dock; "Open player" shows it as a sheet over the page. */
.wrbr-dock[hidden]{display:none!important}
.wrbr-dock.is-sheet{position:fixed;inset:0;z-index:99500;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:rgba(0,10,40,.55);padding:0 0 env(safe-area-inset-bottom,0px)}
html.wrbr-sheet-open,html.wrbr-sheet-open body{overflow:hidden}
.wrbr-sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:990px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:var(--wrbr-c-navy2,#00154b);color:#fff;box-sizing:border-box}
.wrbr-sheet-title{font-size:16px;font-weight:800;letter-spacing:.02em}
.wrbr-site button.wrbr-sheet-close{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 16px;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:none;color:#fff;font:700 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:none;cursor:pointer}
.wrbr-site button.wrbr-sheet-close:hover{background:rgba(255,255,255,.1);color:#fff}
.wrbr-site button.wrbr-sheet-close:focus-visible{outline:3px solid #efa938;outline-offset:2px}
.wrbr-dock.is-sheet .wrbr-player{margin:0 auto 24px;border-radius:0 0 20px 20px}
.wrbr-dock.is-sheet .wrbr-player.is-jam{margin:0!important;border-radius:0}
.wrbr-slot .wrbr-player{margin-top:0}
/* Page change in progress: a thin gold line at the top. */
.wrbr-loading{position:fixed;left:0;top:0;z-index:100002;height:3px;width:100%;background:var(--wrbr-c-gold,#ffd23f);transform-origin:0 50%;transform:scaleX(0);opacity:0;pointer-events:none}
.wrbr-loading.is-on{opacity:1;animation:wrbr-loading 1.6s ease-out forwards}
@keyframes wrbr-loading{0%{transform:scaleX(.05)}60%{transform:scaleX(.7)}100%{transform:scaleX(.92)}}
@media (prefers-reduced-motion:reduce){.wrbr-loading.is-on{animation:none;transform:scaleX(.6)}.wrbr-bar{transition:none}}
.wrbr-focus-target:focus{outline:none}
html.wrbr-jam-open .wrbr-bar{visibility:hidden}
@media print{.wrbr-site{display:none!important}}
/* v0.8.0: Kids Mode stays on Kids Hits, so the "Back to WRBR rotation" button has nothing to do there. */
.wrbr-player.is-kids .wrbr-playlist-exit{display:none!important}
/* v0.9.0: Seasons. seasons.js sets html.wrbr-season-on and the --wrbr-s-* colors for the holiday showing today. */
html.wrbr-season-on .wrbr-bar{background:var(--wrbr-s-bar);padding-top:15px}
html.wrbr-season-on .wrbr-bar::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--wrbr-s-ribbon);pointer-events:none}
html.wrbr-season-on .wrbr-bar-progress{top:5px}
html.wrbr-season-on .wrbr-bar-progress-fill{background:var(--wrbr-s-label)}
html.wrbr-season-on .wrbr-bar-label,html.wrbr-season-on .wrbr-bar-label.is-gold{color:var(--wrbr-s-label)}
html.wrbr-season-on .wrbr-bar-artist{color:rgba(255,255,255,.85)}
html.wrbr-season-on .wrbr-site .wrbr-bar button.wrbr-bar-play,html.wrbr-season-on .wrbr-site .wrbr-bar button.wrbr-bar-play:hover,html.wrbr-season-on .wrbr-site .wrbr-bar button.wrbr-bar-play:focus{background:var(--wrbr-s-play);color:var(--wrbr-s-play-ink)}
html.wrbr-season-on .wrbr-site .wrbr-bar button.wrbr-bar-play:hover{filter:brightness(.92)}
html.wrbr-season-on .wrbr-site .wrbr-bar button.wrbr-bar-art{background:var(--wrbr-s-play);color:var(--wrbr-s-play-ink)}
html.wrbr-season-on .wrbr-sheet-head{background:var(--wrbr-s-bar)}
html.wrbr-season-on .wrbr-player .wrbr-header{background:var(--wrbr-s-bar);border-bottom:8px solid var(--wrbr-s-play);border-image:var(--wrbr-s-ribbon) 1}
html.wrbr-season-on .wrbr-player .wrbr-eyebrow,html.wrbr-season-on .wrbr-player .wrbr-lede.is-greeting{color:var(--wrbr-s-label);opacity:1;font-weight:600}
html.wrbr-season-on .wrbr-player .wrbr-controls button.wrbr-toggle{background:var(--wrbr-s-play);border-color:var(--wrbr-s-play);color:var(--wrbr-s-play-ink)}
html.wrbr-season-on .wrbr-player input[type=range]{accent-color:var(--wrbr-s-accent)}
.wrbr-season-note{position:fixed;left:12px;top:calc(12px + env(safe-area-inset-top,0px));z-index:99600;max-width:calc(100% - 24px);padding:8px 12px;border-radius:8px;background:#1d2327;color:#fff;font:600 13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wrbr-season-note a{color:var(--wrbr-c-gold,#ffd23f);text-decoration:underline}
body.admin-bar .wrbr-season-note{top:44px}
@media print{.wrbr-season-note{display:none}}
.wrbr-bar-label.is-caption{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
/* v0.9.2 (Founder-approved mockups): phones. No Jam View button; the Dub Lab opens this full-screen view,
   titled "DUB LAB", with the close button top-right so it never covers the song title. */
.wrbr-player.is-phone .wrbr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.wrbr-player.is-jam.is-phone{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:repeat(14,minmax(min-content,auto));
  grid-template-areas:"jt jt jt jt jt jt" "title title title title title title" "artist artist artist artist artist artist" "view view view view view view" "stage stage stage stage stage stage" "beats beats beats beats tempo tempo" "throw throw throw crash crash crash" "fx fx fx fx fx fx" "echo echo echo echo echo echo" "rev rev rev rev rev rev" "share share pull pull prac prac" "prev prev play play next next" "how how how demo demo demo" "tip tip tip tip tip tip"}
.is-jam.is-phone>a.wrbr-jam-demo{display:inline-flex;grid-area:demo;min-height:44px}
.wrbr-player a.wrbr-dub-demo svg,.wrbr-player a.wrbr-jam-demo svg{flex:none}
.is-jam.is-phone>a.wrbr-jam-demo{padding:6px 10px}
@media (max-width:359px){.is-jam.is-phone>a.wrbr-jam-demo svg{display:none}}
.is-jam.is-phone>.wrbr-jam-close{left:auto;right:calc(12px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px))}
.is-jam.is-phone>.wrbr-jam-title{display:block;grid-area:jt;align-self:center;justify-self:start;padding-right:56px;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--wrbr-c-gold,#ffd23f);white-space:nowrap}
.is-jam.is-phone .wrbr-now>.wrbr-title,.is-jam.is-phone .wrbr-now>.wrbr-artist{padding-left:0;padding-right:56px}
.is-jam.is-phone>.wrbr-jam-how{min-height:44px}
.is-jam.is-phone .wrbr-dub button.wrbr-dub-btn{min-height:44px}
.is-jam.is-phone .wrbr-controls>.wrbr-previous,.is-jam.is-phone .wrbr-controls>.wrbr-next,.is-jam.is-phone .wrbr-controls>.wrbr-toggle{height:44px;min-height:44px}
@media (orientation:landscape){
.wrbr-player.is-jam.is-phone{row-gap:6px;column-gap:6px;
  padding:calc(8px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));
  grid-template-columns:minmax(0,10fr) repeat(10,minmax(0,1fr));
  grid-template-rows:auto auto auto auto auto auto auto auto minmax(0,1fr);
  grid-template-areas:"title jt jt jt how how how how demo demo demo" "artist jt jt jt how how how how demo demo demo" "stage beats beats beats beats beats beats tempo tempo tempo tempo" "stage throw throw throw throw throw crash crash crash crash crash" "stage fx fx fx fx fx fx fx fx fx fx" "stage echo echo echo echo echo echo echo echo echo echo" "stage rev rev rev rev rev rev rev rev rev rev" "stage share share prac prac prev prev play play next next" "stage tip tip tip tip tip tip tip tip tip tip"}
.is-jam.is-phone>.wrbr-jam-close{top:calc(8px + env(safe-area-inset-top,0px))}
.is-jam.is-phone>.wrbr-jam-title{justify-self:end;padding-right:0;font-size:12px}
.is-jam.is-phone>.wrbr-jam-how{align-self:center;min-height:44px;font-size:12px;padding:4px 8px;white-space:nowrap}
.is-jam.is-phone .wrbr-now>.wrbr-title,.is-jam.is-phone .wrbr-now>.wrbr-artist{padding-right:0}
.is-jam.is-phone .wrbr-now>.wrbr-title{align-self:end;font-size:14px!important}
.is-jam.is-phone .wrbr-now>.wrbr-artist{align-self:start;font-size:11.5px}
.is-jam.is-phone .wrbr-dub-beats{margin:0!important;font-size:11px}
.is-jam.is-phone .wrbr-dub-tempo{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-jam.is-phone .wrbr-dub-card{padding:3px}
.is-jam.is-phone .wrbr-dub button.wrbr-dub-big{height:44px;min-height:44px;font-size:14px}
.is-jam.is-phone .wrbr-dub-grid>.wrbr-dub-card:nth-child(3),.is-jam.is-phone .wrbr-dub-grid>.wrbr-dub-card:nth-child(4){min-height:36px;padding:2px 10px}
.is-jam.is-phone .wrbr-dub button.wrbr-dub-btn{min-height:44px;padding:0 4px;font-size:12px}
.is-jam.is-phone .wrbr-dub-long{display:none}
.is-jam.is-phone .wrbr-controls>.wrbr-previous,.is-jam.is-phone .wrbr-controls>.wrbr-next,.is-jam.is-phone .wrbr-controls>.wrbr-toggle{height:44px;min-height:44px;min-width:0!important;padding:0}
.is-jam.is-phone .wrbr-controls>.wrbr-toggle{font-size:14px}
.is-jam.is-phone .wrbr-controls>.wrbr-previous,.is-jam.is-phone .wrbr-controls>.wrbr-next{font-size:18px}
}
/* v0.9.2: Jam View in true full screen (computers and tablets) fills the screen exactly. */
.wrbr-player.is-jam:fullscreen{width:100%;height:100%}
.wrbr-player.is-jam:-webkit-full-screen{width:100%;height:100%}

/* v0.9.9: green back/forward and How to play; Dub Lab always open (computers); Dub Lab bar (phones); shared-mix landing */
.wrbr-controls button.wrbr-previous,.wrbr-controls button.wrbr-next{background:var(--wrbr-c-skip,var(--wrbr-c-green,#1e7f34));border-color:var(--wrbr-c-skip,var(--wrbr-c-green,#1e7f34));color:#fff}
.wrbr-controls button.wrbr-previous:hover,.wrbr-controls button.wrbr-next:hover{border-color:var(--wrbr-c-skip2,var(--wrbr-c-green2,#2fbf5a))}
.is-jam .wrbr-controls>.wrbr-previous,.is-jam .wrbr-controls>.wrbr-next{border:1px solid var(--wrbr-c-skip2,var(--wrbr-c-green2,#2fbf5a));background:var(--wrbr-c-skip,var(--wrbr-c-green,#1e7f34));color:#fff}
.wrbr-dub button.wrbr-dub-guide{background:var(--wrbr-c-green,#1e7f34);border-color:var(--wrbr-c-green,#1e7f34);color:#fff}
.is-dub-always .wrbr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-dub-always .wrbr-dub-host{margin:4px 0 16px}
.wrbr-dub-wait{padding:18px;border-radius:14px;background:var(--wrbr-c-dub,#000);border:2px solid var(--wrbr-c-red,#c8102e);color:#ffe9b0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-dub-wait-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.wrbr-dubx-title{display:inline-flex;align-items:baseline;gap:8px}
.wrbr-dubx-name{font-size:24px;font-weight:800;letter-spacing:.06em;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dubx-ed{font-size:13px;font-style:italic;font-weight:600;letter-spacing:0;color:var(--wrbr-c-gold,#ffd23f);margin-left:6px}
.wrbr-player button.wrbr-dub-wait-btn{min-height:44px;padding:0 18px;border:none;border-radius:999px;background:var(--wrbr-c-gold2,#f2b705);color:#1d1d1f;font-size:15px;font-weight:800;cursor:pointer}
.wrbr-dub-wait-line{margin:10px 0 0;font-size:14px;font-weight:700;color:var(--wrbr-c-dubtext,var(--wrbr-c-red,#d21034))}
.wrbr-player button.wrbr-tile.wrbr-dub-bar{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:72px;margin:0 0 16px;padding:12px 16px;background:var(--wrbr-c-dub,#0b0b0d);border:2px solid var(--wrbr-c-red,#c8102e);color:#fff}
.wrbr-player button.wrbr-tile.wrbr-dub-bar[hidden]{display:none}
.wrbr-dub-bar .wrbr-tile-ic{display:none}
.wrbr-dub-bar .wrbr-tile-name{margin:0;font-size:22px;font-weight:800;letter-spacing:.06em;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-bar .wrbr-tile-sub{padding:0;flex-basis:auto;font-size:13px;font-weight:700;color:var(--wrbr-c-dubtext,var(--wrbr-c-red,#d21034))}
.is-jam .wrbr-dub-bar{display:none!important}
.wrbr-mixshare{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:16px 18px;border-radius:14px;background:var(--wrbr-c-dub,#0b0b0d);border-bottom:3px solid var(--wrbr-c-gold2,#f2b705);color:#fff}
.wrbr-mixshare-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.wrbr-mixshare-kicker{font-size:15px;font-weight:700;color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-mixshare-song{font-size:26px;line-height:1.15}
.wrbr-mixshare-artist{font-size:14px;color:#d6d7de}
.wrbr-player button.wrbr-mixshare-play{min-height:56px;padding:0 28px;border:none;border-radius:999px;background:var(--wrbr-red,#d21034);color:#fff;font-size:18px;font-weight:800;cursor:pointer}
.is-jam>.wrbr-mixshare{display:none}
.is-jam.is-dub-preview>.wrbr-mixshare{display:flex;grid-area:stage;flex-direction:column;align-items:stretch;margin:0;border:2px solid var(--wrbr-c-gold2,#f2b705)}
.is-jam.is-dub-preview>.wrbr-mixshare .wrbr-mixshare-play{width:100%}
.is-dub-preview .wrbr-teaser,.is-dub-preview .wrbr-vis-host{display:none!important}
@media(max-width:560px){.wrbr-player.is-dub-bar .wrbr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.wrbr-player.is-dub-bar button.wrbr-tile:not(.wrbr-dub-bar){flex-direction:column;align-items:flex-start;min-height:76px}.wrbr-player.is-dub-bar .wrbr-tiles .wrbr-tile-sub{flex-basis:auto;padding-left:0}.wrbr-player.is-dub-bar .wrbr-tiles .wrbr-tile-name{margin-top:4px}}
/* ======================================================================================
   v0.9.9.4 (Founder-approved canvas Oct 28 + rulings Oct 29): deck without a box, season line,
   VU meters, master volume knob, computer and phone layouts, skins (70s Hi-Fi, Night Studio,
   Classic), skin picker, and the WRBR bar v2.
   ====================================================================================== */
/* --- Deck: no box behind the cards, gold frame on every card, glow on the playing one (retires snippet 76) --- */
.wrbr-deck{background:transparent;padding:4px 0 2px}
.wrbr-deck-photo{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f)}
.wrbr-player button.wrbr-deck-card:hover .wrbr-deck-photo{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f),0 0 14px rgba(255,210,63,.55)}
.wrbr-player button.wrbr-deck-card.is-on .wrbr-deck-photo{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f),0 0 22px 4px rgba(255,210,63,.85)}
/* --- Season line: between the banner and the player; the Reggae Bugs tricolor, or the holiday ribbon --- */
.wrbr-season-line{height:6px;background:linear-gradient(90deg,var(--wrbr-c-red,#c8102e) 0 33.3%,var(--wrbr-c-gold,#ffd23f) 33.3% 66.6%,var(--wrbr-c-green2,#2fbf5a) 66.6% 100%)}
html.wrbr-season-on .wrbr-season-line{background:var(--wrbr-s-ribbon)}
html.wrbr-season-on .wrbr-player .wrbr-header{border-bottom:0;border-image:none}
/* --- Tiles: VU meters and Volume knob cards (phones) --- */
.wrbr-tile.is-navy{background:var(--wrbr-c-navy2,#00154b);color:#fff3c4}
.wrbr-tile.is-navy .wrbr-tile-name{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-tile.is-on.is-navy{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f)}
/* --- VU meters --- */
.wrbr-vu{box-sizing:border-box;border-radius:12px;padding:14px 12px;background:#0c0d10;color:#ffb547;box-shadow:inset 0 2px 10px rgba(0,0,0,.9)}
.wrbr-vu-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}
.wrbr-vu-title{font-size:11px;font-weight:900;letter-spacing:.2em;color:#ffb547}
.wrbr-vu-led{width:8px;height:8px;border-radius:50%;background:#3a3f47;transition:background .2s,box-shadow .2s}
.wrbr-vu-led.is-on{background:var(--wrbr-c-green2,#2fbf5a);box-shadow:0 0 6px var(--wrbr-c-green2,#2fbf5a)}
.wrbr-vu-row{display:flex;gap:12px;justify-content:center}
.wrbr-vu-meter{width:140px;max-width:48%;height:auto;flex:0 1 140px}
.wrbr-vu-face{fill:#f3dc9a;stroke:#3a2a10;stroke-width:2}
.wrbr-vu-scale{stroke:#2a1d0e}
.wrbr-vu-red{stroke:#c8102e}
.wrbr-vu-text,.wrbr-vu-mark,.wrbr-vu-side{fill:#2a1d0e;font-family:"RB Nunito",Nunito,system-ui,sans-serif}
.wrbr-vu-text-red{fill:#c8102e}
.wrbr-vu-needle{stroke:#14100a}
.wrbr-vu-pivot{fill:#14100a}
/* --- Master volume knob --- */
.wrbr-knob{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:18px 16px;background:#f3f6fa;border:1px solid var(--wrbr-edge)}
.wrbr-knob-title{margin:0!important;font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--wrbr-ink)}
.wrbr-knob-ctl{width:min(240px,100%);aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}
.wrbr-knob-ctl.is-dragging{cursor:grabbing}
.wrbr-knob-ctl.is-locked{cursor:default;opacity:.45;filter:grayscale(1)}
.wrbr-player.is-volume-locked .wrbr-knob-read{color:#8a8f99;text-shadow:none}
.wrbr-player.is-volume-locked .wrbr-volume,.wrbr-bar-vol:disabled{opacity:.4;cursor:default}
.wrbr-knob-ctl:focus-visible{box-shadow:0 0 0 3px #efa938}
.wrbr-knob-svg{display:block;width:100%;height:100%}
.wrbr-knob-tick{stroke:#8b919b}
.wrbr-knob-shadow{fill:#05070c;opacity:.4}
.wrbr-knob-body{fill:#1d2126;stroke:#4a4f58;stroke-width:1.5}
.wrbr-knob-cap{fill:#2b3038;stroke:#3d434c;stroke-width:1}
.wrbr-knob-pointer{stroke:#fff}
.wrbr-knob-grip{stroke:#fff}
.wrbr-knob-read{min-width:72px;padding:6px 18px;border-radius:10px;background:#0c0d10;color:#ffb547;text-align:center;font:800 22px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-shadow:0 0 8px rgba(255,181,71,.6);box-shadow:inset 0 2px 10px rgba(0,0,0,.9)}
.wrbr-knob-help{margin:0!important;font-size:12px;font-weight:700;color:var(--wrbr-muted);text-align:center}
/* --- Computer layout: right column = VU meters, knob box, then search, tabs and the list --- */
.wrbr-player:not(.is-layout-phone) .wrbr-queue{display:flex;flex-direction:column;gap:16px}
.wrbr-player.is-jam .wrbr-season-line{display:none!important}
.wrbr-player:not(.is-layout-phone) .wrbr-queue>.wrbr-search-wrap{margin:0}
.wrbr-player:not(.is-layout-phone) .wrbr-queue>.wrbr-views{margin:0}
.wrbr-player:not(.is-layout-phone) .wrbr-queue>.wrbr-queue-heading{margin:0!important}
.wrbr-player:not(.is-layout-phone) .wrbr-vu{min-height:248px;display:flex;flex-direction:column;justify-content:center}
.wrbr-player:not(.is-layout-phone) .wrbr-knob{min-height:498px}
.wrbr-player:not(.is-layout-phone).is-lights-off .wrbr-knob{min-height:380px}
@media(max-width:700px){.wrbr-player:not(.is-layout-phone) .wrbr-vu{min-height:0}.wrbr-player:not(.is-layout-phone) .wrbr-knob,.wrbr-player:not(.is-layout-phone).is-lights-off .wrbr-knob{min-height:0}}
/* --- Phone layout (Founder-approved): 2 × 2 toggle cards; meters, light screen and knob when open --- */
.wrbr-player.is-layout-phone .wrbr-tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0 14px}
.wrbr-player.is-layout-phone button.wrbr-tile{flex-direction:column;align-items:flex-start;min-height:76px}
.wrbr-player.is-layout-phone .wrbr-tiles .wrbr-tile-sub{flex-basis:auto;padding-left:0}
.wrbr-player.is-layout-phone .wrbr-tiles .wrbr-tile-name{margin-top:4px}
.wrbr-player.is-layout-phone .wrbr-tile.is-on .wrbr-tile-sub::after{content:" \00b7 on"}
.wrbr-player.is-layout-phone .wrbr-vu{margin:0 0 14px}
.wrbr-player.is-layout-phone .wrbr-knob{margin:0 0 16px}
.wrbr-player.is-layout-phone .wrbr-tools{padding-top:0;border-top:0;margin:0 0 16px}
.wrbr-player.is-layout-phone .wrbr-body>.wrbr-dub-bar{margin:0 22px 22px}
/* --- Skin picker (inside Settings) and the Skin button --- */
.wrbr-skins{padding:4px 0 12px;border-bottom:1px solid rgba(255,210,63,.3)}
.wrbr-skin-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.wrbr-howto button.wrbr-skin-opt{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:2px solid rgba(255,210,63,.35);border-radius:12px;background:rgba(0,0,0,.18);color:#fff3c4;text-align:left;cursor:pointer;font-family:inherit}
.wrbr-howto button.wrbr-skin-opt:hover{border-color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-howto button.wrbr-skin-opt.is-on{border-color:var(--wrbr-c-gold,#ffd23f);background:rgba(255,210,63,.18)}
.wrbr-skin-swatch{flex:none;width:44px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.35)}
.wrbr-skin-swatch-classic{background:linear-gradient(135deg,#00154b 0 40%,#fff 40% 70%,#f5f7fb 70%)}
.wrbr-skin-swatch-night{background:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.6px) 0 0/6px 6px,linear-gradient(135deg,#0b2a8a 0 35%,#0a1330 35%);box-shadow:inset 0 0 0 1px rgba(233,185,73,.8)}
.wrbr-skin-swatch-hifi{background:linear-gradient(90deg,#5a3218 0 18%,#d7dbe0 18% 82%,#5a3218 82%);box-shadow:inset 0 0 0 1px #3e220f}
.wrbr-skin-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.wrbr-skin-name{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#fff}
.wrbr-skin-price{padding:1px 8px;border-radius:999px;border:1px solid var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-gold,#ffd23f);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wrbr-skin-about{font-size:12.5px;color:#f3ecd0}
.wrbr-howto a.wrbr-skins-more{display:inline-block;margin-top:10px;color:var(--wrbr-c-gold,#ffd23f);font-size:13.5px;font-weight:700;text-decoration:underline}
.wrbr-player button.wrbr-skin-open{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:#142032;font-size:12.5px;font-weight:700;cursor:pointer}
@media (pointer:coarse){.wrbr-player button.wrbr-skin-open{min-height:44px}}
/* --- Header: the banner stays changeable on its own, apart from the skin (data-banner, later) --- */
.wrbr-header{position:relative}

/* ======================================================================================
   Skin: Night Studio. Deep night navy with a faint speaker-grille dot texture; dark console panels
   with a thin gold edge; gold = main actions, green = positive, red sparing; cream text; Lilita One
   titles; white search box; black knob.
   ====================================================================================== */
.wrbr-player[data-skin=night]{--wrbr-ink:#fff6df;--wrbr-muted:#c3c9d9;--wrbr-edge:rgba(233,185,73,.45);--wrbr-n-panel:linear-gradient(180deg,#121b36,#0a1022);--wrbr-n-ink:#fff6df;color:#fff6df;background-color:#0a1330;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.6px);background-size:7px 7px;border:1px solid rgba(233,185,73,.55);border-radius:16px;font-family:"RB Nunito",Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-player[data-skin=night] .wrbr-header{background:linear-gradient(135deg,var(--wrbr-c-navy2,#0b2a8a),var(--wrbr-c-navy3,#1f3fd1))}
.wrbr-player[data-skin=night] .wrbr-header h2,.wrbr-player[data-skin=night] .wrbr-now h3,.wrbr-player[data-skin=night] .wrbr-queue h3{font-family:"WRBR Lilita","RB Lilita","Lilita One",system-ui,sans-serif;font-weight:400;letter-spacing:.01em}
.wrbr-player[data-skin=night] .wrbr-now h3{color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-label{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-artist,.wrbr-player[data-skin=night] .wrbr-imprint{color:#c3c9d9}
.wrbr-player[data-skin=night] .wrbr-plays{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-program{background:rgba(255,210,63,.12);color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-queue{background:transparent;border-left:1px solid rgba(233,185,73,.35)}
.wrbr-player[data-skin=night] .wrbr-disclaimer{background:transparent;color:#c3c9d9;border-top:1px solid rgba(233,185,73,.25)}
.wrbr-player[data-skin=night] .wrbr-controls button{background:var(--wrbr-n-panel);border-color:rgba(233,185,73,.55);color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-controls button.wrbr-toggle{background:var(--wrbr-c-gold,#ffd23f);border-color:var(--wrbr-c-gold,#ffd23f);color:#0a1330}
.wrbr-player[data-skin=night] .wrbr-controls button.wrbr-previous,.wrbr-player[data-skin=night] .wrbr-controls button.wrbr-next{background:var(--wrbr-c-green,#1e7f34);border-color:var(--wrbr-c-green2,#2fbf5a);color:#fff}
.wrbr-player[data-skin=night] .wrbr-controls button.wrbr-repeat.is-on{background:rgba(255,210,63,.18);border-color:var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-share,.wrbr-player[data-skin=night] .wrbr-view,.wrbr-player[data-skin=night] .wrbr-vis-chip,.wrbr-player[data-skin=night] .wrbr-autoplay,.wrbr-player[data-skin=night] button.wrbr-settings-open,.wrbr-player[data-skin=night] button.wrbr-skin-open,.wrbr-player[data-skin=night] button.wrbr-sleep-open,.wrbr-player[data-skin=night] button.wrbr-lyrics-toggle,.wrbr-player[data-skin=night] .wrbr-playlist-exit,.wrbr-player[data-skin=night] .wrbr-subhead-btn,.wrbr-player[data-skin=night] .wrbr-rate-clear{background:var(--wrbr-n-panel);border-color:rgba(233,185,73,.55);color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-share:hover,.wrbr-player[data-skin=night] .wrbr-view:hover{border-color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-view[aria-pressed=true],.wrbr-player[data-skin=night] .wrbr-vis-chip[aria-pressed=true]{background:var(--wrbr-c-gold,#ffd23f);border-color:var(--wrbr-c-gold,#ffd23f);color:#0a1330}
.wrbr-player[data-skin=night] .wrbr-like{border-color:var(--wrbr-c-green2,#2fbf5a);color:var(--wrbr-c-green2,#2fbf5a);background:var(--wrbr-n-panel)}
.wrbr-player[data-skin=night] .wrbr-like.is-on{background:var(--wrbr-c-green,#1e7f34);color:#fff}
.wrbr-player[data-skin=night] .wrbr-fav{border-color:var(--wrbr-c-gold,#ffd23f);color:var(--wrbr-c-gold,#ffd23f);background:var(--wrbr-n-panel)}
.wrbr-player[data-skin=night] .wrbr-fav.is-on{background:var(--wrbr-c-gold,#ffd23f);color:#0a1330}
.wrbr-player[data-skin=night] .wrbr-star{color:#0a1022;-webkit-text-stroke:1.5px #c3c9d9}
.wrbr-player[data-skin=night] .wrbr-star.is-on{color:var(--wrbr-c-gold,#ffd23f);-webkit-text-stroke:1.5px #8a5a00}
.wrbr-player[data-skin=night] .wrbr-rating-summary{color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-search{background:#fff;color:#0a1a4a;border-color:rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] .wrbr-track-list li{border-bottom-color:rgba(233,185,73,.2)}
.wrbr-player[data-skin=night] .wrbr-track-list li:before{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-queue-pick{color:#fff6df!important}
.wrbr-player[data-skin=night] .wrbr-queue-pick[aria-current=true]{color:var(--wrbr-c-gold,#ffd23f)!important}
.wrbr-player[data-skin=night] .wrbr-row-plays{color:#c3c9d9!important}
.wrbr-player[data-skin=night] .wrbr-row-more,.wrbr-player[data-skin=night] .wrbr-mini-btn{color:#c3c9d9}
.wrbr-player[data-skin=night] .wrbr-row-more:hover{background:rgba(255,255,255,.06);border-color:rgba(233,185,73,.45)}
.wrbr-player[data-skin=night] .wrbr-row-menu{background:#121b36;border-color:rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] .wrbr-menu-item{color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-menu-item:hover,.wrbr-player[data-skin=night] .wrbr-menu-item:focus-visible{background:rgba(255,210,63,.15)}
.wrbr-player[data-skin=night] .wrbr-list-subhead{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-list-empty{color:#c3c9d9}
.wrbr-player[data-skin=night] .wrbr-tools label{color:#c3c9d9}
.wrbr-player[data-skin=night] .wrbr-tools{border-top-color:rgba(233,185,73,.25)}
.wrbr-player[data-skin=night] .wrbr-tools select{background:#121b36;color:#fff6df;border-color:rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] .wrbr-feedback,.wrbr-player[data-skin=night] .wrbr-hint-cta,.wrbr-player[data-skin=night] .wrbr-progress-wrap{color:#c3c9d9}
.wrbr-player[data-skin=night] input[type=range]{accent-color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-lyrics-panel{background:#121b36;border-color:rgba(233,185,73,.45)}
.wrbr-player[data-skin=night] .wrbr-lyrics-line{color:#c3c9d9}
.wrbr-player[data-skin=night] .wrbr-lyrics-line.is-now{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-playlist-bar{background:#121b36;border-color:rgba(233,185,73,.55);color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-playlist-exit{color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-shared-note{background:#121b36;color:#fff6df;border:1px solid rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] .wrbr-sleep-menu{background:#121b36;border-color:rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] button.wrbr-sleep-item{color:#fff6df}
.wrbr-player[data-skin=night] button.wrbr-sleep-item:hover,.wrbr-player[data-skin=night] button.wrbr-sleep-item.is-on{background:rgba(255,210,63,.15);color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-knob{background:var(--wrbr-n-panel);border:1px solid rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] .wrbr-knob-title{color:#fff6df}
.wrbr-player[data-skin=night] .wrbr-knob-help{color:#c3c9d9}
.wrbr-player[data-skin=night] .wrbr-knob-body{fill:#05070c;stroke:#2a3150}
.wrbr-player[data-skin=night] .wrbr-knob-cap{fill:#141a2e;stroke:#26304f}
.wrbr-player[data-skin=night] .wrbr-knob-pointer{stroke:#fff6df}
.wrbr-player[data-skin=night] .wrbr-knob-read{background:#05070c;color:var(--wrbr-c-gold,#ffd23f);text-shadow:0 0 8px rgba(255,210,63,.6)}
.wrbr-player[data-skin=night] .wrbr-vu{background:var(--wrbr-n-panel);border:1px solid rgba(233,185,73,.55);box-shadow:none}
.wrbr-player[data-skin=night] .wrbr-vu-title{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-tile.is-navy{background:var(--wrbr-n-panel);border-color:rgba(233,185,73,.55)}
.wrbr-player[data-skin=night] .wrbr-player a.wrbr-featuring,.wrbr-player[data-skin=night] a.wrbr-featuring{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-player button.wrbr-cta-settings,.wrbr-player[data-skin=night] button.wrbr-cta-settings{color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-player[data-skin=night] .wrbr-inapp-note{background:#121b36;border:1px solid rgba(233,185,73,.45)}
.wrbr-player[data-skin=night] .wrbr-vis-stage.wrbr-vis-frame-none{background:#0a1022}
.wrbr-player[data-skin=night] .wrbr-resume{box-shadow:0 0 0 3px rgba(255,210,63,.35),0 0 18px rgba(255,210,63,.35)}
.wrbr-player[data-skin=night].is-kids button.wrbr-kids-exit{background:#121b36}
html[data-wrbr-skin=night] .wrbr-sheet-head{background:#0a1a4a;border-bottom:1px solid rgba(233,185,73,.45)}
html[data-wrbr-skin=night] .wrbr-dock.is-sheet{background:rgba(5,8,20,.72)}

/* ======================================================================================
   Skin: 70s Hi-Fi (default). Brushed aluminum faceplate; walnut cheeks both sides and a wood strip
   along the bottom; wood top bar; brushed-metal nameplate banner (silver badge ringed in wood, dark
   engraved type, amber play-count display); silver push keys with an amber LED on the active one;
   black glass windows with amber backlight; silver knob (red pointer, gold level ring); Righteous
   titles; Nunito body; white search box. Textures drawn in code for now (real ones come later).
   ====================================================================================== */
.wrbr-player[data-skin=hifi]{--wrbr-ink:#1e2126;--wrbr-muted:#3a3f47;--wrbr-edge:#7d838b;--wrbr-h-wood:#5a3218;--wrbr-h-wood-img:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,rgba(0,0,0,0) 2px 9px,rgba(255,220,170,.06) 9px 11px,rgba(0,0,0,0) 11px 17px),linear-gradient(0deg,#3e220f,#6e3f1f 30%,#57301a 55%,#7a4724 80%,#3e220f);--wrbr-h-wood-img-x:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,rgba(0,0,0,0) 2px 9px,rgba(255,220,170,.06) 9px 11px,rgba(0,0,0,0) 11px 17px),linear-gradient(90deg,#3e220f,#6e3f1f 30%,#57301a 55%,#7a4724 80%,#3e220f);--wrbr-h-metal:#c4c8ce;--wrbr-h-metal-img:repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 1px,rgba(0,0,0,.035) 1px 2px),linear-gradient(180deg,#e1e4e8,#bfc4ca 55%,#a7adb5);--wrbr-h-key:linear-gradient(180deg,#f6f7f9,#c9cdd3);--wrbr-h-glass:#0c0d10;--wrbr-h-amber:#ffb547;--wrbr-h-rust:#7a2e0e;--wrbr-h-glass-shadow:inset 0 2px 10px rgba(0,0,0,.9),0 0 0 2px #e7e9ec,0 0 0 3px #7d838b;color:#1e2126;border:0;border-radius:14px;border-top:18px solid var(--wrbr-h-wood);border-bottom:18px solid var(--wrbr-h-wood);border-left:24px solid var(--wrbr-h-wood);border-right:24px solid var(--wrbr-h-wood);border-image:var(--wrbr-h-wood-img) 18 24 18 24;background-color:var(--wrbr-h-metal);background-image:var(--wrbr-h-metal-img);box-shadow:0 24px 70px rgba(0,0,0,.6);font-family:"RB Nunito",Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-player[data-skin=hifi] .wrbr-header{background-color:var(--wrbr-h-metal);background-image:var(--wrbr-h-metal-img);color:#1e2126;box-shadow:inset 0 -1px 0 #7d838b}
.wrbr-player[data-skin=hifi] .wrbr-mark{background:radial-gradient(circle at 40% 35%,#fff,#b9bec6 70%,#7d838b);border:0;box-shadow:0 0 0 3px var(--wrbr-h-wood),0 4px 10px rgba(0,0,0,.4);color:#1e2126;font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400;font-size:22px;letter-spacing:0}
.wrbr-player[data-skin=hifi] .wrbr-eyebrow{color:var(--wrbr-h-rust);opacity:1;letter-spacing:.2em!important}
.wrbr-player[data-skin=hifi] .wrbr-header h2{color:#1e2126;font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400;letter-spacing:.01em}
.wrbr-player[data-skin=hifi] .wrbr-lede{color:#3a3f47;opacity:1;font-weight:700}
.wrbr-player[data-skin=hifi] .wrbr-station-total{background:var(--wrbr-h-glass);color:var(--wrbr-h-amber);border-radius:10px;box-shadow:var(--wrbr-h-glass-shadow);font:800 13px ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.wrbr-player[data-skin=hifi] .wrbr-lede.is-greeting{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-deck-photo{box-shadow:0 0 0 3px #e7e9ec,0 0 0 4px #7d838b}
.wrbr-player[data-skin=hifi] button.wrbr-deck-card:hover .wrbr-deck-photo{box-shadow:0 0 0 3px #e7e9ec,0 0 0 4px #7d838b,0 0 14px rgba(255,181,71,.6)}
.wrbr-player[data-skin=hifi] button.wrbr-deck-card.is-on .wrbr-deck-photo{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f),0 0 0 4px #7d838b,0 0 22px 4px rgba(255,181,71,.85)}
.wrbr-player[data-skin=hifi] .wrbr-deck-name{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-deck-genre{color:#3a3f47}
.wrbr-player[data-skin=hifi] button.wrbr-deck-arrow{border-color:#7d838b;background:var(--wrbr-h-key);color:#1e2126;box-shadow:0 2px 0 #6e747c}
.wrbr-player[data-skin=hifi] button.wrbr-deck-arrow:hover{color:var(--wrbr-h-rust);border-color:#7d838b}
.wrbr-player[data-skin=hifi] .wrbr-deck-dot span{background:#7d838b}
.wrbr-player[data-skin=hifi] .wrbr-deck-dot[aria-current=true] span{background:var(--wrbr-h-amber);box-shadow:0 0 6px var(--wrbr-h-amber)}
.wrbr-player[data-skin=hifi] .wrbr-deck-star{background:#1e2126;border-color:var(--wrbr-h-amber)}
.wrbr-player[data-skin=hifi] .wrbr-label{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-now h3{color:#1e2126;font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400}
.wrbr-player[data-skin=hifi] .wrbr-artist{color:#3a3f47}
.wrbr-player[data-skin=hifi] .wrbr-plays{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-imprint{color:#3a3f47}
.wrbr-player[data-skin=hifi] .wrbr-program{background:var(--wrbr-h-glass);color:var(--wrbr-h-amber);border-radius:8px;box-shadow:var(--wrbr-h-glass-shadow);text-transform:uppercase;letter-spacing:.06em;font:800 11px ui-monospace,Menlo,Consolas,monospace}
.wrbr-player[data-skin=hifi] .wrbr-cover{box-shadow:0 0 0 3px #e7e9ec,0 0 0 4px #7d838b,0 6px 14px rgba(0,0,0,.35);border-radius:6px}
/* silver push keys: every pill button and tab, with an amber LED when active */
.wrbr-player[data-skin=hifi] .wrbr-share,.wrbr-player[data-skin=hifi] .wrbr-view,.wrbr-player[data-skin=hifi] .wrbr-vis-chip,.wrbr-player[data-skin=hifi] .wrbr-autoplay,.wrbr-player[data-skin=hifi] button.wrbr-settings-open,.wrbr-player[data-skin=hifi] button.wrbr-skin-open,.wrbr-player[data-skin=hifi] button.wrbr-sleep-open,.wrbr-player[data-skin=hifi] button.wrbr-lyrics-toggle,.wrbr-player[data-skin=hifi] .wrbr-playlist-exit,.wrbr-player[data-skin=hifi] .wrbr-subhead-btn,.wrbr-player[data-skin=hifi] .wrbr-rate-clear,.wrbr-player[data-skin=hifi] .wrbr-like,.wrbr-player[data-skin=hifi] .wrbr-fav,.wrbr-player[data-skin=hifi] .wrbr-tools select,.wrbr-player[data-skin=hifi] button.wrbr-tile:not(.wrbr-dub-bar),.wrbr-player[data-skin=hifi] .wrbr-controls button{border:1px solid #7d838b;border-radius:6px;background:var(--wrbr-h-key);box-shadow:0 2px 0 #6e747c;color:#1e2126;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px}
.wrbr-player[data-skin=hifi] .wrbr-share:hover,.wrbr-player[data-skin=hifi] .wrbr-view:hover,.wrbr-player[data-skin=hifi] .wrbr-controls button:hover,.wrbr-player[data-skin=hifi] button.wrbr-tile:not(.wrbr-dub-bar):hover{background:linear-gradient(180deg,#fff,#d6dae0);border-color:#7d838b;transform:none;box-shadow:0 2px 0 #6e747c}
.wrbr-player[data-skin=hifi] .wrbr-view::before,.wrbr-player[data-skin=hifi] .wrbr-vis-chip::before,.wrbr-player[data-skin=hifi] .wrbr-like::before,.wrbr-player[data-skin=hifi] .wrbr-fav::before,.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-toggle::before,.wrbr-player[data-skin=hifi] button.wrbr-tile:not(.wrbr-dub-bar)::before,.wrbr-player[data-skin=hifi] button.wrbr-lyrics-toggle::before,.wrbr-player[data-skin=hifi] button.wrbr-sleep-open::before,.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-repeat::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#5b4a35;flex:none;vertical-align:middle}
.wrbr-player[data-skin=hifi] .wrbr-view[aria-pressed=true],.wrbr-player[data-skin=hifi] .wrbr-vis-chip[aria-pressed=true]{background:var(--wrbr-h-key);border-color:#7d838b;color:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-view[aria-pressed=true]::before,.wrbr-player[data-skin=hifi] .wrbr-vis-chip[aria-pressed=true]::before,.wrbr-player[data-skin=hifi] .wrbr-like.is-on::before,.wrbr-player[data-skin=hifi] .wrbr-fav.is-on::before,.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-toggle::before,.wrbr-player[data-skin=hifi] button.wrbr-tile.is-on::before,.wrbr-player[data-skin=hifi] button.wrbr-lyrics-toggle[aria-expanded=true]::before,.wrbr-player[data-skin=hifi] button.wrbr-sleep-open.is-on::before,.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-repeat.is-on::before{background:var(--wrbr-h-amber);box-shadow:0 0 8px var(--wrbr-h-amber)}
.wrbr-player[data-skin=hifi] .wrbr-like,.wrbr-player[data-skin=hifi] .wrbr-fav{color:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-like.is-on,.wrbr-player[data-skin=hifi] .wrbr-fav.is-on{background:var(--wrbr-h-key);color:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-fav.is-on .wrbr-fav-shape{fill:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-star{color:#fff;-webkit-text-stroke:1.5px var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-star.is-on{color:var(--wrbr-c-gold,#ffd23f);-webkit-text-stroke:1.5px #8a5a00}
.wrbr-player[data-skin=hifi] .wrbr-rating-summary{color:#3a3f47}
.wrbr-player[data-skin=hifi] .wrbr-controls button{min-width:56px;min-height:56px;border-radius:50%;padding:0;font-size:20px}
.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-previous,.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-next{background:radial-gradient(circle at 50% 35%,#fafbfc,#bfc4ca);border-color:#7d838b;color:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-toggle{min-width:124px;min-height:54px;border-radius:6px;background:var(--wrbr-h-key);border-color:#7d838b;color:#1e2126;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-repeat{border-radius:6px;min-width:56px;opacity:1;font-size:17px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px}
.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-repeat.is-on{background:var(--wrbr-h-key);border-color:#7d838b;color:#1e2126}
.wrbr-player[data-skin=hifi] button.wrbr-tile:not(.wrbr-dub-bar){border-width:1px;border-color:#7d838b;color:#1e2126}
.wrbr-player[data-skin=hifi] button.wrbr-tile:not(.wrbr-dub-bar) .wrbr-tile-name,.wrbr-player[data-skin=hifi] .wrbr-tile.is-red .wrbr-tile-name,.wrbr-player[data-skin=hifi] .wrbr-tile.is-green .wrbr-tile-name,.wrbr-player[data-skin=hifi] .wrbr-tile.is-navy .wrbr-tile-name{color:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-tile:not(.wrbr-dub-bar) .wrbr-tile-sub{color:#3a3f47;text-transform:none;letter-spacing:0}
.wrbr-player[data-skin=hifi] .wrbr-tile.is-on{box-shadow:0 2px 0 #6e747c}
.wrbr-player[data-skin=hifi] .wrbr-tile-ic{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-new{background:var(--wrbr-h-amber);border-color:#3a2600}
/* glass windows: light screen, song list, meters, readouts */
.wrbr-player[data-skin=hifi] .wrbr-vis-stage{box-shadow:var(--wrbr-h-glass-shadow);border-radius:10px;padding:10px;background:var(--wrbr-h-glass)}
.wrbr-player[data-skin=hifi] .wrbr-vis-stage.wrbr-vis-frame-wood{background:linear-gradient(135deg,#4a2a14,#2a170a);box-shadow:var(--wrbr-h-glass-shadow),inset 0 0 0 1px #1a0e05}
.wrbr-player[data-skin=hifi] .wrbr-vis-stage.wrbr-vis-frame-none{background:var(--wrbr-h-glass)}
.wrbr-player[data-skin=hifi] .wrbr-vis-canvas{border-radius:4px}
.wrbr-player[data-skin=hifi] .wrbr-queue{background:transparent;border-left:2px solid #8c9198;box-shadow:inset 1px 0 0 #eef0f3}
.wrbr-player[data-skin=hifi] .wrbr-search{background:#fff;color:#0a1a4a;border:1px solid #7d838b;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}
.wrbr-player[data-skin=hifi] .wrbr-queue h3{color:#fff1d6;font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400;font-size:16px;margin:0 0 4px 10px!important}
.wrbr-player[data-skin=hifi] .wrbr-list-window{background:var(--wrbr-h-glass);border-radius:10px;box-shadow:var(--wrbr-h-glass-shadow);padding:12px 10px}
.wrbr-player[data-skin=hifi] .wrbr-track-list li{border-bottom:0;padding:4px 10px;border-radius:6px}
.wrbr-player[data-skin=hifi] .wrbr-track-list li:before{color:var(--wrbr-h-amber);font:800 12px ui-monospace,Menlo,Consolas,monospace}
.wrbr-player[data-skin=hifi] .wrbr-track-list li.wrbr-row:has(.wrbr-queue-pick[aria-current=true]){background:rgba(255,181,71,.12)}
.wrbr-player[data-skin=hifi] .wrbr-queue-pick{color:#fff1d6!important}
.wrbr-player[data-skin=hifi] .wrbr-queue-pick[aria-current=true]{color:var(--wrbr-h-amber)!important}
.wrbr-player[data-skin=hifi] .wrbr-row-plays{color:#c9b994!important}
.wrbr-player[data-skin=hifi] .wrbr-row-more,.wrbr-player[data-skin=hifi] .wrbr-mini-btn{color:#c9b994}
.wrbr-player[data-skin=hifi] .wrbr-row-more:hover{background:rgba(255,255,255,.08);border-color:transparent}
.wrbr-player[data-skin=hifi] .wrbr-row-menu{background:#15161a;border-color:#3a3f47}
.wrbr-player[data-skin=hifi] .wrbr-menu-item{color:#fff1d6}
.wrbr-player[data-skin=hifi] .wrbr-menu-item:hover,.wrbr-player[data-skin=hifi] .wrbr-menu-item:focus-visible{background:rgba(255,181,71,.15)}
.wrbr-player[data-skin=hifi] .wrbr-menu-input input{background:#fff;color:#0a1a4a;border-color:#7d838b}
.wrbr-player[data-skin=hifi] .wrbr-list-subhead{color:var(--wrbr-h-amber)}
.wrbr-player[data-skin=hifi] .wrbr-list-empty{color:#c9b994}
.wrbr-player[data-skin=hifi] .wrbr-subhead-btn{font-size:11px;padding:3px 8px}
.wrbr-player[data-skin=hifi] .wrbr-progress-wrap{color:#3a3f47;font-weight:700}
.wrbr-player[data-skin=hifi] input[type=range]{accent-color:var(--wrbr-h-amber)}
.wrbr-player[data-skin=hifi] .wrbr-tools{border-top:0}
.wrbr-player[data-skin=hifi] .wrbr-tools label{color:#3a3f47;letter-spacing:.2em}
.wrbr-player[data-skin=hifi] .wrbr-tools select{padding:9px 12px;font-size:12.5px}
.wrbr-player[data-skin=hifi] .wrbr-feedback,.wrbr-player[data-skin=hifi] .wrbr-hint-cta{color:#3a3f47}
.wrbr-player[data-skin=hifi] button.wrbr-cta-settings{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] a.wrbr-featuring{color:var(--wrbr-h-rust)}
.wrbr-player[data-skin=hifi] .wrbr-lyrics-panel{background:var(--wrbr-h-glass);border:0;box-shadow:var(--wrbr-h-glass-shadow)}
.wrbr-player[data-skin=hifi] .wrbr-lyrics-line{color:#c9b994}
.wrbr-player[data-skin=hifi] .wrbr-lyrics-line.is-now{color:var(--wrbr-h-amber)}
.wrbr-player[data-skin=hifi] .wrbr-playlist-bar{background:var(--wrbr-h-glass);border:0;box-shadow:var(--wrbr-h-glass-shadow);color:#fff1d6;border-radius:10px}
.wrbr-player[data-skin=hifi] .wrbr-shared-note{background:var(--wrbr-h-glass);color:var(--wrbr-h-amber);box-shadow:var(--wrbr-h-glass-shadow)}
.wrbr-player[data-skin=hifi] .wrbr-sleep-menu{background:#f3f4f6;border-color:#7d838b}
.wrbr-player[data-skin=hifi] .wrbr-disclaimer{background:transparent;color:#3a3f47;border-top:1px solid #8c9198}
.wrbr-player[data-skin=hifi] .wrbr-inapp-note{background:var(--wrbr-h-glass);color:#fff1d6;box-shadow:var(--wrbr-h-glass-shadow)}
.wrbr-player[data-skin=hifi] .wrbr-vu{background:var(--wrbr-h-glass);box-shadow:var(--wrbr-h-glass-shadow);border-radius:10px}
.wrbr-player[data-skin=hifi] .wrbr-vu-face{fill:url(#wrbrVuFace) #f3dc9a}
.wrbr-player[data-skin=hifi] .wrbr-knob{background-color:var(--wrbr-h-metal);background-image:var(--wrbr-h-metal-img);border:0;box-shadow:inset 0 0 0 1px #8c9198;border-radius:10px}
.wrbr-player[data-skin=hifi] .wrbr-knob-title{color:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-knob-body{fill:url(#wrbrKnobBody) #bec3ca;stroke:#4a4f58}
.wrbr-player[data-skin=hifi] .wrbr-knob-cap{fill:url(#wrbrKnobCap) #d3d7dc;stroke:#8b919b}
.wrbr-player[data-skin=hifi] .wrbr-knob-pointer{stroke:var(--wrbr-c-red,#c8102e)}
.wrbr-player[data-skin=hifi] .wrbr-knob-grip{stroke:#6e747e;opacity:.6}
.wrbr-player[data-skin=hifi] .wrbr-knob-tick{stroke:#5a6170}
.wrbr-player[data-skin=hifi] .wrbr-knob-help{color:#3a3f47}
.wrbr-player[data-skin=hifi] .wrbr-dub-wait,.wrbr-player[data-skin=hifi] .wrbr-dub{border-radius:12px}
.wrbr-player[data-skin=hifi] .wrbr-resume{background:var(--wrbr-h-amber);color:#3a2600;box-shadow:0 0 0 3px rgba(255,181,71,.35)}
.wrbr-player[data-skin=hifi].is-kids button.wrbr-kids-exit{background:#1e2126}
.wrbr-player[data-skin=hifi] .wrbr-prefs button{text-transform:uppercase}
@media(max-width:700px){.wrbr-player[data-skin=hifi]{border-left-width:12px;border-right-width:12px;border-top-width:14px;border-bottom-width:14px;border-image:var(--wrbr-h-wood-img) 14 12 14 12}.wrbr-player[data-skin=hifi] .wrbr-queue{border-left:0;border-top:2px solid #8c9198;box-shadow:inset 0 1px 0 #eef0f3}.wrbr-player[data-skin=hifi] .wrbr-controls button{min-width:50px;min-height:50px}}
html[data-wrbr-skin=hifi] .wrbr-sheet-head{background-color:#5a3218;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,rgba(0,0,0,0) 2px 9px,rgba(255,220,170,.06) 9px 11px,rgba(0,0,0,0) 11px 17px),linear-gradient(0deg,#3e220f,#6e3f1f 30%,#57301a 55%,#7a4724 80%,#3e220f);border-bottom:2px solid #2a1608}
html[data-wrbr-skin=hifi] .wrbr-sheet-title{color:#fff1d6;font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400;font-size:20px;letter-spacing:.04em;text-shadow:0 1px 0 #2a1608}
html[data-wrbr-skin=hifi] .wrbr-site button.wrbr-sheet-close{border:1px solid #7d838b;border-radius:6px;background:linear-gradient(180deg,#f6f7f9,#c9cdd3);box-shadow:0 2px 0 #6e747c;color:#1e2126;text-transform:uppercase;letter-spacing:.04em;font-size:13px}
html[data-wrbr-skin=hifi] .wrbr-dock.is-sheet .wrbr-player{border-top-width:0;border-radius:0 0 14px 14px;border-image:var(--wrbr-h-wood-img) 0 24 18 24}
html[data-wrbr-skin=hifi] .wrbr-dock.is-sheet{background:rgba(11,22,14,.72)}
/* ======================================================================================
   v0.9.9.5: deck card wording and colors, Seasons stays off the banner, Jam View skinned with the
   meters and the knob in its empty space.
   ====================================================================================== */
/* --- Deck cards (Founder): "T-Bone's" red · "playlist" green · the playlist name yellow, in every skin --- */
.wrbr-deck-name{font-size:17px;line-height:1.2}
.wrbr-deck-who{color:var(--wrbr-c-red,#c8102e)}
.wrbr-deck-word{color:var(--wrbr-c-green2,#2fbf5a);font-weight:600}
.wrbr-deck-genre{color:var(--wrbr-c-gold,#ffd23f);font-weight:700}
.wrbr-player[data-skin=hifi] .wrbr-deck-who{color:var(--wrbr-c-red,#c8102e)}
.wrbr-player[data-skin=hifi] .wrbr-deck-word{color:var(--wrbr-c-green,#1e7f34)}
.wrbr-player[data-skin=hifi] .wrbr-deck-genre{color:#b8860b}
.wrbr-player[data-skin=night] .wrbr-deck-who{color:#ff5a6e}
/* --- Seasons: the holiday colors take the thin line, the bar and Play; the skinned banner keeps its own surface --- */
html.wrbr-season-on .wrbr-player[data-skin=hifi] .wrbr-header{background-color:var(--wrbr-h-metal);background-image:var(--wrbr-h-metal-img);border-bottom:0;border-image:none}
html.wrbr-season-on .wrbr-player[data-skin=hifi] .wrbr-eyebrow,html.wrbr-season-on .wrbr-player[data-skin=hifi] .wrbr-lede.is-greeting{color:var(--wrbr-h-rust)}
html.wrbr-season-on .wrbr-player[data-skin=night] .wrbr-header{background:linear-gradient(135deg,var(--wrbr-c-navy2,#0b2a8a),var(--wrbr-c-navy3,#1f3fd1));border-bottom:0;border-image:none}
html.wrbr-season-on .wrbr-player[data-skin=night] .wrbr-eyebrow,html.wrbr-season-on .wrbr-player[data-skin=night] .wrbr-lede.is-greeting{color:var(--wrbr-c-gold,#ffd23f)}
html.wrbr-season-on .wrbr-player[data-skin=classic] .wrbr-header{border-bottom:0;border-image:none}
html[data-wrbr-skin=hifi].wrbr-season-on .wrbr-sheet-head{background-color:#5a3218;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,rgba(0,0,0,0) 2px 9px,rgba(255,220,170,.06) 9px 11px,rgba(0,0,0,0) 11px 17px),linear-gradient(0deg,#3e220f,#6e3f1f 30%,#57301a 55%,#7a4724 80%,#3e220f)}
html.wrbr-season-on .wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-toggle{background:var(--wrbr-s-play);border-color:#7d838b;color:var(--wrbr-s-play-ink)}
/* --- Jam View: the meters and the knob fill the empty right-column space; the queue's other parts stay hidden --- */
.wrbr-player.is-jam .wrbr-queue{display:contents!important}
.wrbr-player.is-jam .wrbr-queue>*:not(.wrbr-vu):not(.wrbr-knob){display:none!important}
.wrbr-player.is-jam .wrbr-vu:not([hidden]),.wrbr-player.is-jam .wrbr-now>.wrbr-vu:not([hidden]){display:flex;flex-direction:column;justify-content:center;grid-area:vu;min-height:0;margin:0;padding:8px 10px;overflow:hidden}
.wrbr-player.is-jam .wrbr-vu-head{margin:0 4px 4px}
.wrbr-player.is-jam .wrbr-vu-meter{max-height:100%;flex:0 1 150px}
.wrbr-player.is-jam .wrbr-knob:not([hidden]),.wrbr-player.is-jam .wrbr-now>.wrbr-knob:not([hidden]){display:flex;grid-area:knob;min-height:0;margin:0;padding:8px 10px;gap:6px;overflow:hidden;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}
.wrbr-player.is-jam .wrbr-knob-ctl{width:min(150px,32vh)}
.wrbr-player.is-jam .wrbr-knob-title{flex-basis:100%;text-align:center}
.wrbr-player.is-jam .wrbr-knob-help{display:none}
.wrbr-player.is-jam .wrbr-knob-read{font-size:18px;padding:4px 14px}
.wrbr-player.is-jam.is-phone .wrbr-knob{display:none!important}
@media (orientation:landscape){.wrbr-player.is-jam.is-phone .wrbr-vu{display:none!important}}
/* --- Jam View takes the skin --- */
html[data-wrbr-skin=hifi] .wrbr-player.is-jam{background-color:var(--wrbr-h-metal);background-image:var(--wrbr-h-metal-img);border:10px solid var(--wrbr-h-wood);border-image:var(--wrbr-h-wood-img) 10;color:#1e2126}
html[data-wrbr-skin=hifi] .is-jam .wrbr-now>.wrbr-title{color:#1e2126!important;font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400}
html[data-wrbr-skin=hifi] .is-jam .wrbr-now>.wrbr-artist{color:var(--wrbr-h-rust)!important}
html[data-wrbr-skin=hifi] .is-jam>.wrbr-jam-title{color:var(--wrbr-h-rust);font-family:"WRBR Righteous",Righteous,system-ui,sans-serif;font-weight:400}
html[data-wrbr-skin=hifi] .is-jam>.wrbr-jam-close{border:1px solid #7d838b;background:var(--wrbr-h-key);color:#1e2126;box-shadow:0 2px 0 #6e747c}
html[data-wrbr-skin=hifi] .is-jam .wrbr-dub-beats,html[data-wrbr-skin=hifi] .is-jam .wrbr-dub-tempo{color:#3a3f47}
html[data-wrbr-skin=hifi] .is-jam .wrbr-dub button.wrbr-dub-btn{border:1px solid #7d838b;background:var(--wrbr-h-key);color:#1e2126;box-shadow:0 2px 0 #6e747c;border-radius:6px}
html[data-wrbr-skin=hifi] .is-jam .wrbr-dub button.wrbr-dub-share{color:var(--wrbr-h-rust)}
html[data-wrbr-skin=hifi] .is-jam .wrbr-vis-stage,html[data-wrbr-skin=hifi] .is-jam .wrbr-take-stage{box-shadow:var(--wrbr-h-glass-shadow);border-radius:10px}
html[data-wrbr-skin=hifi] .is-jam .wrbr-vu{background:var(--wrbr-h-glass);box-shadow:var(--wrbr-h-glass-shadow);border-radius:10px}
html[data-wrbr-skin=hifi] .is-jam .wrbr-knob{background:transparent;box-shadow:none}
html[data-wrbr-skin=night] .wrbr-player.is-jam{background-color:#0a1330;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.6px);background-size:7px 7px;border:2px solid rgba(233,185,73,.7);color:#fff6df}
html[data-wrbr-skin=night] .is-jam>.wrbr-jam-title{color:var(--wrbr-c-gold,#ffd23f);font-family:"WRBR Lilita","RB Lilita","Lilita One",system-ui,sans-serif;font-weight:400}
html[data-wrbr-skin=night] .is-jam .wrbr-now>.wrbr-title{font-family:"WRBR Lilita","RB Lilita","Lilita One",system-ui,sans-serif;font-weight:400}
html[data-wrbr-skin=night] .is-jam>.wrbr-jam-close{border:1px solid rgba(233,185,73,.7);background:#121b36;color:#fff6df}
html[data-wrbr-skin=night] .is-jam .wrbr-dub button.wrbr-dub-btn{background:#121b36;border-color:rgba(233,185,73,.55)}
html[data-wrbr-skin=night] .is-jam .wrbr-vu,html[data-wrbr-skin=night] .is-jam .wrbr-knob{background:linear-gradient(180deg,#121b36,#0a1022);border:1px solid rgba(233,185,73,.55);box-shadow:none;border-radius:10px}

/* v0.9.9.6: Sound FX pads (Siren, Air horn, Rewind, Boom) as a fifth Dub Lab card. Pad colors are the
   product's own (same as the Dub Lab page) in every skin; the card frame follows the Dub Lab cards. */
.wrbr-dub-card.wrbr-dub-fx{grid-column:1/-1;background:#141414;border-color:var(--wrbr-c-gold,#ffd23f)}
.wrbr-dub-card.wrbr-dub-fx h4{color:var(--wrbr-c-gold,#ffd23f);margin-bottom:8px!important}
.wrbr-dub-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wrbr-dub button.wrbr-dub-pad,.wrbr-dub button.wrbr-dub-pad:hover{width:100%;height:58px;min-height:44px;padding:0;border-radius:10px;border:2px solid var(--pb);background:var(--pg);color:var(--pt);box-shadow:inset 0 -3px 0 rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation;user-select:none;transition:filter .1s,box-shadow .1s}
.wrbr-dub button.wrbr-dub-pad.is-hot{box-shadow:0 0 0 3px var(--pb),0 0 18px 4px var(--pb);filter:brightness(1.15)}
.wrbr-dub-pad-siren{--pb:#C8102E;--pg:#A30F24;--pt:#FFE9B0}
.wrbr-dub-pad-horn{--pb:#FFD23F;--pg:#F2B705;--pt:#4A0A10}
.wrbr-dub-pad-rewind{--pb:#2FBF5A;--pg:#1E7F34;--pt:#FFE9B0}
.wrbr-dub-pad-bomb{--pb:#FFE9B0;--pg:#2b2b2b;--pt:#FFE9B0}
@media (prefers-reduced-motion:reduce){.wrbr-dub button.wrbr-dub-pad{transition:none}}
.is-jam .wrbr-dub-grid>.wrbr-dub-card.wrbr-dub-fx{grid-area:fx;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:6px;overflow:hidden}
.is-jam .wrbr-dub-card.wrbr-dub-fx h4{display:none}
.is-jam .wrbr-dub-card.wrbr-dub-fx .wrbr-dub-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:1 1 auto;min-height:0}
.is-jam .wrbr-dub button.wrbr-dub-pad{height:100%;min-height:44px;max-height:76px;font-size:12px}
.is-jam .wrbr-dub button.wrbr-dub-pad svg{width:16px;height:16px}
.is-jam.is-phone .wrbr-dub-grid>.wrbr-dub-card.wrbr-dub-fx{display:block;padding:4px;overflow:visible}
.is-jam.is-phone .wrbr-dub-card.wrbr-dub-fx .wrbr-dub-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:none;min-height:auto}
.is-jam.is-phone .wrbr-dub button.wrbr-dub-pad{height:46px;min-height:44px;font-size:11.5px}
html[data-wrbr-skin=hifi] .wrbr-dub-card.wrbr-dub-fx{background:var(--wrbr-h-glass,#101214);box-shadow:var(--wrbr-h-glass-shadow,none)}
html[data-wrbr-skin=night] .wrbr-dub-card.wrbr-dub-fx{background:linear-gradient(180deg,#121b36,#0a1022);border-color:rgba(233,185,73,.7)}

/* v0.9.9.7: the listener decides what Jam View shows. */
/* Computer: show/hide pills beside the JAM VIEW title. */
.wrbr-jam-tools{display:inline-flex;gap:5px;margin-right:12px;vertical-align:middle}
.is-jam .wrbr-jam-tools button.wrbr-jam-tool{appearance:none;padding:3px 9px;min-height:22px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:700 10.5px/1 "RB Nunito",Nunito,system-ui,sans-serif;letter-spacing:.4px;cursor:pointer;opacity:.45}
.is-jam .wrbr-jam-tools button.wrbr-jam-tool.is-on{opacity:1;background:var(--wrbr-c-gold,#ffd23f);border-color:var(--wrbr-c-gold,#ffd23f);color:#1a1200}
.is-jam .wrbr-jam-tools button.wrbr-jam-tool:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
html[data-wrbr-skin=hifi] .is-jam .wrbr-jam-tools button.wrbr-jam-tool{color:#3a3f47}
html[data-wrbr-skin=hifi] .is-jam .wrbr-jam-tools button.wrbr-jam-tool.is-on{background:var(--wrbr-h-key,#e6e8eb);border-color:#7d838b;color:#1e2126;box-shadow:0 1px 0 #6e747c}
.is-jam.is-phone .wrbr-jam-tools{display:none}
/* hidden parts (computer and wide tablets) */
.wrbr-player.is-jam:not(.is-phone).jam-hide-vu .wrbr-vu{display:none!important}
.wrbr-player.is-jam:not(.is-phone).jam-hide-knob .wrbr-knob{display:none!important}
.wrbr-player.is-jam:not(.is-phone).jam-hide-fx .wrbr-dub-fx{display:none!important}
.wrbr-player.is-jam:not(.is-phone).jam-hide-lab .wrbr-dub-grid>.wrbr-dub-card:not(.wrbr-dub-fx),.wrbr-player.is-jam:not(.is-phone).jam-hide-lab .wrbr-dub-btns>button,.wrbr-player.is-jam:not(.is-phone).jam-hide-lab .wrbr-dub-beats,.wrbr-player.is-jam:not(.is-phone).jam-hide-lab .wrbr-dub-tempo{display:none!important}
.wrbr-player.is-jam:not(.is-phone).jam-hide-lights .wrbr-now>.wrbr-vis-host,.wrbr-player.is-jam:not(.is-phone).jam-hide-lights .wrbr-now>.wrbr-take-host{display:none!important}
@media (min-aspect-ratio:1/1) and (min-width:700px){
  .wrbr-player.is-jam:not(.is-phone).jam-hide-vu .wrbr-dub-fx{grid-column:2/-1}
  .wrbr-player.is-jam:not(.is-phone).jam-hide-fx .wrbr-vu{grid-column:2/-1}
  /* no light screen: the console takes the whole view, capped at a comfortable width */
  .wrbr-player.is-jam:not(.is-phone).jam-hide-lights{grid-template-columns:0 repeat(6,minmax(0,1fr));column-gap:0;padding-left:max(14px,calc(50vw - 460px));padding-right:max(14px,calc(50vw - 460px))}
  .wrbr-player.is-jam:not(.is-phone).jam-hide-lights .wrbr-now>.wrbr-title,.wrbr-player.is-jam:not(.is-phone).jam-hide-lights .wrbr-now>.wrbr-artist{padding-left:42px}
}
@media not all and (min-aspect-ratio:1/1) and (min-width:700px){
  .wrbr-player.is-jam:not(.is-phone).jam-hide-vu .wrbr-dub-fx,.wrbr-player.is-jam:not(.is-phone).jam-hide-fx .wrbr-vu{grid-column:1/-1}
}
/* Phone full-screen Dub Lab: one top spot; the switch under the title picks what fills it. */
.is-jam>.wrbr-jam-view{display:none}
.is-jam.is-phone>.wrbr-jam-view{display:grid;grid-area:view;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,210,63,.4)}
.is-jam.is-phone .wrbr-jam-view button.wrbr-jam-view-btn{appearance:none;min-height:34px;padding:0 4px;border:0;border-radius:999px;background:transparent;color:inherit;font:700 11.5px/1 "RB Nunito",Nunito,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7;cursor:pointer;touch-action:manipulation}
.is-jam.is-phone .wrbr-jam-view button.wrbr-jam-view-btn.is-on{opacity:1;background:var(--wrbr-c-gold,#ffd23f);color:#1a1200}
.is-jam.is-phone .wrbr-jam-view button.wrbr-jam-view-btn:focus-visible{outline:3px solid #4d8cff;outline-offset:1px}
html[data-wrbr-skin=hifi] .is-jam.is-phone>.wrbr-jam-view{background:#101214;border-color:#7d838b;box-shadow:var(--wrbr-h-glass-shadow,none)}
html[data-wrbr-skin=hifi] .is-jam.is-phone .wrbr-jam-view button.wrbr-jam-view-btn{color:#e9e7e2}
html[data-wrbr-skin=hifi] .is-jam.is-phone .wrbr-jam-view button.wrbr-jam-view-btn.is-on{background:var(--wrbr-h-key,#e6e8eb);color:#1e2126}
html[data-wrbr-skin=night] .is-jam.is-phone>.wrbr-jam-view{background:linear-gradient(180deg,#121b36,#0a1022);border-color:rgba(233,185,73,.55)}
/* which box fills the top spot */
.wrbr-player.is-jam.is-phone:not(.jam-view-lights) .wrbr-now>.wrbr-vis-host,.wrbr-player.is-jam.is-phone:not(.jam-view-lights) .wrbr-now>.wrbr-take-host{display:none!important}
.wrbr-player.is-jam.is-phone .wrbr-vu{display:none!important}
.wrbr-player.is-jam.is-phone.jam-view-vu .wrbr-vu:not([hidden]){display:flex!important;grid-area:stage;min-height:150px}
.wrbr-player.is-jam.is-phone.jam-view-knob .wrbr-knob:not([hidden]){display:flex!important;grid-area:stage;min-height:150px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0;padding:8px 10px}
.wrbr-player.is-jam.is-phone.jam-view-knob .wrbr-knob-ctl{width:min(150px,36vw)}
.wrbr-player.is-jam.is-phone.jam-view-fx .wrbr-dub-grid>.wrbr-dub-card.wrbr-dub-fx{grid-area:stage;display:flex;flex-direction:column;min-height:150px;padding:6px}
.wrbr-player.is-jam.is-phone.jam-view-fx .wrbr-dub-card.wrbr-dub-fx .wrbr-dub-pads{flex:1 1 auto;grid-template-rows:1fr 1fr;gap:8px;min-height:0}
.wrbr-player.is-jam.is-phone.jam-view-fx .wrbr-dub-card.wrbr-dub-fx button.wrbr-dub-pad{height:100%;min-height:56px;font-size:13px}
.wrbr-player.is-jam.is-phone.jam-view-fx .wrbr-dub-card.wrbr-dub-fx button.wrbr-dub-pad svg{width:22px;height:22px}
@media (orientation:landscape){.is-jam.is-phone>.wrbr-jam-view{display:none}.wrbr-player.is-jam.is-phone:not(.jam-view-lights) .wrbr-now>.wrbr-vis-host{display:block!important}.wrbr-player.is-jam.is-phone.jam-view-vu .wrbr-vu,.wrbr-player.is-jam.is-phone.jam-view-knob .wrbr-knob{display:none!important}.wrbr-player.is-jam.is-phone.jam-view-fx .wrbr-dub-grid>.wrbr-dub-card.wrbr-dub-fx{grid-area:fx}}
.wrbr-player.is-jam.is-phone.jam-view-lights .wrbr-now>.wrbr-vis-host:not([hidden]){min-height:min(38vh,320px)}
.wrbr-player.is-jam.is-phone.jam-view-lights .wrbr-vis-host .wrbr-vis,.wrbr-player.is-jam.is-phone.jam-view-lights .wrbr-vis-stage{height:min(38vh,320px)}
/* v0.9.9.7 (Founder): Sound FX card as two pads up, two down, a character window in between when there is room. */
.wrbr-dub-fx-win{display:none}
.wrbr-dub-fx-win img,.wrbr-dub-fx-win video{display:block;width:100%;height:100%;object-fit:contain;transition:transform .18s ease-out}
.wrbr-dub-fx-win.is-hit img,.wrbr-dub-fx-win.is-hit video{transform:scale(1.08) translateY(-3%)}
@media (prefers-reduced-motion:reduce){.wrbr-dub-fx-win.is-hit img,.wrbr-dub-fx-win.is-hit video{transform:none}}
@media (min-aspect-ratio:1/1) and (min-width:700px){
  .wrbr-player.is-jam:not(.is-phone) .wrbr-dub-card.wrbr-dub-fx .wrbr-dub-pads{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto;flex:1 1 auto;min-height:0}
  .wrbr-player.is-jam:not(.is-phone) .wrbr-dub-card.wrbr-dub-fx button.wrbr-dub-pad{height:clamp(44px,8vh,76px)}
  .wrbr-player.is-jam:not(.is-phone) .wrbr-dub-fx-win{display:flex;grid-column:1/-1;align-items:center;justify-content:center;min-height:0;overflow:hidden;border-radius:10px}
  .wrbr-player.is-jam:not(.is-phone) .wrbr-dub-fx-win:not(:empty){background:rgba(0,0,0,.25)}
}
/* v0.9.9.7: Try this box with an X; folds away when done */
.wrbr-dub-tips-wrap{position:relative;max-height:600px;opacity:1;transition:max-height .32s ease,opacity .25s ease,margin .32s ease}
.wrbr-dub-tips-wrap.is-gone{max-height:0;opacity:0;overflow:hidden;margin:0;pointer-events:none}
.wrbr-dub-tips-wrap[hidden]{display:none}
.wrbr-dub button.wrbr-dub-tips-x{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border:1px solid rgba(255,243,196,.6);border-radius:50%;background:rgba(0,0,0,.25);color:#fff3c4;font-size:13px;line-height:1;cursor:pointer}
.wrbr-dub button.wrbr-dub-tips-x:hover{background:rgba(0,0,0,.45)}
.wrbr-dub button.wrbr-dub-tips-x:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
.wrbr-dub-tips h4{padding-right:34px}
.wrbr-dub .wrbr-dub-foot button.wrbr-dub-guide.is-foot{display:inline-flex;margin:0;padding:5px 12px;min-height:30px;font-size:12px}
.is-jam .wrbr-dub-foot button.wrbr-dub-guide.is-foot{display:none!important}
.wrbr-howto button.wrbr-howto-tips{display:block;margin:16px 0 0 auto;padding:8px 16px;min-height:36px;border-radius:999px;background:transparent;border:1px solid rgba(255,210,63,.6);color:var(--wrbr-c-gold,#ffd23f);font-size:12.5px;cursor:pointer}
.wrbr-howto button.wrbr-howto-got{margin-top:8px}
/* v0.9.9.7: PULL UP (Founder; art by ChatGPT). A picture button between Next and Repeat. */
.wrbr-controls button.wrbr-pullup{padding:0;min-width:0;width:auto;height:50px;border:0;background:transparent;border-radius:12px;box-shadow:none;overflow:visible;transition:transform .15s ease,filter .2s ease}
.wrbr-controls button.wrbr-pullup img{display:block;height:100%;width:auto;border-radius:12px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.wrbr-controls button.wrbr-pullup:hover{transform:translateY(-1px)}
.wrbr-controls button.wrbr-pullup.is-hot{transform:scale(.96)}
.wrbr-controls button.wrbr-pullup.is-hot img{filter:brightness(1.25) drop-shadow(0 0 10px var(--wrbr-c-gold,#ffd23f))}
.wrbr-controls button.wrbr-pullup:focus-visible{outline:2px solid var(--wrbr-c-gold,#ffd23f);outline-offset:3px;border-radius:12px}
.wrbr-controls button.wrbr-pullup:focus:not(:focus-visible){outline:none}
.wrbr-player[data-skin=hifi] .wrbr-controls button.wrbr-pullup{min-width:0;border-radius:12px;height:56px;padding:0}
.wrbr-player[data-skin=night] .wrbr-controls button.wrbr-pullup{background:transparent;border:0}
.wrbr-player.is-kids .wrbr-controls button.wrbr-pullup{height:60px}
@media(max-width:440px){.wrbr-controls button.wrbr-pullup{height:44px;padding:0}}
@media(max-width:370px){.wrbr-controls button.wrbr-pullup{height:44px;min-width:0;padding:0}}
@media(prefers-reduced-motion:reduce){.wrbr-controls button.wrbr-pullup,.wrbr-controls button.wrbr-pullup img{transition:none}}
.is-jam .wrbr-controls>.wrbr-pullup{display:flex!important;grid-area:pull;align-items:center;justify-content:center;height:auto;min-height:36px}
.is-jam .wrbr-controls>.wrbr-pullup img{height:36px;width:auto}
.is-jam.is-phone .wrbr-controls>.wrbr-pullup{min-height:44px}
.is-jam.is-phone .wrbr-controls>.wrbr-pullup img{height:40px}
@media (orientation:landscape){.is-jam.is-phone .wrbr-controls>.wrbr-pullup{display:none!important}}
/* 0.9.9.7.2 (Founder, Android check): in Jam View the Pull Up art IS the button (no grey box behind it), and
   Previous / Next are rounded rectangles, not ovals, on the 70s skin. */
.wrbr-player.is-jam .wrbr-controls>.wrbr-pullup,html[data-wrbr-skin=hifi] .wrbr-player.is-jam .wrbr-controls>.wrbr-pullup,html[data-wrbr-skin=night] .wrbr-player.is-jam .wrbr-controls>.wrbr-pullup{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;border-radius:12px}
.wrbr-player.is-jam .wrbr-controls>.wrbr-pullup img{height:100%;max-height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:10px}
.wrbr-player.is-jam.is-phone .wrbr-controls>.wrbr-pullup{min-height:44px;height:auto;align-self:stretch}
.wrbr-player.is-jam.is-phone .wrbr-controls>.wrbr-pullup img{height:100%}
html[data-wrbr-skin=hifi] .wrbr-player.is-jam .wrbr-controls>.wrbr-previous,html[data-wrbr-skin=hifi] .wrbr-player.is-jam .wrbr-controls>.wrbr-next,html[data-wrbr-skin=hifi] .wrbr-player.is-jam .wrbr-controls>.wrbr-toggle{border-radius:12px}
/* 0.9.9.7.3 (Founder): every control in a Jam View row fits its slot exactly, so the row is symmetrical
   (the 70s Play/Pause key had a 124 px minimum and spilled out of its 118 px slot on phones). */
.wrbr-player.is-jam .wrbr-controls>.wrbr-previous,.wrbr-player.is-jam .wrbr-controls>.wrbr-toggle,.wrbr-player.is-jam .wrbr-controls>.wrbr-next,.wrbr-player.is-jam .wrbr-controls>.wrbr-pullup,.wrbr-player.is-jam .wrbr-dub-btns>button{min-width:0!important;max-width:100%;width:100%!important;box-sizing:border-box;justify-self:stretch;margin:0}
/* v0.9.9.8 (Founder, Android and iPhone): no browser tap ring or grey tap shadow on the deck cards; the keyboard
   focus ring sits on the picture, picture-sized. Same tap-highlight rule for every button in the player. */
.wrbr-player button,.wrbr-bar button{-webkit-tap-highlight-color:transparent}
.wrbr-player button.wrbr-deck-card:focus,.wrbr-player button.wrbr-deck-card:focus-visible{outline:none!important}
.wrbr-player button.wrbr-deck-card:focus-visible .wrbr-deck-photo{box-shadow:0 0 0 3px var(--wrbr-c-gold,#ffd23f),0 0 0 6px #fff}
.wrbr-pads-holder[hidden]{display:none}