/* WIF spiral — the only styles the module needs.
   The container is yours: give it a size from your own layout. Nothing here
   paints a background, so the page's ground shows through the canvas. */

/* The @font-face that shipped with the standalone module is removed here:
   main.css already declares "WIF Par" from the same assets/fonts file, and a
   second identical declaration only risks the two drifting apart. The module
   waits on document.fonts.load() before it builds its atlases, so it picks up
   whichever declaration wins. Note main.css uses font-display: swap where the
   module's copy used block — immaterial, because the module gates on the load
   promise rather than on first paint. */

.wif-spiral {
  position: relative;
  overflow: hidden;
}

.wif-spiral__canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* The buffer is smaller than the layout box and is scaled up, so this wants
     the smooth filter, not the nearest-neighbour one. `pixelated` would hand
     back the hard stair-stepping on every glyph edge that the whole point of
     oversampling the atlases was to avoid. `auto` is the default, but it is
     stated because the canvas is now deliberately upscaled. */
  image-rendering: auto;
}