@layer lab{:root{--screen-bg:#16131f;--screen-line:#ffffff24}.screen{background:var(--screen-bg);background-image:radial-gradient(120% 80% at 50% 0,#f065951f,#0000 60%),radial-gradient(100% 90% at 50% 100%,#74c0fc14,#0000 55%);border:1px solid #2a2536;border-radius:14px;width:100%;height:180px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -30px 60px -30px #0009}.screen:before{content:"▶";color:#ffffff0d;pointer-events:none;justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;inset:0}.screen .tl{border-top:1px dashed var(--screen-line);opacity:0;pointer-events:none;height:0;transition:opacity .2s;position:absolute;left:0;right:0}.screen.show-tracks .tl{opacity:1}.screen .tnum{font-family:var(--mono);color:#ffffff52;opacity:0;pointer-events:none;font-size:10px;font-weight:600;transition:opacity .2s;position:absolute;left:6px}.screen.show-tracks .tnum{opacity:1}.dm{white-space:nowrap;font-family:var(--body);color:#fff;text-shadow:0 1px 3px #000000bf,0 0 2px #00000080;pointer-events:none;will-change:transform;padding:4px 2px;font-size:15px;font-weight:600;line-height:1;position:absolute;top:0;left:0}.dm.c1{color:#ffd43b}.dm.c2{color:#69db7c}.dm.c3{color:#74c0fc}.dm.c4{color:#ff8787}.dm.c5{color:#faa2c1}.dm.stacked{opacity:.5}.dm.fit{height:calc(var(--th) - 6px);background:#ffffff17;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:12.5px;font-weight:600;transition:box-shadow .18s,background .18s,opacity .18s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff24}.dm.fit.cand{box-shadow:inset 0 0 0 2px var(--accent-2);background:#e6498047}.dm.fit.faint{opacity:.32}.screen .band{pointer-events:none;transition:background .18s;position:absolute;left:0;right:0}.screen .band.ok{background:#69db7c29;box-shadow:inset 3px 0 #69db7c}.screen .band.no{background:#ff878729;box-shadow:inset 3px 0 #ff8787}}