.lab-head a{color:var(--lab-accent);font-size:12px}
.lab-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px;border-top:1px solid var(--lab-line)}
.lab-pagination span{font-size:12px;color:var(--lab-muted)}
.lab-source{position:absolute;top:12px;right:12px;width:260px;max-height:60%;overflow:auto;background:rgba(37,44,49,.94);border:1px solid var(--lab-line);border-radius:10px;padding:10px 12px}
.lab-source summary{cursor:pointer;color:var(--lab-accent)}
.lab-source p,.lab-source label{font-size:12px}.lab-source button{font-size:12px}
.lab-overlay{right:290px}.lab-now span{overflow-wrap:anywhere}
.lab-move span,.lab-move small{overflow-wrap:anywhere}
.lab-move[aria-current=true]{background:var(--lab-on);border-color:var(--lab-accent)}
.lab-stage{grid-template-rows:minmax(180px,1fr) auto auto}
.lab-play-panel{overflow:auto;min-height:0;flex:1}
.lab-play-moves{height:29vh;max-height:29vh}
.lab-play-setbadge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.lab-play-grid{min-width:0}.lab-play-move{min-width:0}.lab-play-move span,.lab-play-move small{overflow-wrap:anywhere}
.lab-source{max-height:30%}
.lab-play-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.lab-play-move{padding-top:9px;padding-bottom:9px;min-height:70px}
.lab-play-move span{font-size:14px;line-height:1.55;white-space:normal;overflow-wrap:break-word}
.lab-play-move small{line-height:1.5;margin-top:3px}
.lab-now details{pointer-events:auto;font-size:12px;color:var(--lab-muted);max-width:100%}
.lab-now summary{cursor:pointer;color:var(--lab-accent)}
.lab-now details span{max-height:100px;overflow:auto;user-select:text}
.lab-play-sets button span{line-height:1.5}
@media(max-width:600px){.lab-play-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:601px) and (max-height:500px){.lab-head{padding:5px 12px 2px}.lab-head h1{font-size:14px}.lab-head p{display:none}.lab-block{padding:0 12px 3px}.lab-label{margin:3px 0 1px}.lab-block input[type=search]{margin-top:4px}#lab-set-note{display:none}.lab-pagination{padding:3px 12px}}
@media(max-width:900px){#lab{grid-template-columns:260px 1fr;grid-template-rows:1fr;height:100dvh;min-height:0}.lab-side{order:0;min-width:0}.lab-stage{order:0;display:grid;height:auto}.lab-view{height:auto;min-height:0}.lab-source{width:195px}.lab-overlay{right:220px}.lab-now strong{font-size:13px}}
@media(max-width:600px){#lab{height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(230px,42%) 1fr}.lab-side{border-right:0;border-bottom:1px solid var(--lab-line)}.lab-head{padding:8px 12px 0}.lab-head h1{font-size:15px}.lab-head p{display:none}.lab-block{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:4px 12px}.lab-block .lab-label{margin:0}.lab-block label[for=lab-set]{grid-column:1;grid-row:1}.lab-block label[for=lab-folder]{grid-column:2;grid-row:1}.lab-block select{grid-row:2}#lab-search{grid-column:1/-1;margin:0}#lab-set-note{grid-column:1/-1;margin:0}.lab-pagination{padding:3px 12px}.lab-moves{padding:0 12px}.lab-source{top:6px;right:6px;width:155px;padding:6px}.lab-overlay{left:8px;top:6px;right:170px}.lab-now span{font-size:10px}.lab-cams{left:6px;bottom:6px;gap:3px}.lab-cams button{padding:3px 6px;font-size:11px}.lab-cams label{font-size:11px;margin-left:0}.lab-bar{padding:5px;gap:5px}.lab-bar input[type=range]{min-width:80px}.lab-clock{min-width:80px;font-size:11px}}
@media(max-width:900px){.lab-stage{grid-template-rows:minmax(180px,1fr) auto auto}.lab-play-moves{height:23vh;max-height:23vh}.lab-play-bar{padding:5px}.lab-play-bar-head{gap:4px}.lab-play-bar-head strong,.lab-play-bar-head small{font-size:11px}}
@media(max-width:600px){#lab{height:auto;min-height:100dvh;display:flex;flex-direction:column}.lab-side{max-height:40vh}.lab-play-panel{display:block}.lab-play-sets{max-height:22vh}.lab-stage{min-height:75vh;grid-template-rows:35vh auto auto}.lab-play-moves{height:26vh;max-height:26vh}}