12<!-- Android TV banner, 640x360 (320x180dp at xhdpi): the wordmark above the guide grid. -->3<meta charset="utf-8">4<link rel="stylesheet" href="../../build/linux/steam-art/art.css">5<style>6 #art { width: 640px; height: 360px; }7 #art::before { /* a warm haze where the guide meets the wordmark */8 content: ""; position: absolute; inset: 0;9 background: radial-gradient(60% 45% at 60% 78%, rgba(255, 178, 36, .08), transparent 70%);10 }11 .copy { position: absolute; left: 44px; top: 54px; z-index: 2; }12 .mark { font-size: 148px; }13 .tag { font-size: 15px; margin-top: 24px; }14 .guide {15 left: 0; right: 0; top: 236px; bottom: 0;16 -webkit-mask-image:17 linear-gradient(to bottom, transparent, #000 30%, #000 60%, transparent),18 linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);19 -webkit-mask-composite: source-in; mask-composite: intersect;20 }21</style>22<div class="art grain" id="art">23 <div class="guide" id="g"></div>24 <div class="copy">25 <div class="mark">Airwaves</div>26 <div class="tag">Live TV and guide</div>27 </div>28</div>29<script type="module">30 import { guide, ready } from "../../build/linux/steam-art/art.js";31 await ready();32 guide(document.getElementById("g"), { u: 1, chw: 80, slot: 120, now: 1.5, first: 2, cur: 1, sel: false, seed: 11 });33 document.body.dataset.ready = "1";34</script>