/* An entrance prop, separate from the collection's 100 historical objects. */
#bbs-entrance{position:absolute;left:26px;bottom:var(--bbs-bottom,26px);z-index:9;width:220px;color:var(--ink);font-family:'General Sans',Arial,sans-serif}
#bbs-enter{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;gap:0;min-height:44px;border-radius:8px;color:#e3d2ab}
.bbs-prop{display:block;position:relative;width:220px;height:79px;transition:transform 180ms ease-out;transform-origin:bottom left;pointer-events:none}
.bbs-prop img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 5px #0006)}
#bbs-enter:hover .bbs-prop,#bbs-enter:focus-visible .bbs-prop{transform:translateY(-4px) rotate(-1deg)}
.bbs-entry-label{display:flex;align-items:center;gap:12px;min-height:32px;padding:4px 8px;border-radius:16px;background:#081923e8;font-size:14px;line-height:1.35;text-shadow:0 1px 6px #000}
.bbs-entry-label>span{color:#d7bd86}
.bbs-led{position:absolute;top:50.2%;width:1.4%;aspect-ratio:1;border-radius:50%;background:#a9d87e;opacity:0;box-shadow:0 0 5px #bfe98b}
.bbs-led:nth-of-type(1){left:7.1%;background:#e3be74}.bbs-led:nth-of-type(2){left:15.4%}.bbs-led:nth-of-type(3){left:23.7%}.bbs-led:nth-of-type(4){left:32%}.bbs-led:nth-of-type(5){left:40.2%}.bbs-led:nth-of-type(6){left:48.5%}
#bbs-enter:hover .bbs-led,#bbs-enter:focus-visible .bbs-led{animation:bbs-lamp 900ms steps(2,end) 2}
.bbs-led:nth-of-type(2n){animation-delay:180ms!important}
#bbs-entrance button{min-height:44px;padding:7px 10px;border:0;border-radius:8px;font-size:12px;line-height:1.3;color:#bac8cb;background:#081923df}
#bbs-sound{display:flex;gap:7px;align-items:center;margin-left:0}
#bbs-sound svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
#bbs-sound[aria-pressed=true]{color:#e8d19a}
#bbs-sound[aria-pressed=false] .bbs-sound-wave{display:none}
#bbs-dial-status{font-size:13px;line-height:1.4;margin:5px 0 0 7px;color:#e2d2ae;min-height:20px}
#bbs-dial-actions{display:flex;gap:5px;margin-top:4px}
#bbs-dial-actions #bbs-skip{color:#e8d19a}
#bbs-entrance.dialing #bbs-enter{cursor:progress}
#bbs-entrance.dialing .bbs-led{animation:bbs-lamp 560ms steps(2,end) infinite}
#bbs-entrance.dialing #bbs-sound{display:none}
#bbs-entrance[data-phase=audio-error] .bbs-led{animation:none;opacity:0}
#bbs-dial-actions{flex-wrap:wrap}
body:has(dialog[open]) #bbs-entrance{visibility:hidden}
@keyframes bbs-lamp{0%,85%{opacity:1}40%,100%{opacity:.1}}
@media(max-width:650px),(hover:none) and (pointer:coarse){
 #bbs-entrance{left:12px;width:172px;bottom:var(--bbs-bottom,17px)}
 .bbs-prop{width:172px;height:62px}
 .bbs-entry-label{font-size:13px;min-height:30px;padding-left:3px;gap:8px}
 #bbs-entrance button{font-size:12px;min-height:44px}
 #bbs-entrance #bbs-sound{padding-left:4px;background:#081923e8}
 #bbs-dial-actions{gap:0}#bbs-entrance #bbs-dial-actions button{padding:7px}
}
@media(prefers-reduced-motion:reduce){
 .bbs-prop{transition:none!important;transform:none!important}
 #bbs-entrance .bbs-led{animation:none!important}
 #bbs-entrance.dialing .bbs-led{opacity:1}
}