/* Every reachable native continuation has a lit key, independent of the recommendation. */
.pad[data-link=true]{background:#2b3e36;border-color:#8caf72;box-shadow:inset 0 0 12px #bde7990a}
.pad[data-link=true] kbd{color:#deefc9;text-shadow:0 0 8px #c5eca54d}
.pad[data-window=true]{background:#3b563b;border-color:#d2efa9;box-shadow:inset 0 0 12px #d3f2a51c,0 0 7px #b1d8851f}
.pad[data-window=true] kbd{color:#f3ffdf;font-weight:800;text-shadow:0 0 8px #d1f49a80}
.pad[data-suggested=true]{outline:2px solid #d0e8b2;outline-offset:1px}
.pad[data-active=true],.pad[aria-pressed=true]{background:#415b46;border-color:#ecf5de}
.pad[data-active=true] kbd,.pad[aria-pressed=true] kbd{color:#fff}
.link-badge{display:none;position:absolute;right:5px;top:4px;font-size:11px;font-style:normal;color:#c3e6a5}
.pad[data-link=true] .link-badge{display:block}
.pad[data-window=true] .link-badge{color:#f2ffdb}
.deck-legend i{background:#3b563b;box-shadow:0 0 5px #b1d88540}
/* Position comes from the live clip each frame; never ease backwards through an expired window. */
.cue-track>i,.coach .track i{transition:none}
.coach .track{height:6px}
.coach .track i{transform:translateX(-50%)}
.banks button[data-links=true]:not([aria-pressed=true]){border-color:#8caf72;box-shadow:inset 0 -2px #9ac478}
.dance-signal{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:max-content;max-width:82%;min-width:145px;background:#111a2ce8;border:1px solid #a2bbd680;border-radius:10px;padding:7px 12px;pointer-events:none;text-align:center;box-shadow:0 4px 18px #07122455;color:#fff8e8;z-index:2}
.dance-signal>span{display:block;font-size:9px;letter-spacing:.15em;color:#bbcfec}.dance-signal b{display:block;font-size:12px;margin-top:3px}.dance-signal>div{height:3px;background:#ffffff20;margin-top:6px;border-radius:4px;overflow:hidden}.dance-signal i{display:block;height:100%;background:#dafb71;transform-origin:left}
.dance-signal[data-kind=open]{border-color:#e3ff75;background:#deff75;color:#142027;box-shadow:0 0 25px #e3ff7550}.dance-signal[data-kind=open]>span{color:#243a2a;font-weight:900}.dance-signal[data-kind=open] i{background:#28382a}.dance-signal[data-kind=queued]{border-color:#a8e5ff}.dance-signal[data-kind=queued]>span{color:#a8e5ff}
.flow-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:7px 0}.flow-choice{min-width:0;touch-action:none;text-align:left;padding:7px 8px;border:1px solid #607597;background:#202c45;color:#fff8e8;border-radius:8px}.flow-choice small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#bfd8ed}.flow-choice b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.flow-choice>span{font-size:8px;color:#b4c3db}.flow-choice[data-choice=power]{border-top:2px solid #deff75}.flow-choice[data-choice=finish]{border-top:2px solid #f3ba9a}.pad[data-choice]:not([data-choice='']) kbd:after{content:' ·';color:#deff75}
@media(max-width:600px){.dance-signal{bottom:31px}.flow-choice{padding:6px}.flow-choice b{font-size:9px}}

.workshop-entry{display:flex;justify-content:space-between;gap:12px;border:1px solid #8295b5;border-radius:9px;padding:11px 12px;font-size:12px;color:#e5ff93;text-decoration:none;margin-top:8px}.workshop-entry small{color:#becde4;font-size:10px}

.players .coach{min-height:76px}.players .coach-route:empty{display:none}
.players .coach:has(+.flow-choices:not([hidden])){display:none}
@media(min-width:1001px){
 body[data-screen=playing] .app .arena,body[data-screen=paused] .app .arena{min-height:220px;height:clamp(220px,calc(100dvh - 500px),540px)}
 body .app .coach{min-height:58px;padding:7px 12px;margin:6px 0}
 body .app .coach-route:empty{display:none}
 body .app .flow-choice{padding:5px 8px}
 body .app .flow-choice small{line-height:10px}
 body .app .flow-choice b{line-height:13px;margin:2px 0}
 body .app .flow-choice>span{display:block;line-height:10px}
 body .app .pad{height:35px;padding:4px 8px}
 body .players .player .coach{min-height:76px}
}
