[hidden]{display:none!important}
#watch{padding:12px;background:var(--surface);border-bottom:1px solid var(--line);z-index:5}
#watch[hidden]{display:none}#watch h2{font-size:1.1rem;margin:0 0 8px}
.video-frame{width:100%;aspect-ratio:16/9;min-height:200px;background:#090715}.video-frame iframe{display:block;width:100%;height:100%;border:0}
#watch button,#watch select{min-height:44px;margin:3px;padding:8px;border-radius:8px;background:var(--tile);color:var(--tile-ink);border:1px solid var(--line)}
#watch p{margin:6px 0;font-size:.9rem}#seek{width:100%}#import{max-width:100%}
.cell.current{outline:4px solid var(--accent);outline-offset:-4px}
.cell.spent{opacity:.72;border:2px solid var(--good);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.cell.spent small{font:700 .65rem var(--body);color:var(--good)}
.scores{scroll-margin-top:340px}.rank{color:var(--ink)}
body.watching .ov{position:relative;inset:auto;background:none;padding:12px;display:block}body.watching .ov[hidden]{display:none}body.watching .card{max-width:900px;margin:auto}
summary{cursor:pointer;min-height:32px;padding:6px 0}details[open]{max-height:35vh;overflow:auto}
body.watching .ov{scroll-margin-top:340px;padding:0;margin:0 0 16px}body.watching .card{width:100%;box-sizing:border-box}
@media(max-width:899px){#watch{position:sticky;top:0}#watch.sample-lab{position:relative}body.watching .wrap{padding-top:16px}.video-frame{max-width:100%}}
@media(min-width:900px){body.watching{display:grid;grid-template-columns:minmax(340px,40%) minmax(0,1fr);align-items:start}#watch{position:sticky;top:0;grid-row:1 / 3}body.watching .wrap{width:100%;min-width:0}body.watching .ov{grid-column:2}}