html, body { margin: 0; height: 100%; background: #fff; overflow: hidden; overscroll-behavior: none; }
html.neg, html.neg body { background: #000; }
body { touch-action: manipulation; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; cursor: default; }
#stage { position: fixed; inset: 0; overflow: hidden; }
#layer { position: absolute; inset: 0; }
html.neg #layer { filter: invert(1); }
#layer canvas { position: absolute; left: 0; top: 0; display: block; }
#mark { position: absolute; left: 50%; top: 48.5%; height: clamp(64px, 15vmin, 170px); width: auto; transform: translate(-50%, -50%); fill: #000; pointer-events: none; }
@media (max-aspect-ratio: 20/23) { #mark { height: clamp(56px, 19vw, 100px); } }