/* Queue playground (queue-playground.js): orbs above the queue stage; controls stay clickable. */
.queue-playground{position:fixed;inset:0;width:100vw;height:100vh;z-index:999;pointer-events:none}
.queue-play-score{position:absolute;left:clamp(12px,3vw,32px);bottom:clamp(12px,3vh,28px);z-index:2;padding:6px 14px;border-radius:999px;border:1px solid #c9a865;background:#1d1433d9;color:#f3e6c4;font:700 13px/1.2 Georgia,serif;letter-spacing:.03em;box-shadow:0 4px 14px #0007;pointer-events:none}
.queue-play-score b{color:#9ff3e4;font-size:16px;margin-right:2px}
.queue-play-hint{position:absolute;left:50%;top:clamp(150px,30vh,240px);transform:translateX(-50%);z-index:2;padding:6px 14px;border-radius:999px;background:#1d1433cc;border:1px solid #8f76c4;color:#efe4ff;font:600 13px/1.3 "Trebuchet MS",system-ui,sans-serif;white-space:nowrap;pointer-events:none;transition:opacity .8s}
.queue-play-hint.fade{opacity:0}
@media (max-height:430px){.queue-play-score{font-size:11px;padding:4px 10px;bottom:10px}.queue-play-score b{font-size:13px}.queue-play-hint{top:auto;bottom:62px;font-size:11px}}