.sc-bay{grid-template-columns:300px minmax(0,1fr);gap:22px;padding:0 4px 20px;display:grid}.sc-pad{cursor:ns-resize;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;height:330px;position:relative;overflow:hidden}.sc-tag{z-index:2;pointer-events:none;background:#111;border-radius:4px;padding:1px 6px;position:absolute;top:10px;left:12px}.sc-drum{background:linear-gradient(90deg,#0b0b0b,#262626 45%,#2c2c2c 55%,#0b0b0b);border-radius:10px;width:46px;position:absolute;top:44px;bottom:44px;left:22px;overflow:hidden;box-shadow:inset 0 0 0 1px #070707,inset 0 10px 14px #000c,inset 0 -10px 14px #000c}.sc-strip{flex-direction:column;align-items:center;transition:transform 80ms linear;display:flex;position:absolute;top:0;left:0;right:0}.sc-tick{background:#4a4a4a;border-radius:1px;width:26px;height:2px;margin:3.5px 0;display:block}.sc-tick.big{background:#6a6a6a;width:34px}.sc-arrows{flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:44px 18px 74px 92px}.sc-arrow{place-items:center;width:54px;height:44px;display:grid}.sc-arrow svg{width:40px;height:40px}.sc-arrow path{fill:#303030;transition:fill .1s}.sc-arrow.ok path{fill:#1d6b4b}.sc-arrow.on path{fill:var(--yellow);filter:drop-shadow(0 0 6px #ffe40099);transition:none}.sc-count{justify-items:center;gap:6px;display:grid}.sc-count .seg{font-size:40px}.sc-side{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:92px;right:18px}.sc-side .sc-arrow{width:40px;height:34px}.sc-side .sc-arrow svg{width:28px;height:28px}.sc-hint{z-index:3;text-align:center;pointer-events:none;background:#111111f2;border-radius:9px;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.sc-hint b{color:#f2f2f2;font-size:20px}.sc-hint span{color:#a0a0a0;text-wrap:balance;max-width:18em;font-size:15px;line-height:1.45}.sc-run{z-index:2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:92px;right:12px}.sc-run .seg{font-size:22px}.sc-right{flex-direction:column;min-width:0;display:flex}.sc-time{flex:1;min-height:270px;position:relative;overflow:hidden}.sc-time canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sc-verdict{margin-top:14px}.sc-sw{background:#2fd18e;border-radius:2px;width:6px;height:14px;display:inline-block}.sc-sw.dn{transform:translateY(5px)}.sc-sw.bad{background:var(--orange)}.sc-sw.side{background:#b5b5b5;height:7px}.sc-facts{margin-top:14px}.sc-log{margin-top:16px}.sc-log summary{cursor:pointer;padding:4px 4px 10px;display:inline-block}.sc-log .log:empty:before{content:"Turn the wheel to see each event here.";color:#6f7f77}.sc-log .row.bad{color:#ff8a5c}@media (max-width:760px){.sc-bay{grid-template-columns:minmax(0,1fr);gap:14px;padding:0 0 16px}.sc-pad{height:250px}.sc-arrows{top:40px;bottom:66px}.sc-count .seg{font-size:34px}.sc-time{min-height:190px}}