12<!-- Library hero, 3840x1240. Steam lays the logo over the lower left, so that stays clear;3 the now line and the tuned row sit in the middle. -->4<meta charset="utf-8">5<link rel="stylesheet" href="art.css">6<style>7 #art { width: 3840px; height: 1240px; }8 #art::before {9 content: ""; position: absolute; inset: 0;10 background: radial-gradient(30% 70% at 56% 45%, rgba(255, 178, 36, .08), transparent 70%);11 }12 .guide {13 left: 0; right: 0; top: 70px; bottom: 0;14 -webkit-mask-image:15 linear-gradient(to right, transparent 22%, #000 55%, #000 88%, rgba(0,0,0,.5)),16 linear-gradient(to bottom, #000 55%, transparent);17 -webkit-mask-composite: source-in; mask-composite: intersect;18 }19</style>20<div class="art grain" id="art">21 <div class="guide" id="g"></div>22</div>23<script type="module">24 import { guide, ready } from "./art.js";25 await ready();26 guide(document.getElementById("g"), { u: 2.1, chw: 0, slot: 300, now: 3.2, ticks: true, t0: 17 * 60, cur: 3, sel: false, seed: 21 });27 document.body.dataset.ready = "1";28</script>