/* Bunker Mode, the pixel UI kit. Everything is in multiples of --px (one art pixel, 2 to 6 CSS px), so UI pixels and the world's art pixels are the same size. Frames are 9 slice SVG tiles (border-image, crisp edges, notched corners); never clip-path on anything focusable. Silkscreen only at --t1 / --t2 / --t3, so a glyph pixel is a whole number of art pixels. HIGH DETAIL (the owner, 9 Oct: "we also need to run over the header with more detail, buttons, menu etc"): keys, tags, housings and wells are pixel art on the site's 256 colour palette (the hd tiles below, made by tools/hd-ui-tiles.mjs), in the language of the HD rooms: bevelled metal, rivets at the corners, a lit top edge, a shaded bottom edge, an inner shadow. They are drawn proud of the box (border-image-outset) or inside it, never wider than it: every box keeps its exact size. Text colours stay; LED text gets a soft glow. */ :root{ --px:2px; --k:#0a0a0a; --p:#111111; --l:#242424; --fg:#ececec; --mu:#8b8b8b; --art:#c4c4c4; --g3:#1f1f1f; --g4:#2a2a2a; --g5:#2e2e2e; --g6:#3a3a3a; --g7:#4a4a4a; --g8:#5a5a5a; --g9:#6a6a6a; --g10:#7a7a7a; --g11:#a8a8a8; --amb:#ffb000; --ambD:#805800; --red:#ff4d3d; --redD:#80271f; --safe:#ffb000; --gold:#ffb000; /* one signal colour: hidden and legendary are amber, red is only the raid */ --wall:#282622; --display:"Silkscreen","JetBrains Mono",ui-monospace,monospace; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --t1:calc(var(--px)*8); --t2:calc(var(--px)*16); --t3:calc(var(--px)*24); --b1:var(--px); --b2:calc(var(--px)*2); --kw:calc(var(--px)*4) calc(var(--px)*4) calc(var(--px)*5) calc(var(--px)*4); --ko:calc(var(--px)*2); /* the soft glow round lit LED text (text only, never the art) */ --glow-a:0 0 calc(var(--px)*3) rgba(255,176,0,.55); --glow-w:0 0 calc(var(--px)*3) rgba(236,236,236,.38); --glow-r:0 0 calc(var(--px)*3) rgba(255,77,61,.6); /* frames: 5 x 5 tiles, slice 2: outer line with notched corners, a bevel inside, the fill in the middle */ --fr-board:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%234a4a4a' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%231a1a1a' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%23111111' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-steel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%237a7a7a' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%233a3a3a' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%234a4a4a' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-inset:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%23050505' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23161616' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%234a4a4a' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%230a0a0a' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-amber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23ffb000' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%23805800' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%23111111' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23ffb000' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%23805800' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%23111111' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23ff4d3d' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%2380271f' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%23111111' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23f4f4f4' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%238b8b8b' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%23ececec' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); --fr-ambbtn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23ffd060' d='M1 1h3v1H1zM1 2h1v2H1z'/%3E%3Cpath fill='%23805800' d='M3 2h1v2H3zM2 3h1v1H2z'/%3E%3Cpath fill='%23ffb000' d='M2 2h1v1H2z'/%3E%3C/svg%3E"); /* the banner's hazard stripe, 2 art px wide: a 4 x 4 tile, never a 135 degree gradient (that antialiases) */ --hazard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23141414' d='M0 0h4v4H0z'/%3E%3Cpath fill='%23ffb000' d='M2 0h2v1H2zM1 1h2v1H1zM0 2h2v1H0zM0 3h1v1H0zM3 3h1v1H3z'/%3E%3C/svg%3E"); /* a pixel arrow, 5 x 7 */ --arrow-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%238b8b8b' d='M0 0h1v7H0zM1 1h1v5H1zM2 2h1v3H2zM3 3h1v1H3z'/%3E%3C/svg%3E"); } /* hd tiles: start (generated by tools/hd-ui-tiles.mjs, do not edit by hand) */ :root{ --key-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23fbfbf6' d='M3 3h3v1H3zM3 4h1v1H3z'/%3E%3Cpath fill='%23ececec' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23c8c8c8' d='M5 4h1v1H5z'/%3E%3Cpath fill='%23d7d7d6' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23979797' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-lightP:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM3 6h3v1H3z'/%3E%3Cpath fill='%23a8a7a7' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23c8c8c8' d='M3 4h1v1H3zM4 4h1v1H4zM3 5h3v1H3z'/%3E%3Cpath fill='%23b7b7b6' d='M5 4h1v1H5z'/%3E%3C/svg%3E"); --key-amb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%2348350c' d='M2 0h5v1H2zM1 1h1v1H1zM7 1h1v1H7zM0 2h1v1H0zM8 2h1v1H8zM0 3h1v1H0zM8 3h1v1H8zM0 4h1v1H0zM8 4h1v1H8zM0 5h1v1H0zM8 5h1v1H8zM0 6h1v1H0zM8 6h1v1H8zM0 7h1v1H0zM8 7h1v1H8zM1 8h1v1H1zM7 8h1v1H7zM2 9h5v1H2z'/%3E%3Cpath fill='%23805800' d='M2 1h5v1H2zM1 2h2v1H1zM6 2h2v1H6zM1 3h1v1H1zM7 3h1v1H7zM1 4h1v1H1zM7 4h1v1H7zM1 5h1v1H1zM7 5h1v1H7zM1 6h1v1H1zM7 6h1v1H7zM1 7h2v1H1zM6 7h2v1H6zM2 8h5v1H2z'/%3E%3Cpath fill='%23452808' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23ffe995' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23fec847' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23ffb000' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23e49e01' d='M5 4h1v1H5z'/%3E%3Cpath fill='%23eba201' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23b37c05' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ambH:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23664915' d='M2 0h5v1H2zM1 1h1v1H1zM7 1h1v1H7zM0 2h1v1H0zM8 2h1v1H8zM0 3h1v1H0zM8 3h1v1H8zM0 4h1v1H0zM8 4h1v1H8zM0 5h1v1H0zM8 5h1v1H8zM0 6h1v1H0zM8 6h1v1H8zM0 7h1v1H0zM8 7h1v1H8zM1 8h1v1H1zM7 8h1v1H7zM2 9h5v1H2z'/%3E%3Cpath fill='%23a77506' d='M2 1h5v1H2zM1 2h2v1H1zM6 2h2v1H6zM1 3h1v1H1zM7 3h1v1H7zM1 4h1v1H1zM7 4h1v1H7zM1 5h1v1H1zM7 5h1v1H7zM1 6h1v1H1zM7 6h1v1H7zM1 7h2v1H1zM6 7h2v1H6zM2 8h5v1H2z'/%3E%3Cpath fill='%23452808' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23fffbb8' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23ffe995' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23fec847' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23ffb000' d='M5 4h1v1H5z'/%3E%3Cpath fill='%23f9d968' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23c78a04' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ambR:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23ffe995' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23fec847' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23ffb000' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23e49e01' d='M5 4h1v1H5z'/%3E%3Cpath fill='%23eba201' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23b37c05' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ambHR:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23452808' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23fffbb8' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23ffe995' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23fec847' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23ffb000' d='M5 4h1v1H5z'/%3E%3Cpath fill='%23f9d968' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23c78a04' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ambP:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23452808' d='M2 2h1v1H2zM3 2h3v1H3zM6 2h1v1H6zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM3 6h3v1H3zM6 6h1v1H6z'/%3E%3Cpath fill='%23b37c05' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23d79503' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23e49e01' d='M4 4h1v1H4zM3 5h3v1H3z'/%3E%3Cpath fill='%23c78a04' d='M5 4h1v1H5z'/%3E%3C/svg%3E"); --key-ambOff:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%2325180c' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM3 6h3v1H3zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23684a0a' d='M3 3h3v1H3z'/%3E%3Cpath fill='%235b420b' d='M3 4h1v1H3z'/%3E%3Cpath fill='%2348350c' d='M4 4h1v1H4zM3 5h3v1H3z'/%3E%3Cpath fill='%2336270b' d='M5 4h1v1H5z'/%3E%3C/svg%3E"); --key-ghost:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23686c73' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23464b55' d='M3 4h1v1H3z'/%3E%3Cpath fill='%232b3337' d='M4 4h1v1H4z'/%3E%3Cpath fill='%231c2227' d='M5 4h1v1H5z'/%3E%3Cpath fill='%23272b34' d='M3 5h3v1H3z'/%3E%3Cpath fill='%231c2227' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ghostH:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%2336270b' d='M2 0h5v1H2zM1 1h1v1H1zM7 1h1v1H7zM0 2h1v1H0zM8 2h1v1H8zM0 3h1v1H0zM8 3h1v1H8zM0 4h1v1H0zM8 4h1v1H8zM0 5h1v1H0zM8 5h1v1H8zM0 6h1v1H0zM8 6h1v1H8zM0 7h1v1H0zM8 7h1v1H8zM1 8h1v1H1zM7 8h1v1H7zM2 9h5v1H2z'/%3E%3Cpath fill='%23543b0b' d='M2 1h5v1H2zM1 2h2v1H1zM6 2h2v1H6zM1 3h1v1H1zM7 3h1v1H7zM1 4h1v1H1zM7 4h1v1H7zM1 5h1v1H1zM7 5h1v1H7zM1 6h1v1H1zM7 6h1v1H7zM1 7h2v1H1zM6 7h2v1H6zM2 8h5v1H2z'/%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23a7683a' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23565c66' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23363a43' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23272b34' d='M5 4h1v1H5z'/%3E%3Cpath fill='%232b3337' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23171717' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ghostP:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM3 6h3v1H3z'/%3E%3Cpath fill='%23111111' d='M3 3h3v1H3z'/%3E%3Cpath fill='%231c2227' d='M3 4h1v1H3zM4 4h1v1H4zM3 5h3v1H3z'/%3E%3Cpath fill='%23181b23' d='M5 4h1v1H5z'/%3E%3C/svg%3E"); --key-ghostOff:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23272b34' d='M3 3h3v1H3z'/%3E%3Cpath fill='%231c2227' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23171717' d='M4 4h1v1H4zM3 5h3v1H3z'/%3E%3Cpath fill='%23111111' d='M5 4h1v1H5z'/%3E%3Cpath fill='%230c0d12' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --key-ghostOn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%2336270b' d='M2 0h5v1H2zM1 1h1v1H1zM7 1h1v1H7zM0 2h1v1H0zM8 2h1v1H8zM0 3h1v1H0zM8 3h1v1H8zM0 4h1v1H0zM8 4h1v1H8zM0 5h1v1H0zM8 5h1v1H8zM0 6h1v1H0zM8 6h1v1H8zM0 7h1v1H0zM8 7h1v1H8zM1 8h1v1H1zM7 8h1v1H7zM2 9h5v1H2z'/%3E%3Cpath fill='%23543b0b' d='M2 1h5v1H2zM1 2h2v1H1zM6 2h2v1H6zM1 3h1v1H1zM7 3h1v1H7zM1 4h1v1H1zM7 4h1v1H7zM1 5h1v1H1zM7 5h1v1H7zM1 6h1v1H1zM7 6h1v1H7zM1 7h2v1H1zM6 7h2v1H6zM2 8h5v1H2z'/%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23ad8925' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23565c66' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23363a43' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23272b34' d='M5 4h1v1H5z'/%3E%3Cpath fill='%232b3337' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23171717' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); /* the lit steel key without its two amber rings (the bar's own dark shows there, as round every steel key at rest): the bar's PLAY on its own page lit by its frame and letters alone, its glow only on hover (the owner, Sat 17 Oct: "only glow on hover of button") */ --key-ghostOnR:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 2h3v1H3zM2 3h1v1H2zM6 3h1v1H6zM2 4h1v1H2zM6 4h1v1H6zM2 5h1v1H2zM6 5h1v1H6zM2 6h1v1H2zM6 6h1v1H6zM3 7h3v1H3z'/%3E%3Cpath fill='%23ad8925' d='M3 3h3v1H3z'/%3E%3Cpath fill='%23565c66' d='M3 4h1v1H3z'/%3E%3Cpath fill='%23363a43' d='M4 4h1v1H4z'/%3E%3Cpath fill='%23272b34' d='M5 4h1v1H5z'/%3E%3Cpath fill='%232b3337' d='M3 5h3v1H3z'/%3E%3Cpath fill='%23171717' d='M3 6h3v1H3z'/%3E%3C/svg%3E"); --tag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h5v1H1zM0 1h1v1H0zM6 1h1v1H6zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM0 5h1v1H0zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3Cpath fill='%23686c73' d='M1 1h5v1H1z'/%3E%3Cpath fill='%2349525a' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1z'/%3E%3Cpath fill='%233b4248' d='M2 2h3v1H2z'/%3E%3Cpath fill='%231c2227' d='M5 2h1v1H5zM5 3h1v1H5zM5 4h1v1H5z'/%3E%3Cpath fill='%232b3337' d='M2 3h3v1H2z'/%3E%3Cpath fill='%23272b34' d='M2 4h3v1H2z'/%3E%3Cpath fill='%23181b23' d='M1 5h5v1H1z'/%3E%3C/svg%3E"); --tag-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%2325180c' d='M1 0h5v1H1zM0 1h1v1H0zM6 1h1v1H6zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM0 5h1v1H0zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3Cpath fill='%23e49d28' d='M1 1h5v1H1z'/%3E%3Cpath fill='%23ad8925' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1z'/%3E%3Cpath fill='%23976a07' d='M2 2h3v1H2z'/%3E%3Cpath fill='%23543b0b' d='M5 2h1v1H5zM5 3h1v1H5zM5 4h1v1H5z'/%3E%3Cpath fill='%23775527' d='M2 3h3v1H2z'/%3E%3Cpath fill='%23684a0a' d='M2 4h3v1H2z'/%3E%3Cpath fill='%2336270b' d='M1 5h5v1H1z'/%3E%3C/svg%3E"); --rivet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23a8a7a7' d='M0 0h1v1H0z'/%3E%3Cpath fill='%235a6167' d='M1 0h1v1H1zM0 1h1v1H0z'/%3E%3Cpath fill='%23171717' d='M1 1h1v1H1z'/%3E%3C/svg%3E"); --rivet-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23fee7a8' d='M0 0h1v1H0z'/%3E%3Cpath fill='%23ad8925' d='M1 0h1v1H1zM0 1h1v1H0z'/%3E%3Cpath fill='%2336270b' d='M1 1h1v1H1z'/%3E%3C/svg%3E"); --housing:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' shape-rendering='crispEdges'%3E%3Cpath fill='%23171717' d='M1 0h10v1H1zM0 1h1v1H0zM11 1h1v1H11zM0 2h1v1H0zM11 2h1v1H11zM0 3h1v1H0zM11 3h1v1H11zM0 4h1v1H0zM3 4h1v1H3zM8 4h1v1H8zM11 4h1v1H11zM0 5h1v1H0zM3 5h1v1H3zM8 5h1v1H8zM11 5h1v1H11zM0 6h1v1H0zM3 6h1v1H3zM8 6h1v1H8zM11 6h1v1H11zM0 7h1v1H0zM3 7h1v1H3zM8 7h1v1H8zM11 7h1v1H11zM0 8h1v1H0zM3 8h6v1H3zM11 8h1v1H11zM0 9h1v1H0zM11 9h1v1H11zM0 10h1v1H0zM11 10h1v1H11zM1 11h10v1H1z'/%3E%3Cpath fill='%23a8a7a7' d='M1 1h1v1H1zM9 1h1v1H9zM1 9h1v1H1zM9 9h1v1H9z'/%3E%3Cpath fill='%235a6167' d='M2 1h1v1H2zM10 1h1v1H10zM1 2h1v1H1zM3 2h4v1H3zM8 2h1v1H8zM9 2h1v1H9zM1 5h1v1H1zM2 9h1v1H2zM10 9h1v1H10zM1 10h1v1H1zM9 10h1v1H9z'/%3E%3Cpath fill='%23686c73' d='M3 1h6v1H3zM7 2h1v1H7z'/%3E%3Cpath fill='%23111111' d='M2 2h1v1H2zM10 2h1v1H10zM3 3h6v1H3zM2 10h1v1H2zM10 10h1v1H10z'/%3E%3Cpath fill='%2349525a' d='M1 3h2v1H1zM1 4h2v1H1zM2 5h1v1H2zM1 6h2v1H1zM1 7h2v1H1zM1 8h2v1H1z'/%3E%3Cpath fill='%23272b34' d='M9 3h2v1H9zM9 4h2v1H9zM9 5h2v1H9zM9 6h2v1H9zM9 7h2v1H9zM9 8h2v1H9zM3 9h6v1H3z'/%3E%3Cpath fill='%231c2227' d='M3 10h6v1H3z'/%3E%3C/svg%3E"); --housing-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' shape-rendering='crispEdges'%3E%3Cpath fill='%2325180c' d='M1 0h10v1H1zM0 1h1v1H0zM11 1h1v1H11zM0 2h1v1H0zM2 2h1v1H2zM10 2h1v1H10zM11 2h1v1H11zM0 3h1v1H0zM3 3h6v1H3zM11 3h1v1H11zM0 4h1v1H0zM11 4h1v1H11zM0 5h1v1H0zM11 5h1v1H11zM0 6h1v1H0zM11 6h1v1H11zM0 7h1v1H0zM11 7h1v1H11zM0 8h1v1H0zM11 8h1v1H11zM0 9h1v1H0zM11 9h1v1H11zM0 10h1v1H0zM2 10h1v1H2zM10 10h1v1H10zM11 10h1v1H11zM1 11h10v1H1z'/%3E%3Cpath fill='%23fee7a8' d='M1 1h1v1H1zM9 1h1v1H9zM1 9h1v1H1zM9 9h1v1H9z'/%3E%3Cpath fill='%23ad8925' d='M2 1h1v1H2zM10 1h1v1H10zM1 2h1v1H1zM3 2h4v1H3zM8 2h1v1H8zM9 2h1v1H9zM1 5h1v1H1zM2 9h1v1H2zM10 9h1v1H10zM1 10h1v1H1zM9 10h1v1H9z'/%3E%3Cpath fill='%23e49d28' d='M3 1h6v1H3zM7 2h1v1H7z'/%3E%3Cpath fill='%23976a07' d='M1 3h2v1H1zM1 4h2v1H1zM2 5h1v1H2zM1 6h2v1H1zM1 7h2v1H1zM1 8h2v1H1z'/%3E%3Cpath fill='%23684a0a' d='M9 3h2v1H9zM9 4h2v1H9zM9 5h2v1H9zM9 6h2v1H9zM9 7h2v1H9zM9 8h2v1H9z'/%3E%3Cpath fill='%2336270b' d='M3 4h1v1H3zM8 4h1v1H8zM3 5h1v1H3zM8 5h1v1H8zM3 6h1v1H3zM8 6h1v1H8zM3 7h1v1H3zM8 7h1v1H8zM3 8h6v1H3z'/%3E%3Cpath fill='%23775527' d='M3 9h6v1H3z'/%3E%3Cpath fill='%23543b0b' d='M3 10h6v1H3z'/%3E%3C/svg%3E"); --housing-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' shape-rendering='crispEdges'%3E%3Cpath fill='%23270b08' d='M1 0h10v1H1zM0 1h1v1H0zM11 1h1v1H11zM0 2h1v1H0zM2 2h1v1H2zM10 2h1v1H10zM11 2h1v1H11zM0 3h1v1H0zM3 3h6v1H3zM11 3h1v1H11zM0 4h1v1H0zM11 4h1v1H11zM0 5h1v1H0zM11 5h1v1H11zM0 6h1v1H0zM11 6h1v1H11zM0 7h1v1H0zM11 7h1v1H11zM0 8h1v1H0zM11 8h1v1H11zM0 9h1v1H0zM11 9h1v1H11zM0 10h1v1H0zM2 10h1v1H2zM10 10h1v1H10zM11 10h1v1H11zM1 11h10v1H1z'/%3E%3Cpath fill='%23d9af9f' d='M1 1h1v1H1zM9 1h1v1H9zM1 9h1v1H1zM9 9h1v1H9z'/%3E%3Cpath fill='%239c2b1f' d='M2 1h1v1H2zM10 1h1v1H10zM1 2h1v1H1zM3 2h4v1H3zM8 2h1v1H8zM9 2h1v1H9zM1 5h1v1H1zM2 9h1v1H2zM10 9h1v1H10zM1 10h1v1H1zM9 10h1v1H9z'/%3E%3Cpath fill='%23c33e31' d='M3 1h6v1H3zM7 2h1v1H7z'/%3E%3Cpath fill='%23771713' d='M1 3h2v1H1zM1 4h2v1H1zM2 5h1v1H2zM1 6h2v1H1zM1 7h2v1H1zM1 8h2v1H1z'/%3E%3Cpath fill='%23591813' d='M9 3h2v1H9zM9 4h2v1H9zM9 5h2v1H9zM9 6h2v1H9zM9 7h2v1H9zM9 8h2v1H9zM3 9h6v1H3z'/%3E%3Cpath fill='%23461709' d='M3 4h1v1H3zM8 4h1v1H8zM3 5h1v1H3zM8 5h1v1H8zM3 6h1v1H3zM8 6h1v1H8zM3 7h1v1H3zM8 7h1v1H8zM3 8h6v1H3zM3 10h6v1H3z'/%3E%3C/svg%3E"); --bracket-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' shape-rendering='crispEdges'%3E%3Cpath fill='%23111111' d='M2 0h3v1H2zM1 1h1v1H1zM5 1h1v1H5zM1 2h1v1H1zM5 2h1v1H5zM1 3h1v1H1zM5 3h1v1H5zM1 4h1v1H1zM5 4h4v1H5zM1 5h1v1H1zM8 5h1v1H8zM1 6h1v1H1zM8 6h1v1H8zM1 7h1v1H1zM8 7h1v1H8zM1 8h1v1H1zM5 8h4v1H5zM1 9h1v1H1zM5 9h1v1H5zM1 10h1v1H1zM5 10h1v1H5zM1 11h1v1H1zM5 11h1v1H5zM1 12h1v1H1zM5 12h1v1H5zM2 13h3v1H2z'/%3E%3Cpath fill='%23a8a7a7' d='M2 1h1v1H2zM2 11h1v1H2z'/%3E%3Cpath fill='%233b4248' d='M3 1h2v1H3zM2 2h3v1H2zM2 3h1v1H2zM4 3h1v1H4zM2 4h3v1H2zM3 5h2v1H3zM3 6h2v1H3zM3 7h2v1H3zM2 8h3v1H2zM2 9h1v1H2zM4 9h1v1H4zM2 10h3v1H2zM3 11h2v1H3zM2 12h2v1H2z'/%3E%3Cpath fill='%230a0a0a' d='M3 3h1v1H3zM3 9h1v1H3z'/%3E%3Cpath fill='%23565c66' d='M2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2z'/%3E%3Cpath fill='%238b8b8b' d='M5 5h3v1H5z'/%3E%3Cpath fill='%235a6167' d='M5 6h3v1H5z'/%3E%3Cpath fill='%23272b34' d='M5 7h3v1H5z'/%3E%3Cpath fill='%23171717' d='M4 12h1v1H4z'/%3E%3Cpath fill='%23532a16' d='M2 14h2v1H2z'/%3E%3C/svg%3E"); --bracket-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' shape-rendering='crispEdges'%3E%3Cpath fill='%23111111' d='M4 0h3v1H4zM3 1h1v1H3zM7 1h1v1H7zM3 2h1v1H3zM7 2h1v1H7zM3 3h1v1H3zM7 3h1v1H7zM0 4h4v1H0zM7 4h1v1H7zM0 5h1v1H0zM7 5h1v1H7zM0 6h1v1H0zM7 6h1v1H7zM0 7h1v1H0zM7 7h1v1H7zM0 8h4v1H0zM7 8h1v1H7zM3 9h1v1H3zM7 9h1v1H7zM3 10h1v1H3zM7 10h1v1H7zM3 11h1v1H3zM7 11h1v1H7zM3 12h1v1H3zM7 12h1v1H7zM4 13h3v1H4z'/%3E%3Cpath fill='%233b4248' d='M4 1h2v1H4zM4 2h3v1H4zM4 3h1v1H4zM6 3h1v1H6zM4 4h3v1H4zM4 5h2v1H4zM4 6h2v1H4zM4 7h2v1H4zM4 8h3v1H4zM4 9h1v1H4zM6 9h1v1H6zM4 10h3v1H4zM4 11h2v1H4zM5 12h2v1H5z'/%3E%3Cpath fill='%23a8a7a7' d='M6 1h1v1H6zM6 11h1v1H6z'/%3E%3Cpath fill='%230a0a0a' d='M5 3h1v1H5zM5 9h1v1H5z'/%3E%3Cpath fill='%238b8b8b' d='M1 5h3v1H1z'/%3E%3Cpath fill='%23565c66' d='M6 5h1v1H6zM6 6h1v1H6zM6 7h1v1H6z'/%3E%3Cpath fill='%235a6167' d='M1 6h3v1H1z'/%3E%3Cpath fill='%23272b34' d='M1 7h3v1H1z'/%3E%3Cpath fill='%23171717' d='M4 12h1v1H4z'/%3E%3Cpath fill='%23532a16' d='M5 14h2v1H5z'/%3E%3C/svg%3E"); --well:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%23272b34' d='M1 0h5v1H1zM0 1h1v1H0zM6 1h1v1H6zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM0 5h1v1H0zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3Cpath fill='%23090909' d='M1 1h5v1H1zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1z'/%3E%3Cpath fill='%230c0d12' d='M2 2h3v1H2zM2 3h1v1H2zM4 3h1v1H4zM2 4h3v1H2z'/%3E%3Cpath fill='%232b3337' d='M5 2h1v1H5zM5 3h1v1H5zM5 4h1v1H5zM2 5h4v1H2z'/%3E%3C/svg%3E"); --well-amb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%23805800' d='M1 0h5v1H1zM0 1h1v1H0zM6 1h1v1H6zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM0 5h1v1H0zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3Cpath fill='%23090909' d='M1 1h5v1H1zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1z'/%3E%3Cpath fill='%230c0d12' d='M2 2h3v1H2zM2 3h1v1H2zM4 3h1v1H4zM2 4h3v1H2z'/%3E%3Cpath fill='%23684a0a' d='M5 2h1v1H5zM5 3h1v1H5zM5 4h1v1H5zM2 5h4v1H2z'/%3E%3C/svg%3E"); --well-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%239c2b1f' d='M1 0h5v1H1zM0 1h1v1H0zM6 1h1v1H6zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM0 5h1v1H0zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3Cpath fill='%23090909' d='M1 1h5v1H1zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1z'/%3E%3Cpath fill='%23120d09' d='M2 2h3v1H2zM2 3h1v1H2zM4 3h1v1H4zM2 4h3v1H2z'/%3E%3Cpath fill='%23591813' d='M5 2h1v1H5zM5 3h1v1H5zM5 4h1v1H5zM2 5h4v1H2z'/%3E%3C/svg%3E"); --well-warm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%2349525a' d='M1 0h5v1H1zM0 1h1v1H0zM6 1h1v1H6zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM0 5h1v1H0zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3Cpath fill='%23090909' d='M1 1h5v1H1zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1z'/%3E%3Cpath fill='%230c0d12' d='M2 2h3v1H2zM2 3h1v1H2zM4 3h1v1H4zM2 4h3v1H2z'/%3E%3Cpath fill='%23363a43' d='M5 2h1v1H5zM5 3h1v1H5zM5 4h1v1H5zM2 5h4v1H2z'/%3E%3C/svg%3E"); --cell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%233b4248' d='M1 0h7v1H1z'/%3E%3Cpath fill='%23363a43' d='M0 1h1v1H0zM0 2h1v1H0zM0 3h1v1H0zM0 4h1v1H0zM0 5h1v1H0zM0 6h1v1H0zM0 7h1v1H0z'/%3E%3Cpath fill='%23272b34' d='M1 1h7v1H1zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1z'/%3E%3Cpath fill='%231c2227' d='M8 1h1v1H8zM8 2h1v1H8zM6 3h1v1H6zM8 3h1v1H8zM6 4h1v1H6zM8 4h1v1H8zM6 5h1v1H6zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8z'/%3E%3Cpath fill='%23090909' d='M2 2h5v1H2zM2 3h1v1H2zM3 3h3v1H3zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%23171717' d='M7 2h1v1H7zM7 3h1v1H7zM7 4h1v1H7zM7 5h1v1H7zM7 6h1v1H7z'/%3E%3Cpath fill='%230c0d12' d='M3 4h1v1H3zM5 4h1v1H5zM3 5h1v1H3zM4 5h2v1H4z'/%3E%3Cpath fill='%232b3337' d='M3 6h4v1H3z'/%3E%3Cpath fill='%23111111' d='M1 7h7v1H1z'/%3E%3Cpath fill='%23181b23' d='M1 8h7v1H1z'/%3E%3C/svg%3E"); --cell-amb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%23ad8925' d='M1 0h7v1H1z'/%3E%3Cpath fill='%23976a07' d='M0 1h1v1H0zM0 2h1v1H0zM0 3h1v1H0zM0 4h1v1H0zM0 5h1v1H0zM0 6h1v1H0zM0 7h1v1H0z'/%3E%3Cpath fill='%23684a0a' d='M1 1h7v1H1z'/%3E%3Cpath fill='%2336270b' d='M8 1h1v1H8zM8 2h1v1H8zM8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8z'/%3E%3Cpath fill='%23543b0b' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1z'/%3E%3Cpath fill='%23090909' d='M2 2h5v1H2zM2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%2325180c' d='M7 2h1v1H7zM7 3h1v1H7zM7 4h1v1H7zM7 5h1v1H7zM7 6h1v1H7zM1 8h7v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M3 3h3v1H3z'/%3E%3Cpath fill='%2348350c' d='M6 3h1v1H6zM6 4h1v1H6zM6 5h1v1H6z'/%3E%3Cpath fill='%230c0d12' d='M3 4h1v1H3zM5 4h1v1H5zM3 5h1v1H3z'/%3E%3Cpath fill='%23361706' d='M4 5h2v1H4z'/%3E%3Cpath fill='%23805800' d='M3 6h4v1H3z'/%3E%3Cpath fill='%2318130c' d='M1 7h7v1H1z'/%3E%3C/svg%3E"); --cell-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%233b4248' d='M1 0h7v1H1z'/%3E%3Cpath fill='%23363a43' d='M0 1h1v1H0zM0 2h1v1H0zM0 3h1v1H0zM0 4h1v1H0zM0 5h1v1H0zM0 6h1v1H0zM0 7h1v1H0z'/%3E%3Cpath fill='%23272b34' d='M1 1h7v1H1zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1z'/%3E%3Cpath fill='%231c2227' d='M8 1h1v1H8zM8 2h1v1H8zM8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8z'/%3E%3Cpath fill='%23090909' d='M2 2h5v1H2zM2 3h1v1H2zM3 3h3v1H3zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%23171717' d='M7 2h1v1H7zM7 3h1v1H7zM7 4h1v1H7zM7 5h1v1H7zM7 6h1v1H7z'/%3E%3Cpath fill='%231f2422' d='M6 3h1v1H6zM6 4h1v1H6zM6 5h1v1H6z'/%3E%3Cpath fill='%230c0d12' d='M3 4h1v1H3zM5 4h1v1H5zM3 5h1v1H3z'/%3E%3Cpath fill='%23092518' d='M4 5h2v1H4z'/%3E%3Cpath fill='%2323512d' d='M3 6h4v1H3z'/%3E%3Cpath fill='%23111111' d='M1 7h7v1H1z'/%3E%3Cpath fill='%23181b23' d='M1 8h7v1H1z'/%3E%3C/svg%3E"); --cell-dim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%23272b34' d='M1 0h7v1H1z'/%3E%3Cpath fill='%231c2227' d='M0 1h1v1H0zM1 1h7v1H1zM0 2h1v1H0zM0 3h1v1H0zM0 4h1v1H0zM0 5h1v1H0zM0 6h1v1H0zM3 6h4v1H3zM0 7h1v1H0z'/%3E%3Cpath fill='%23111111' d='M8 1h1v1H8zM8 2h1v1H8zM8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8zM1 8h7v1H1z'/%3E%3Cpath fill='%23181b23' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1z'/%3E%3Cpath fill='%23090909' d='M2 2h5v1H2zM2 3h1v1H2zM3 3h3v1H3zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%230c0d12' d='M7 2h1v1H7zM7 3h1v1H7zM3 4h1v1H3zM5 4h1v1H5zM7 4h1v1H7zM3 5h1v1H3zM4 5h2v1H4zM7 5h1v1H7zM7 6h1v1H7zM1 7h7v1H1z'/%3E%3Cpath fill='%23171717' d='M6 3h1v1H6zM6 4h1v1H6zM6 5h1v1H6z'/%3E%3C/svg%3E"); --cell-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%23591813' d='M1 0h5v1H1z'/%3E%3Cpath fill='%23461709' d='M0 1h1v1H0zM0 2h1v1H0zM0 3h1v1H0zM0 4h1v1H0zM0 5h1v1H0zM2 5h4v1H2z'/%3E%3Cpath fill='%23090909' d='M1 1h5v1H1zM1 2h1v1H1zM2 2h3v1H2zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1z'/%3E%3Cpath fill='%23270b08' d='M6 1h1v1H6zM5 2h1v1H5zM6 2h1v1H6zM5 3h1v1H5zM6 3h1v1H6zM3 4h2v1H3zM5 4h1v1H5zM6 4h1v1H6zM6 5h1v1H6zM1 6h5v1H1z'/%3E%3C/svg%3E"); --lamp-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M3 1h5v1H3zM2 2h2v1H2zM7 2h2v1H7zM1 3h2v1H1zM8 3h2v1H8zM1 4h1v1H1zM9 4h1v1H9zM1 5h1v1H1zM9 5h1v1H9zM1 6h1v1H1zM9 6h1v1H9zM1 7h2v1H1zM8 7h2v1H8zM2 8h2v1H2zM7 8h2v1H7zM3 9h5v1H3z'/%3E%3Cpath fill='%23686c73' d='M4 2h3v1H4zM3 3h1v1H3zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%233b4248' d='M4 3h1v1H4zM7 3h1v1H7zM4 4h1v1H4zM3 7h1v1H3z'/%3E%3Cpath fill='%231c2227' d='M5 3h2v1H5zM3 4h1v1H3zM5 4h3v1H5zM8 4h1v1H8zM3 5h4v1H3zM8 5h1v1H8zM3 6h3v1H3zM8 6h1v1H8zM4 7h1v1H4zM7 7h1v1H7zM4 8h3v1H4z'/%3E%3Cpath fill='%23111111' d='M7 5h1v1H7zM6 6h2v1H6zM5 7h2v1H5z'/%3E%3C/svg%3E"); --lamp-amb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%2325180c' d='M3 0h5v1H3zM2 1h1v1H2zM8 1h1v1H8zM1 2h1v1H1zM9 2h1v1H9zM0 3h1v1H0zM10 3h1v1H10zM0 4h1v1H0zM10 4h1v1H10zM0 5h1v1H0zM10 5h1v1H10zM0 6h1v1H0zM10 6h1v1H10zM0 7h1v1H0zM10 7h1v1H10zM1 8h1v1H1zM9 8h1v1H9zM2 9h1v1H2zM8 9h1v1H8zM3 10h5v1H3z'/%3E%3Cpath fill='%23452808' d='M3 1h5v1H3zM2 2h2v1H2zM7 2h2v1H7zM1 3h2v1H1zM8 3h2v1H8zM1 4h1v1H1zM9 4h1v1H9zM1 5h1v1H1zM9 5h1v1H9zM1 6h1v1H1zM9 6h1v1H9zM1 7h2v1H1zM8 7h2v1H8zM2 8h2v1H2zM7 8h2v1H7zM3 9h5v1H3z'/%3E%3Cpath fill='%23686c73' d='M4 2h3v1H4zM3 3h1v1H3zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%23fefcd8' d='M4 3h1v1H4zM4 4h1v1H4z'/%3E%3Cpath fill='%23ffb000' d='M5 3h2v1H5zM3 4h1v1H3zM5 4h3v1H5zM3 5h4v1H3zM3 6h3v1H3zM4 7h1v1H4z'/%3E%3Cpath fill='%233b4248' d='M7 3h1v1H7zM3 7h1v1H3z'/%3E%3Cpath fill='%231c2227' d='M8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM7 7h1v1H7zM4 8h3v1H4z'/%3E%3Cpath fill='%23e5641f' d='M7 5h1v1H7zM6 6h2v1H6zM5 7h2v1H5z'/%3E%3C/svg%3E"); --lamp-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%230b110d' d='M3 0h5v1H3zM2 1h1v1H2zM8 1h1v1H8zM1 2h1v1H1zM9 2h1v1H9zM0 3h1v1H0zM10 3h1v1H10zM0 4h1v1H0zM10 4h1v1H10zM0 5h1v1H0zM10 5h1v1H10zM0 6h1v1H0zM10 6h1v1H10zM0 7h1v1H0zM10 7h1v1H10zM1 8h1v1H1zM9 8h1v1H9zM2 9h1v1H2zM8 9h1v1H8zM3 10h5v1H3z'/%3E%3Cpath fill='%23092518' d='M3 1h5v1H3zM2 2h2v1H2zM7 2h2v1H7zM1 3h2v1H1zM8 3h2v1H8zM1 4h1v1H1zM9 4h1v1H9zM1 5h1v1H1zM9 5h1v1H9zM1 6h1v1H1zM9 6h1v1H9zM1 7h2v1H1zM8 7h2v1H8zM2 8h2v1H2zM7 8h2v1H7zM3 9h5v1H3z'/%3E%3Cpath fill='%23686c73' d='M4 2h3v1H4zM3 3h1v1H3zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2z'/%3E%3Cpath fill='%239de2a7' d='M4 3h1v1H4zM4 4h1v1H4z'/%3E%3Cpath fill='%2320893b' d='M5 3h2v1H5zM3 4h1v1H3zM5 4h1v1H5zM7 4h1v1H7zM4 5h1v1H4zM6 5h1v1H6zM3 6h1v1H3zM5 6h1v1H5zM4 7h1v1H4z'/%3E%3Cpath fill='%23fbfbf6' d='M7 3h1v1H7zM6 4h1v1H6zM3 5h1v1H3zM5 5h1v1H5zM4 6h1v1H4z'/%3E%3Cpath fill='%231c2227' d='M8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM7 7h1v1H7zM4 8h3v1H4z'/%3E%3Cpath fill='%2323512d' d='M7 5h1v1H7zM6 6h2v1H6zM5 7h2v1H5z'/%3E%3Cpath fill='%233b4248' d='M3 7h1v1H3z'/%3E%3C/svg%3E"); --wellhd:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h9v1H1zM0 1h1v1H0zM10 1h1v1H10zM0 2h1v1H0zM10 2h1v1H10zM0 3h1v1H0zM10 3h1v1H10zM0 4h1v1H0zM10 4h1v1H10zM0 5h1v1H0zM10 5h1v1H10zM0 6h1v1H0zM10 6h1v1H10zM0 7h1v1H0zM10 7h1v1H10zM0 8h1v1H0zM10 8h1v1H10zM0 9h1v1H0zM10 9h1v1H10zM1 10h9v1H1z'/%3E%3Cpath fill='%23686c73' d='M1 1h9v1H1z'/%3E%3Cpath fill='%235a6167' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1z'/%3E%3Cpath fill='%2349525a' d='M2 2h7v1H2z'/%3E%3Cpath fill='%23272b34' d='M9 2h1v1H9zM9 3h1v1H9zM9 4h1v1H9zM9 5h1v1H9zM9 6h1v1H9zM9 7h1v1H9zM9 8h1v1H9z'/%3E%3Cpath fill='%233b4248' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2z'/%3E%3Cpath fill='%23090909' d='M3 3h5v1H3zM3 4h1v1H3zM4 4h3v1H4zM3 5h1v1H3zM3 6h1v1H3zM3 7h1v1H3z'/%3E%3Cpath fill='%231c2227' d='M8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8zM1 9h9v1H1z'/%3E%3Cpath fill='%232b3337' d='M7 4h1v1H7zM7 5h1v1H7zM7 6h1v1H7zM4 7h4v1H4z'/%3E%3Cpath fill='%23171717' d='M2 8h7v1H2z'/%3E%3C/svg%3E"); --wellhd-warm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h9v1H1zM0 1h1v1H0zM10 1h1v1H10zM0 2h1v1H0zM10 2h1v1H10zM0 3h1v1H0zM10 3h1v1H10zM0 4h1v1H0zM10 4h1v1H10zM0 5h1v1H0zM10 5h1v1H10zM0 6h1v1H0zM10 6h1v1H10zM0 7h1v1H0zM10 7h1v1H10zM0 8h1v1H0zM10 8h1v1H10zM0 9h1v1H0zM10 9h1v1H10zM1 10h9v1H1z'/%3E%3Cpath fill='%23878786' d='M1 1h9v1H1z'/%3E%3Cpath fill='%23686c73' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1z'/%3E%3Cpath fill='%23565c66' d='M2 2h7v1H2z'/%3E%3Cpath fill='%232b3337' d='M9 2h1v1H9zM9 3h1v1H9zM9 4h1v1H9zM9 5h1v1H9zM9 6h1v1H9zM9 7h1v1H9zM9 8h1v1H9z'/%3E%3Cpath fill='%2349525a' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2z'/%3E%3Cpath fill='%23090909' d='M3 3h5v1H3zM3 4h1v1H3zM4 4h3v1H4zM3 5h1v1H3zM3 6h1v1H3zM3 7h1v1H3z'/%3E%3Cpath fill='%23272b34' d='M8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8z'/%3E%3Cpath fill='%23363a43' d='M7 4h1v1H7zM7 5h1v1H7zM7 6h1v1H7zM4 7h4v1H4z'/%3E%3Cpath fill='%23171717' d='M2 8h7v1H2z'/%3E%3Cpath fill='%231c2227' d='M1 9h9v1H1z'/%3E%3C/svg%3E"); --wellhd-amb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h9v1H1zM0 1h1v1H0zM10 1h1v1H10zM0 2h1v1H0zM10 2h1v1H10zM0 3h1v1H0zM10 3h1v1H10zM0 4h1v1H0zM10 4h1v1H10zM0 5h1v1H0zM10 5h1v1H10zM0 6h1v1H0zM10 6h1v1H10zM0 7h1v1H0zM10 7h1v1H10zM0 8h1v1H0zM10 8h1v1H10zM0 9h1v1H0zM10 9h1v1H10zM1 10h9v1H1z'/%3E%3Cpath fill='%23fec847' d='M1 1h9v1H1z'/%3E%3Cpath fill='%23e49d28' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1z'/%3E%3Cpath fill='%23ad8925' d='M2 2h7v1H2z'/%3E%3Cpath fill='%23775527' d='M9 2h1v1H9zM9 3h1v1H9zM9 4h1v1H9zM9 5h1v1H9zM9 6h1v1H9zM9 7h1v1H9zM9 8h1v1H9z'/%3E%3Cpath fill='%23976a07' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2z'/%3E%3Cpath fill='%23090909' d='M3 3h5v1H3zM3 4h1v1H3zM3 5h1v1H3zM3 6h1v1H3zM3 7h1v1H3z'/%3E%3Cpath fill='%23543b0b' d='M8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8zM1 9h9v1H1z'/%3E%3Cpath fill='%23120d09' d='M4 4h3v1H4z'/%3E%3Cpath fill='%23684a0a' d='M7 4h1v1H7zM7 5h1v1H7zM7 6h1v1H7zM4 7h4v1H4z'/%3E%3Cpath fill='%2336270b' d='M2 8h7v1H2z'/%3E%3C/svg%3E"); --wellhd-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M1 0h9v1H1zM0 1h1v1H0zM10 1h1v1H10zM0 2h1v1H0zM10 2h1v1H10zM0 3h1v1H0zM10 3h1v1H10zM0 4h1v1H0zM10 4h1v1H10zM0 5h1v1H0zM10 5h1v1H10zM0 6h1v1H0zM10 6h1v1H10zM0 7h1v1H0zM10 7h1v1H10zM0 8h1v1H0zM10 8h1v1H10zM0 9h1v1H0zM10 9h1v1H10zM1 10h9v1H1z'/%3E%3Cpath fill='%23ff4d3d' d='M1 1h9v1H1z'/%3E%3Cpath fill='%23c33e31' d='M1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1z'/%3E%3Cpath fill='%239c2b1f' d='M2 2h7v1H2z'/%3E%3Cpath fill='%23591813' d='M9 2h1v1H9zM9 3h1v1H9zM7 4h1v1H7zM9 4h1v1H9zM7 5h1v1H7zM9 5h1v1H9zM7 6h1v1H7zM9 6h1v1H9zM4 7h4v1H4zM9 7h1v1H9zM9 8h1v1H9z'/%3E%3Cpath fill='%23771713' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2z'/%3E%3Cpath fill='%23090909' d='M3 3h5v1H3zM3 4h1v1H3zM3 5h1v1H3zM3 6h1v1H3zM3 7h1v1H3z'/%3E%3Cpath fill='%23461709' d='M8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8zM1 9h9v1H1z'/%3E%3Cpath fill='%23120d09' d='M4 4h3v1H4z'/%3E%3Cpath fill='%23270b08' d='M2 8h7v1H2z'/%3E%3C/svg%3E"); --case:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' shape-rendering='crispEdges'%3E%3Cpath fill='%23111111' d='M1 0h24v1H1zM0 1h1v1H0zM25 1h1v1H25zM0 2h1v1H0zM2 2h1v1H2zM24 2h1v1H24zM25 2h1v1H25zM0 3h1v1H0zM25 3h1v1H25zM0 4h1v1H0zM3 4h1v1H3zM22 4h1v1H22zM25 4h1v1H25zM0 5h1v1H0zM3 5h1v1H3zM22 5h1v1H22zM25 5h1v1H25zM0 6h1v1H0zM3 6h1v1H3zM22 6h1v1H22zM25 6h1v1H25zM0 7h1v1H0zM3 7h1v1H3zM22 7h1v1H22zM25 7h1v1H25zM0 8h1v1H0zM3 8h1v1H3zM22 8h1v1H22zM25 8h1v1H25zM0 9h1v1H0zM3 9h1v1H3zM22 9h1v1H22zM25 9h1v1H25zM0 10h1v1H0zM3 10h1v1H3zM22 10h1v1H22zM25 10h1v1H25zM0 11h1v1H0zM3 11h1v1H3zM22 11h1v1H22zM25 11h1v1H25zM0 12h1v1H0zM3 12h1v1H3zM22 12h1v1H22zM25 12h1v1H25zM0 13h1v1H0zM3 13h1v1H3zM22 13h1v1H22zM25 13h1v1H25zM0 14h1v1H0zM3 14h1v1H3zM22 14h1v1H22zM25 14h1v1H25zM0 15h1v1H0zM3 15h1v1H3zM22 15h1v1H22zM25 15h1v1H25zM0 16h1v1H0zM3 16h1v1H3zM22 16h1v1H22zM25 16h1v1H25zM0 17h1v1H0zM3 17h1v1H3zM22 17h1v1H22zM25 17h1v1H25zM0 18h1v1H0zM3 18h1v1H3zM22 18h1v1H22zM25 18h1v1H25zM0 19h1v1H0zM3 19h1v1H3zM22 19h1v1H22zM25 19h1v1H25zM0 20h1v1H0zM3 20h1v1H3zM22 20h1v1H22zM25 20h1v1H25zM0 21h1v1H0zM3 21h1v1H3zM22 21h1v1H22zM25 21h1v1H25zM0 22h1v1H0zM3 22h20v1H3zM25 22h1v1H25zM0 23h1v1H0zM25 23h1v1H25zM0 24h1v1H0zM2 24h1v1H2zM24 24h1v1H24zM25 24h1v1H25zM1 25h24v1H1z'/%3E%3Cpath fill='%23c6cbd4' d='M1 1h1v1H1zM23 1h1v1H23zM1 23h1v1H1zM23 23h1v1H23z'/%3E%3Cpath fill='%23686c73' d='M2 1h1v1H2zM24 1h1v1H24zM1 2h1v1H1zM3 2h10v1H3zM14 2h1v1H14zM16 2h7v1H16zM23 2h1v1H23zM1 13h1v1H1zM1 19h1v1H1zM2 23h1v1H2zM24 23h1v1H24zM1 24h1v1H1zM23 24h1v1H23z'/%3E%3Cpath fill='%238b8b8b' d='M3 1h19v1H3zM13 2h1v1H13zM15 2h1v1H15z'/%3E%3Cpath fill='%23a8a7a7' d='M22 1h1v1H22z'/%3E%3Cpath fill='%235a6167' d='M1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1zM1 9h1v1H1zM1 10h1v1H1zM1 11h1v1H1zM1 12h1v1H1zM1 14h1v1H1zM1 15h1v1H1zM1 16h1v1H1zM1 17h1v1H1zM1 18h1v1H1zM1 20h1v1H1zM1 21h1v1H1zM1 22h1v1H1z'/%3E%3Cpath fill='%2349525a' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2zM2 8h1v1H2zM2 9h1v1H2zM2 10h1v1H2zM2 11h1v1H2zM2 12h1v1H2zM2 13h1v1H2zM2 14h1v1H2zM2 15h1v1H2zM2 16h1v1H2zM2 17h1v1H2zM2 18h1v1H2zM2 19h1v1H2zM2 20h1v1H2zM2 21h1v1H2zM2 22h1v1H2z'/%3E%3Cpath fill='%23090909' d='M3 3h20v1H3z'/%3E%3Cpath fill='%232b3337' d='M23 3h1v1H23zM23 4h1v1H23zM23 5h1v1H23zM23 6h1v1H23zM23 7h1v1H23zM23 8h1v1H23zM23 9h1v1H23zM23 10h1v1H23zM23 11h1v1H23zM23 12h1v1H23zM23 13h1v1H23zM23 14h1v1H23zM23 15h1v1H23zM23 16h1v1H23zM23 17h1v1H23zM23 18h1v1H23zM23 19h1v1H23zM23 20h1v1H23zM23 21h1v1H23zM23 22h1v1H23z'/%3E%3Cpath fill='%23272b34' d='M24 3h1v1H24zM24 4h1v1H24zM24 5h1v1H24zM24 6h1v1H24zM24 7h1v1H24zM24 8h1v1H24zM24 9h1v1H24zM24 10h1v1H24zM24 11h1v1H24zM24 12h1v1H24zM24 13h1v1H24zM24 14h1v1H24zM24 15h1v1H24zM24 16h1v1H24zM24 17h1v1H24zM24 18h1v1H24zM24 19h1v1H24zM24 20h1v1H24zM24 21h1v1H24zM24 22h1v1H24z'/%3E%3Cpath fill='%230c0d12' d='M4 4h18v1H4z'/%3E%3Cpath fill='%231c2227' d='M3 23h20v1H3z'/%3E%3Cpath fill='%23171717' d='M3 24h20v1H3z'/%3E%3C/svg%3E"); --case-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' shape-rendering='crispEdges'%3E%3Cpath fill='%2325180c' d='M1 0h24v1H1zM0 1h1v1H0zM25 1h1v1H25zM0 2h1v1H0zM2 2h1v1H2zM24 2h1v1H24zM25 2h1v1H25zM0 3h1v1H0zM25 3h1v1H25zM0 4h1v1H0zM3 4h1v1H3zM22 4h1v1H22zM25 4h1v1H25zM0 5h1v1H0zM3 5h1v1H3zM22 5h1v1H22zM25 5h1v1H25zM0 6h1v1H0zM3 6h1v1H3zM22 6h1v1H22zM25 6h1v1H25zM0 7h1v1H0zM3 7h1v1H3zM22 7h1v1H22zM25 7h1v1H25zM0 8h1v1H0zM3 8h1v1H3zM22 8h1v1H22zM25 8h1v1H25zM0 9h1v1H0zM3 9h1v1H3zM22 9h1v1H22zM25 9h1v1H25zM0 10h1v1H0zM3 10h1v1H3zM22 10h1v1H22zM25 10h1v1H25zM0 11h1v1H0zM3 11h1v1H3zM22 11h1v1H22zM25 11h1v1H25zM0 12h1v1H0zM3 12h1v1H3zM22 12h1v1H22zM25 12h1v1H25zM0 13h1v1H0zM3 13h1v1H3zM22 13h1v1H22zM25 13h1v1H25zM0 14h1v1H0zM3 14h1v1H3zM22 14h1v1H22zM25 14h1v1H25zM0 15h1v1H0zM3 15h1v1H3zM22 15h1v1H22zM25 15h1v1H25zM0 16h1v1H0zM3 16h1v1H3zM22 16h1v1H22zM25 16h1v1H25zM0 17h1v1H0zM3 17h1v1H3zM22 17h1v1H22zM25 17h1v1H25zM0 18h1v1H0zM3 18h1v1H3zM22 18h1v1H22zM25 18h1v1H25zM0 19h1v1H0zM3 19h1v1H3zM22 19h1v1H22zM25 19h1v1H25zM0 20h1v1H0zM3 20h1v1H3zM22 20h1v1H22zM25 20h1v1H25zM0 21h1v1H0zM3 21h1v1H3zM22 21h1v1H22zM25 21h1v1H25zM0 22h1v1H0zM3 22h20v1H3zM25 22h1v1H25zM0 23h1v1H0zM25 23h1v1H25zM0 24h1v1H0zM2 24h1v1H2zM24 24h1v1H24zM25 24h1v1H25zM1 25h24v1H1z'/%3E%3Cpath fill='%23fee7a8' d='M1 1h1v1H1zM22 1h1v1H22zM23 1h1v1H23zM1 23h1v1H1zM23 23h1v1H23z'/%3E%3Cpath fill='%23ad8925' d='M2 1h1v1H2zM24 1h1v1H24zM1 2h1v1H1zM23 2h1v1H23zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1zM1 9h1v1H1zM1 10h1v1H1zM1 11h1v1H1zM1 12h1v1H1zM1 14h1v1H1zM1 15h1v1H1zM1 16h1v1H1zM1 17h1v1H1zM1 18h1v1H1zM1 20h1v1H1zM1 21h1v1H1zM1 22h1v1H1zM2 23h1v1H2zM24 23h1v1H24zM1 24h1v1H1zM23 24h1v1H23z'/%3E%3Cpath fill='%23fec847' d='M3 1h19v1H3zM13 2h1v1H13zM15 2h1v1H15z'/%3E%3Cpath fill='%23e49d28' d='M3 2h10v1H3zM14 2h1v1H14zM16 2h7v1H16zM1 13h1v1H1zM1 19h1v1H1z'/%3E%3Cpath fill='%23976a07' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2zM2 8h1v1H2zM2 9h1v1H2zM2 10h1v1H2zM2 11h1v1H2zM2 12h1v1H2zM2 13h1v1H2zM2 14h1v1H2zM2 15h1v1H2zM2 16h1v1H2zM2 17h1v1H2zM2 18h1v1H2zM2 19h1v1H2zM2 20h1v1H2zM2 21h1v1H2zM2 22h1v1H2z'/%3E%3Cpath fill='%2318130c' d='M3 3h20v1H3z'/%3E%3Cpath fill='%23775527' d='M23 3h1v1H23zM23 4h1v1H23zM23 5h1v1H23zM23 6h1v1H23zM23 7h1v1H23zM23 8h1v1H23zM23 9h1v1H23zM23 10h1v1H23zM23 11h1v1H23zM23 12h1v1H23zM23 13h1v1H23zM23 14h1v1H23zM23 15h1v1H23zM23 16h1v1H23zM23 17h1v1H23zM23 18h1v1H23zM23 19h1v1H23zM23 20h1v1H23zM23 21h1v1H23zM23 22h1v1H23z'/%3E%3Cpath fill='%23684a0a' d='M24 3h1v1H24zM24 4h1v1H24zM24 5h1v1H24zM24 6h1v1H24zM24 7h1v1H24zM24 8h1v1H24zM24 9h1v1H24zM24 10h1v1H24zM24 11h1v1H24zM24 12h1v1H24zM24 13h1v1H24zM24 14h1v1H24zM24 15h1v1H24zM24 16h1v1H24zM24 17h1v1H24zM24 18h1v1H24zM24 19h1v1H24zM24 20h1v1H24zM24 21h1v1H24zM24 22h1v1H24z'/%3E%3Cpath fill='%23120d09' d='M4 4h18v1H4z'/%3E%3Cpath fill='%23543b0b' d='M3 23h20v1H3z'/%3E%3Cpath fill='%2336270b' d='M3 24h20v1H3z'/%3E%3C/svg%3E"); --case-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' shape-rendering='crispEdges'%3E%3Cpath fill='%23270b08' d='M1 0h24v1H1zM0 1h1v1H0zM25 1h1v1H25zM0 2h1v1H0zM2 2h1v1H2zM24 2h1v1H24zM25 2h1v1H25zM0 3h1v1H0zM25 3h1v1H25zM0 4h1v1H0zM3 4h1v1H3zM22 4h1v1H22zM25 4h1v1H25zM0 5h1v1H0zM3 5h1v1H3zM22 5h1v1H22zM25 5h1v1H25zM0 6h1v1H0zM3 6h1v1H3zM22 6h1v1H22zM25 6h1v1H25zM0 7h1v1H0zM3 7h1v1H3zM22 7h1v1H22zM25 7h1v1H25zM0 8h1v1H0zM3 8h1v1H3zM22 8h1v1H22zM25 8h1v1H25zM0 9h1v1H0zM3 9h1v1H3zM22 9h1v1H22zM25 9h1v1H25zM0 10h1v1H0zM3 10h1v1H3zM22 10h1v1H22zM25 10h1v1H25zM0 11h1v1H0zM3 11h1v1H3zM22 11h1v1H22zM25 11h1v1H25zM0 12h1v1H0zM3 12h1v1H3zM22 12h1v1H22zM25 12h1v1H25zM0 13h1v1H0zM3 13h1v1H3zM22 13h1v1H22zM25 13h1v1H25zM0 14h1v1H0zM3 14h1v1H3zM22 14h1v1H22zM25 14h1v1H25zM0 15h1v1H0zM3 15h1v1H3zM22 15h1v1H22zM25 15h1v1H25zM0 16h1v1H0zM3 16h1v1H3zM22 16h1v1H22zM25 16h1v1H25zM0 17h1v1H0zM3 17h1v1H3zM22 17h1v1H22zM25 17h1v1H25zM0 18h1v1H0zM3 18h1v1H3zM22 18h1v1H22zM25 18h1v1H25zM0 19h1v1H0zM3 19h1v1H3zM22 19h1v1H22zM25 19h1v1H25zM0 20h1v1H0zM3 20h1v1H3zM22 20h1v1H22zM25 20h1v1H25zM0 21h1v1H0zM3 21h1v1H3zM22 21h1v1H22zM25 21h1v1H25zM0 22h1v1H0zM3 22h20v1H3zM25 22h1v1H25zM0 23h1v1H0zM25 23h1v1H25zM0 24h1v1H0zM2 24h1v1H2zM3 24h20v1H3zM24 24h1v1H24zM25 24h1v1H25zM1 25h24v1H1z'/%3E%3Cpath fill='%23d9af9f' d='M1 1h1v1H1zM22 1h1v1H22zM23 1h1v1H23zM1 23h1v1H1zM23 23h1v1H23z'/%3E%3Cpath fill='%239c2b1f' d='M2 1h1v1H2zM24 1h1v1H24zM1 2h1v1H1zM3 2h10v1H3zM14 2h1v1H14zM16 2h7v1H16zM23 2h1v1H23zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM1 7h1v1H1zM1 8h1v1H1zM1 9h1v1H1zM1 10h1v1H1zM1 11h1v1H1zM1 12h1v1H1zM1 13h1v1H1zM1 14h1v1H1zM1 15h1v1H1zM1 16h1v1H1zM1 17h1v1H1zM1 18h1v1H1zM1 19h1v1H1zM1 20h1v1H1zM1 21h1v1H1zM1 22h1v1H1zM2 23h1v1H2zM24 23h1v1H24zM1 24h1v1H1zM23 24h1v1H23z'/%3E%3Cpath fill='%23c33e31' d='M3 1h19v1H3zM13 2h1v1H13zM15 2h1v1H15z'/%3E%3Cpath fill='%23771713' d='M2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM2 6h1v1H2zM2 7h1v1H2zM2 8h1v1H2zM2 9h1v1H2zM2 10h1v1H2zM2 11h1v1H2zM2 12h1v1H2zM2 13h1v1H2zM2 14h1v1H2zM2 15h1v1H2zM2 16h1v1H2zM2 17h1v1H2zM2 18h1v1H2zM2 19h1v1H2zM2 20h1v1H2zM2 21h1v1H2zM2 22h1v1H2z'/%3E%3Cpath fill='%23120d09' d='M3 3h20v1H3zM4 4h18v1H4z'/%3E%3Cpath fill='%23461709' d='M23 3h1v1H23zM23 4h1v1H23zM23 5h1v1H23zM23 6h1v1H23zM23 7h1v1H23zM23 8h1v1H23zM23 9h1v1H23zM23 10h1v1H23zM23 11h1v1H23zM23 12h1v1H23zM23 13h1v1H23zM23 14h1v1H23zM23 15h1v1H23zM23 16h1v1H23zM23 17h1v1H23zM23 18h1v1H23zM23 19h1v1H23zM23 20h1v1H23zM23 21h1v1H23zM23 22h1v1H23zM3 23h20v1H3z'/%3E%3Cpath fill='%23591813' d='M24 3h1v1H24zM24 4h1v1H24zM24 5h1v1H24zM24 6h1v1H24zM24 7h1v1H24zM24 8h1v1H24zM24 9h1v1H24zM24 10h1v1H24zM24 11h1v1H24zM24 12h1v1H24zM24 13h1v1H24zM24 14h1v1H24zM24 15h1v1H24zM24 16h1v1H24zM24 17h1v1H24zM24 18h1v1H24zM24 19h1v1H24zM24 20h1v1H24zM24 21h1v1H24zM24 22h1v1H24z'/%3E%3C/svg%3E"); --glare:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='438' height='200' shape-rendering='crispEdges'%3E%3Cpath fill='%23181b23' d='M10 0h14v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2zM34 0h4v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2z'/%3E%3C/svg%3E"); --glare-warm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='438' height='200' shape-rendering='crispEdges'%3E%3Cpath fill='%23120d09' d='M10 0h14v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2zM34 0h4v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2z'/%3E%3C/svg%3E"); --glare-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='438' height='200' shape-rendering='crispEdges'%3E%3Cpath fill='%23270b08' d='M10 0h14v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2zM34 0h4v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2z'/%3E%3C/svg%3E"); --glare-amb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='438' height='200' shape-rendering='crispEdges'%3E%3Cpath fill='%2318130c' d='M10 0h14v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h1v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2zM34 0h4v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h2v1h1v1h2v1h2v1h2v1h0v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2v-1h-2z'/%3E%3C/svg%3E"); --glare-size:calc(var(--px)*438) calc(var(--px)*200); --ledgrid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%230c0d12' d='M0 0h1v1H0z'/%3E%3Cpath fill='%23090909' d='M1 0h1v1H1zM0 1h2v1H0z'/%3E%3C/svg%3E"); --rail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='3' shape-rendering='crispEdges'%3E%3Cpath fill='%23363a43' d='M0 0h15v1H0zM17 0h15v1H17z'/%3E%3Cpath fill='%238b8b8b' d='M15 0h1v1H15z'/%3E%3Cpath fill='%2349525a' d='M16 0h1v1H16zM15 1h1v1H15z'/%3E%3Cpath fill='%231c2227' d='M0 1h15v1H0zM17 1h15v1H17z'/%3E%3Cpath fill='%23111111' d='M16 1h1v1H16z'/%3E%3Cpath fill='%230a0a0a' d='M0 2h32v1H0z'/%3E%3C/svg%3E"); --strip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%23111111' d='M1 0h7v1H1z'/%3E%3Cpath fill='%231c2227' d='M0 1h1v1H0zM0 2h1v1H0zM0 3h1v1H0zM0 4h1v1H0zM0 5h1v1H0zM0 6h1v1H0zM0 7h1v1H0z'/%3E%3Cpath fill='%23090909' d='M1 1h7v1H1zM1 2h1v1H1zM7 2h1v1H7zM1 3h1v1H1zM7 3h1v1H7zM1 4h1v1H1zM7 4h1v1H7zM1 5h1v1H1zM7 5h1v1H7zM1 6h1v1H1zM7 6h1v1H7zM1 7h7v1H1z'/%3E%3Cpath fill='%232b3337' d='M8 1h1v1H8zM8 2h1v1H8zM8 3h1v1H8zM8 4h1v1H8zM8 5h1v1H8zM8 6h1v1H8zM8 7h1v1H8z'/%3E%3Cpath fill='%230c0d12' d='M2 2h5v1H2zM2 3h5v1H2zM2 4h2v1H2zM5 4h2v1H5zM2 5h5v1H2zM2 6h5v1H2z'/%3E%3Cpath fill='%23565c66' d='M1 8h7v1H1z'/%3E%3C/svg%3E"); --brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='13' shape-rendering='crispEdges'%3E%3Cpath fill='%23181b23' d='M0 0h1v1H0zM2 1h1v1H2zM20 1h1v1H20zM22 2h3v1H22zM27 2h1v1H27zM29 2h1v1H29zM31 2h1v1H31zM14 3h1v1H14zM22 3h1v1H22zM26 3h1v1H26zM28 3h1v1H28zM36 3h1v1H36zM7 4h1v1H7zM25 4h1v1H25zM35 5h1v1H35zM21 6h1v1H21zM31 6h1v1H31zM2 7h1v1H2zM7 7h1v1H7zM3 8h1v1H3zM15 8h1v1H15zM17 8h1v1H17zM26 8h1v1H26zM29 8h2v1H29zM27 9h1v1H27zM12 10h1v1H12zM31 10h1v1H31zM8 11h1v1H8zM28 11h1v1H28zM34 11h1v1H34zM5 12h2v1H5zM22 12h1v1H22zM33 12h2v1H33z'/%3E%3Cpath fill='%231c2227' d='M1 0h2v1H1zM4 0h2v1H4zM7 0h30v1H7zM0 1h2v1H0zM3 1h17v1H3zM21 1h5v1H21zM35 1h2v1H35zM0 2h8v1H0zM9 2h13v1H9zM25 2h2v1H25zM28 2h1v1H28zM30 2h1v1H30zM32 2h5v1H32zM0 3h5v1H0zM6 3h8v1H6zM15 3h7v1H15zM23 3h3v1H23zM27 3h1v1H27zM29 3h7v1H29zM0 4h7v1H0zM8 4h1v1H8zM10 4h6v1H10zM18 4h1v1H18zM20 4h5v1H20zM26 4h9v1H26zM36 4h1v1H36zM0 5h19v1H0zM28 5h7v1H28zM36 5h1v1H36zM0 6h21v1H0zM22 6h9v1H22zM32 6h5v1H32zM0 7h2v1H0zM3 7h4v1H3zM8 7h5v1H8zM14 7h23v1H14zM0 8h3v1H0zM4 8h11v1H4zM16 8h1v1H16zM19 8h7v1H19zM27 8h2v1H27zM31 8h2v1H31zM34 8h3v1H34zM1 9h1v1H1zM3 9h9v1H3zM21 9h6v1H21zM28 9h9v1H28zM0 10h12v1H0zM13 10h18v1H13zM32 10h5v1H32zM0 11h8v1H0zM9 11h14v1H9zM24 11h4v1H24zM29 11h5v1H29zM35 11h2v1H35zM0 12h5v1H0zM7 12h15v1H7zM23 12h10v1H23zM36 12h1v1H36z'/%3E%3Cpath fill='%23272b34' d='M3 0h1v1H3zM6 0h1v1H6zM26 1h9v1H26zM8 2h1v1H8zM5 3h1v1H5zM9 4h1v1H9zM16 4h2v1H16zM19 4h1v1H19zM35 4h1v1H35zM19 5h9v1H19zM13 7h1v1H13zM18 8h1v1H18zM33 8h1v1H33zM0 9h1v1H0zM2 9h1v1H2zM12 9h9v1H12zM23 11h1v1H23zM35 12h1v1H35z'/%3E%3C/svg%3E"); } /* hd tiles: end */ /* ---------- type ---------- */ .t1{font-family:var(--display);font-weight:400;font-size:var(--t1);line-height:calc(var(--px)*10);letter-spacing:0} .t2{font-family:var(--display);font-weight:400;font-size:var(--t2);line-height:calc(var(--px)*18);letter-spacing:0} .t3{font-family:var(--display);font-weight:400;font-size:var(--t3);line-height:calc(var(--px)*26);letter-spacing:0} .sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* ---------- frames ---------- */ .fr{border:var(--b2) solid transparent;border-image:var(--fr-board) 2 / var(--b2) stretch;background:var(--p) padding-box} .fr.steel{border-image-source:var(--fr-steel)} .fr.inset{border-image-source:var(--fr-inset)} .fr.amber{border-image-source:var(--fr-amber)} .fr.gold{border-image-source:var(--fr-gold)} .fr.red{border-image-source:var(--fr-red)} /* ---------- board: a panel bolted to the wall. A steel case 4 px proud of the box (the B1 board's housing: an outer dark ring, a bevel lit on top and left, an inner dark lip, a rivet in each corner) round smoked glass with a glare across it. Over a scene the art draws the case instead (index.html, .level.hdfit) ---------- */ .board{position:relative;border:var(--b2) solid transparent;border-image:var(--housing) 4 / calc(var(--px)*4) / calc(var(--px)*4) repeat; background:var(--glare) left top / var(--glare-size) no-repeat,#0d1115;background-clip:border-box; box-shadow:inset 0 var(--px) 0 #090909;padding:calc(var(--px)*8)} /* ---------- plate: a stamped steel tag: notched ink, a lit top edge, two rivets. Nothing on the site wears it now (the owner: the floors' signs are the boards' glass panels, index.html .hpanel); only the HD radio room pilot page (hd-radio.html) still does. Every label is glow text (below) or a glass panel ---------- */ .plate{display:inline-flex;align-items:center;gap:calc(var(--px)*4);margin:0;background:#2b3337;border-top:var(--px) solid transparent; border-image:var(--tag) 3 / calc(var(--px)*3) / var(--px) stretch; font-family:var(--display);font-weight:400;font-size:var(--t1);line-height:calc(var(--px)*8);letter-spacing:0;color:var(--fg);text-shadow:0 var(--px) 0 #0a0a0a; padding:calc(var(--px)*2) calc(var(--px)*6) calc(var(--px)*4);text-transform:uppercase;position:relative} /* the caps sit on the font's baseline, low in the line: one art pixel more below than above centres them on the tag's face (the owner) */ .plate b{color:var(--amb);font-weight:400} .plate::before,.plate::after{content:"";position:absolute;top:calc(50% - var(--px));width:var(--b2);height:var(--b2);background:var(--rivet) 0 0 / 100% 100%} .plate::before{left:var(--b2)} .plate::after{right:var(--b2)} /* ---------- glow text: a label as calm lit letters, no box and no rivets (the owner, 9 Oct: "I hate those metal panels now"; the stamped tags above stay only on the floors' signs). The display font, white with the amber word, the soft text glow and a one pixel shadow under the letters so they read on the art. A label keeps the box it had, so nothing moves ---------- */ .glowtext{font-family:var(--display);font-weight:400;font-size:var(--t1);line-height:calc(var(--px)*8);letter-spacing:0;text-transform:uppercase;color:var(--fg); text-shadow:0 var(--px) 0 #0a0a0a,var(--glow-w)} .glowtext b{color:var(--amb);font-weight:400;text-shadow:0 var(--px) 0 #0a0a0a,var(--glow-a)} /* ---------- buttons: keys. A key sits 2 px proud of its box: notched ink, a lit top edge and left side, the shaded right side, a row of thickness under the face; amber keys glow on two rings. Pressed, the key sinks a pixel (its top drops, its base stays). Asleep (disabled), the amber key's bulb is off and the steel goes dull. Every state keeps the box ---------- */ .pbtn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--px)*3); font-family:var(--display);font-weight:400;font-size:var(--t1);line-height:calc(var(--px)*8);letter-spacing:0;text-transform:uppercase;text-decoration:none; color:var(--k);cursor:pointer;border:var(--b2) solid transparent;border-image:var(--key-light) 4 4 5 4 / var(--kw) / var(--ko) stretch;background:var(--fg) padding-box; padding:calc(var(--px)*2) calc(var(--px)*6) calc(var(--px)*4);min-height:calc(var(--px)*18);white-space:nowrap} /* the caps sit low on the font's baseline: one art pixel more below than above centres them on the key's face (the owner) */ .pbtn:hover{border-image-source:var(--key-amb);background-color:var(--amb)} .pbtn:active{transform:translateY(var(--px));border-image-source:var(--key-lightP);background-color:#c8c8c8} .pbtn.amb{border-image-source:var(--key-amb);background-color:var(--amb);color:var(--k)} .pbtn.amb:hover{border-image-source:var(--key-ambH);background-color:#fec847} .pbtn.amb:active{border-image-source:var(--key-ambP);background-color:#e49e01} .pbtn.ghost{border-image-source:var(--key-ghost);background-color:#2b3337;color:var(--fg)} .pbtn.ghost:hover{border-image-source:var(--key-ghostH);background-color:#363a43;color:var(--amb);text-shadow:var(--glow-a)} .pbtn.ghost:active{border-image-source:var(--key-ghostP);background-color:#1c2227;color:var(--amb)} /* a screw in each corner of the face (keys tall enough for them) */ .pbtn{background-image:var(--rivet),var(--rivet),var(--rivet),var(--rivet);background-repeat:no-repeat;background-size:var(--b2) var(--b2); background-position:left var(--px) top var(--px),right var(--px) top var(--px),left var(--px) bottom var(--b2),right var(--px) bottom var(--b2);background-origin:padding-box} .pbtn.amb{background-image:var(--rivet-brass),var(--rivet-brass),var(--rivet-brass),var(--rivet-brass)} .pbtn.amb[disabled],.pbtn[disabled]{background-image:none} .pbtn.icon{padding:calc(var(--px)*3);min-width:calc(var(--px)*16)} .pbtn[disabled],.pbtn[disabled]:hover,.pbtn[disabled]:active{cursor:default;transform:none;border-image-source:var(--key-ghostOff);background-color:#171717;color:#686766;text-shadow:none} .pbtn.amb[disabled],.pbtn.amb[disabled]:hover,.pbtn.amb[disabled]:active{border-image-source:var(--key-ambOff);background-color:#48350c;color:#b37c05} :focus-visible{outline:var(--px) solid var(--amb);outline-offset:var(--px)} .pbtn:focus-visible{outline:var(--px) solid var(--amb);outline-offset:calc(var(--px)*2)} .linkbtn{background:none;border:0;padding:0;color:var(--fg);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:calc(var(--px)*6)} .linkbtn:hover{color:var(--amb)} .parr{display:inline-block;flex:0 0 auto;width:calc(var(--px)*5);height:calc(var(--px)*7);background:var(--arrow-r) center / 100% 100% no-repeat} /* ---------- switch ---------- */ .pswitch{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:calc(var(--px)*4);background:none;border:0;padding:calc(var(--px)*2);cursor:pointer; font-family:var(--display);font-size:var(--t1);line-height:calc(var(--px)*8);text-transform:uppercase;color:var(--fg)} .pswitch .track{position:relative;display:inline-block;width:calc(var(--px)*20);height:calc(var(--px)*10);border:var(--b2) solid transparent;border-image:var(--fr-inset) 2 / var(--b2) stretch;background:var(--k) padding-box} .pswitch .track::after{content:"";position:absolute;top:0;left:0;width:calc(var(--px)*6);height:calc(var(--px)*6);background:var(--g9);box-shadow:inset 0 var(--px) 0 var(--g11)} .pswitch[aria-checked="true"] .track::after{left:calc(var(--px)*10);background:var(--amb);box-shadow:inset 0 var(--px) 0 #ffd060} .pswitch[aria-checked="true"]{color:var(--amb)} /* ---------- segmented tabs (a radio group bound to a native select) ---------- */ .tabs{display:flex;flex-wrap:wrap;gap:0} .tabs button{-webkit-appearance:none;appearance:none;font-family:var(--display);font-size:var(--t1);line-height:calc(var(--px)*8);text-transform:uppercase;color:var(--mu);cursor:pointer; border:var(--b2) solid transparent;border-image:var(--fr-board) 2 / var(--b2) stretch;background:var(--p) padding-box;padding:calc(var(--px)*4) calc(var(--px)*5);margin-right:calc(var(--px)*-1);white-space:nowrap} .tabs button i{font-style:normal;color:var(--mu);font-family:var(--mono);font-size:calc(var(--px)*5.5);margin-left:calc(var(--px)*2)} .tabs button:hover{color:var(--fg)} .tabs button[aria-checked="true"]{border-image-source:var(--fr-light);background-color:var(--fg);color:var(--k);position:relative;z-index:1} .tabs button[aria-checked="true"] i{color:#3a3a3a} /* ---------- inputs: LCD fields and pixel selects ---------- */ .lcd{display:block;width:100%;min-width:0;background:var(--k) padding-box;border:var(--b2) solid transparent;border-image:var(--well) 3 / calc(var(--px)*3) / var(--px) stretch;border-radius:0; color:var(--amb);caret-color:var(--amb);font-family:var(--mono);font-size:calc(var(--px)*7);font-variant-numeric:tabular-nums;padding:calc(var(--px)*4) calc(var(--px)*5);min-height:calc(var(--px)*20)} .lcd::placeholder{color:var(--g7)} .lcd:hover{border-image-source:var(--well-warm)} .lcd:focus-visible{border-image-source:var(--well-amb);outline:var(--px) solid var(--amb);outline-offset:calc(var(--px)*2)} /* ---------- fader: native range, pixel slot and an amber block thumb ---------- */ input[type=range].fader{-webkit-appearance:none;appearance:none;width:100%;height:calc(var(--px)*14);background:none;margin:0;cursor:pointer} input[type=range].fader::-webkit-slider-runnable-track{height:calc(var(--px)*6);background: linear-gradient(90deg,var(--g7) var(--px),transparent 0) left top / calc((100% - var(--px)*6) / 13) 100% repeat-x, #050505;border-top:var(--px) solid #000;border-bottom:var(--px) solid var(--g6);background-origin:content-box;padding:0 calc(var(--px)*3);box-sizing:content-box} input[type=range].fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(var(--px)*6);height:calc(var(--px)*12);margin-top:calc(var(--px)*-4);background:var(--amb); border:0;border-radius:0;box-shadow:inset 0 var(--px) 0 #ffd060,inset 0 calc(var(--px)*-1) 0 var(--ambD),inset calc(var(--px)*2) 0 0 transparent; background-image:linear-gradient(var(--ambD) 0 0);background-size:var(--b2) var(--px);background-position:center;background-repeat:no-repeat} input[type=range].fader::-moz-range-track{height:calc(var(--px)*6);background:#050505;border-top:var(--px) solid #000;border-bottom:var(--px) solid var(--g6)} input[type=range].fader::-moz-range-thumb{width:calc(var(--px)*6);height:calc(var(--px)*12);background:var(--amb);border:0;border-radius:0;box-shadow:inset 0 var(--px) 0 #ffd060,inset 0 calc(var(--px)*-1) 0 var(--ambD)} input[type=range].fader:focus-visible{outline:var(--px) solid var(--amb);outline-offset:var(--px)} /* ---------- badges ---------- */ .badge{position:absolute;right:calc(var(--px)*2);bottom:calc(var(--px)*2);font-family:var(--mono);font-size:calc(var(--px)*5);line-height:1.2;letter-spacing:.06em;text-transform:uppercase;padding:calc(var(--px)*1.5) calc(var(--px)*3); background:var(--k);color:var(--fg);font-variant-numeric:tabular-nums;box-shadow:inset 0 var(--px) 0 var(--g6)} .badge.safe{color:var(--safe)} .badge.hot{color:var(--red)} .badge.amb{color:var(--amb)} /* ---------- survivor frame: whole art pixels, 32 x k ---------- */ .sframe{position:relative;display:block;width:max-content;border:var(--b2) solid transparent;border-image:var(--fr-steel) 2 / var(--b2) stretch;background:var(--g6) padding-box;line-height:0} .sframe > canvas,canvas.px{display:block;width:calc(32px * var(--sk,3));height:calc(32px * var(--sk,3));max-width:none;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--art)} .sframe.hidden{padding-top:calc(var(--px)*4);background:var(--hazard) 0 0 / calc(var(--px)*4) calc(var(--px)*4) repeat-x padding-box} .sframe.legend{border-image-source:var(--fr-gold)} .sframe.hot{border-image-source:var(--fr-red)} /* ---------- grids with fixed tracks ---------- */ .pgrid{display:grid;grid-template-columns:repeat(auto-fill,calc(32px * var(--sk,3) + var(--px)*4));gap:calc(var(--px)*4);justify-content:center} /* ---------- pipe divider ---------- */ .pipe{height:calc(var(--px)*4);background: linear-gradient(90deg,var(--g8) calc(var(--px)*2),transparent 0) 0 0 / calc(var(--px)*32) 100% repeat-x, linear-gradient(var(--g5) var(--px),var(--g4) 0 calc(var(--px)*3),var(--g3) 0)} /* ---------- reduced motion: nothing moves ---------- */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important;transition:none!important;scroll-behavior:auto!important} } /* the bar's pipe runs in front of its keys (the owner): a key's glow goes behind it and shows under it, the pipe itself unlit; on a pointer screen the bar's keys are a touch smaller (16 art pixels, phones keep 18 for the tap) */ .status::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--px)*3);z-index:2;pointer-events:none; background:var(--rail) left bottom / calc(var(--px)*32) calc(var(--px)*3) repeat-x} .status .pbtn{position:relative} @media (min-width:721px){.status .pbtn{min-height:calc(var(--px)*16);padding:calc(var(--px)*1) calc(var(--px)*5) calc(var(--px)*3)}.status .depthbtn{width:calc(var(--px)*16);height:calc(var(--px)*16);padding:0}} /* the glow carries on behind the pipe and spills a few pixels under the bar, the pipe in front of it */ .status .pbtn::before{content:"";position:absolute;left:calc(var(--px)*-2);right:calc(var(--px)*-2);top:calc(100% - var(--px)); bottom:calc((100% - var(--bar,calc(var(--px)*24))) / 2 - var(--px)*5);z-index:1;pointer-events:none;opacity:0;transition:opacity .15s steps(2); background:linear-gradient(180deg,rgba(128,88,0,.95) 0 34%,rgba(102,73,21,.85) 34% 56%,rgba(72,53,12,.7) 56% 78%,rgba(72,53,12,.32) 78% 100%)} /* Mint's glow only on hover (the owner, Fri 16 Oct: "also remove the glow from mint", "glow should be the hover") */ @keyframes keypulse{from{opacity:.68}to{opacity:.95}} .status .pbtn.amb:hover::before,.status .pbtn.amb:focus-visible::before{animation:none;opacity:1} /* and the halo round the key breathes with it: two bands just outside the key's own glow, behind the key */ .status .pbtn.amb::after{content:"";position:absolute;inset:calc(var(--px)*-4);z-index:-1;pointer-events:none;opacity:0;transition:opacity .15s steps(2); box-shadow:inset 0 0 0 var(--px) rgba(72,53,12,.5),inset 0 0 0 calc(var(--px)*2) rgba(72,53,12,.9)} .status .pbtn.amb:hover::after,.status .pbtn.amb:focus-visible::after{animation:none;opacity:1} /* and no halo on the key itself at rest (the owner, Sat 17 Oct: "there should be no glow on mint button on header", "only glow on hover of button"): the bar's Mint at rest wears the amber key without its two amber rings (--key-ambR: the bar's own dark shows there, as round the steel keys), its face, letters and rivets the same; on hover the lit key with its halo as before, on keyboard focus the halo key; a key the bar shows lit for its page (/mint) the same way. Only the bar's own keys (.bk, assets/topbar.js): every other amber key keeps its own, the coin popover's Shop in the bunker page's bar too */ /* --key-ambR's rim is the steel keys' near black, so at rest the Mint key reads exactly the size of the menu key beside it (the owner, Sat 17 Oct: "make mint button same size as drop down"; its brown rim showed against the bar a pixel round the face) */ .status .pbtn.amb.bk:not([disabled]):not(:hover):not(:focus-visible):not(:active){border-image-source:var(--key-ambR)} .status .pbtn.amb.bk[aria-current="page"]:not([disabled]):not(:hover):not(:focus-visible):not(:active){border-image-source:var(--key-ambHR)} .status .pbtn.amb.bk:not([disabled]):focus-visible:not(:hover):not(:active){border-image-source:var(--key-amb)} /* on hover the bar's Mint lights by its own lit key and its two soft rings only: no slab of glow spilling under the bar and no third box round it (the owner, Sat 17 Oct, on the live site: "glow does some wierd shit on hover") */ .status .pbtn.amb.bk:hover::before,.status .pbtn.amb.bk:focus-visible::before,.status .pbtn.amb.bk:hover::after,.status .pbtn.amb.bk:focus-visible::after{opacity:0} .status .pbtn:hover::before,.status .pbtn:focus-visible::before{opacity:1} /* the bar's steel keys (PLAY, the menu key) light on hover the way Mint does: their own lit key only, no glow spilling under the bar (the owner, Sun 18 Oct: "make it so play and drop down don't glow below the header line", "like mint does", "copy mint hover basically") */ .status .pbtn.ghost:hover::before,.status .pbtn.ghost:focus-visible::before{opacity:0} .status .pbtn[disabled]::before,.status .pbtn[disabled]:hover::before{opacity:0} @media (prefers-reduced-motion:reduce){.status .pbtn::before,.status .pbtn::after{transition:none;animation:none}} /* a dark coursed block wall behind smoked glass (the owner: "texture"): low contrast so the words and pictures lead; palette colours */ :root{--wallglass:url("data:image/svg+xml,")} /* the close key (the owner, Fri 16 Oct: "i hate the way the X looks", "just do normal X not pixelated", "so they fit well on those panels"): a clean X, two thin straight strokes in the panel's light text colour, no frame and no box; the tap target 44 CSS px round a 20 px X (its margins pull it back to the X's own size, so it sits on the title's line and the panel's padding); a soft square under it on hover, the amber ring on the keyboard's focus */ .xclose{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-12px -12px -12px 0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent} .xclose svg{display:block;width:20px;height:20px;overflow:visible} .xclose:hover{background:rgba(236,236,236,.08)} .xclose:active{background:rgba(236,236,236,.14)} .xclose:focus-visible{outline:2px solid var(--amb);outline-offset:-2px} /* WHAT IS ON A KEY IS CLEAN (the owner, Sat 17 Oct, on the stage's keys: "just use normal not pixel art for arrows move run etc", "X", "across entire platform"): an arrow, a chevron or a letter on a key is a vector shape or a plain font, drawn at the screen's own resolution, never pixel art; the key itself and the words beside it keep the kit's pixel look. The shapes are masks over currentColor (so a key's own ink, hover and lit colours carry over), each the size of the pixel glyph it replaces, so nothing moves: a solid triangle down, left and right, and a solid arrow up; a speaker, and the speaker crossed out (the music's mute key). --plain is the system's own sans, as on the stage's keys */ :root{ --plain:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif; --vg-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' preserveAspectRatio='none'%3E%3Cpath d='M0 0H10L5 6Z'/%3E%3C/svg%3E"); --vg-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' preserveAspectRatio='none'%3E%3Cpath d='M6 0V10L0 5Z'/%3E%3C/svg%3E"); --vg-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0V10L6 5Z'/%3E%3C/svg%3E"); --vg-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' preserveAspectRatio='none'%3E%3Cpath d='M5 0L10 6H6V10H4V6H0Z'/%3E%3C/svg%3E"); --vg-snd:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' preserveAspectRatio='none'%3E%3Cpath d='M0 3.2H2.6L6 0V10L2.6 6.8H0Z'/%3E%3Cpath d='M7.8 3.3Q8.9 5 7.8 6.7M9.4 1.7Q11.6 5 9.4 8.3' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"); --vg-snd-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' preserveAspectRatio='none'%3E%3Cpath d='M0 3.2H2.6L6 0V10L2.6 6.8H0Z'/%3E%3Cpath d='M7.9 3.1L11.4 6.9M11.4 3.1L7.9 6.9' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") } /* NO RIVETS ON THE KEYS (the owner, Sun 18 Oct, on the chat keys: "remove the nails from these", "messy look", then "wow those buttons look a lot better", "do the same for all small button panels"): every kit key drops its four corner rivets; the frame, face and glyphs stay */ .pbtn,.pbtn.amb,.pbtn.ghost,.pbtn.icon{background-image:none!important}