/* sigtime.css — the signal against time panel and its trace layer.
   Widget: web/js/sigtime.js

   Two stacked layers, so scrolling is done by the compositor rather than by redrawing at
   frame rate: a static grid, and a trace canvas twice as wide as the screen moved by a
   transform, which slides an already-cached texture with no rasterisation. The trace is
   clipped to the plot area, to the right of the gutter. */

/* The card holds the two layers and nothing else, so it gives them all of its room. */
.wcard.w-sigtime{padding:2px;}
/* The floor belongs to the card that needs it, not to a grid row: below this the level
   labels and the trace stop being a reading. The card is also the slot, so this has to
   outweigh the `min-height:0` every slot carries. */
[data-slot].wcard.w-sigtime{min-height:96px;}
/* The corner mark of the slot sits left of the pause control, which lives in the same
   corner: two controls, one place. Same arrangement as the list. */
.wcard.w-sigtime .wnav{right:32px;}

/* The plot area is the card content box, like the spectrum overlay. */
.sigwrap{position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);}
#fall{position:absolute; inset:0; width:100%; height:100%;}
/* The clipping window starts where the gutter ends; the same value is set from the script. */
.sigclip{position:absolute; top:0; right:0; bottom:0; left:34px; overflow:hidden;}
/* Promoted to its own compositor layer, which makes the transform free and repaint-less.
   The real width is set from the script and left automatic here, so it is not capped. */
#fallTrace{position:absolute; top:0; left:0; width:auto; height:100%;
           will-change:transform; transform:translateZ(0);}
/* The frozen badge is DOM, always above and never scrolling: crisper than canvas text. */
.sigfrozen{position:absolute; top:3px; left:50%; transform:translateX(-50%); display:none;
           z-index:2; font:bold 10px var(--mono); letter-spacing:.12em; color:var(--amber);
           background:rgba(9,15,21,.85); border:1px solid var(--amber); border-radius:3px;
           padding:2px 7px; pointer-events:none;}
.sigfrozen.on{display:block;}