html{background-color:#000;height:100%}body{background-color:#000;height:100%;margin:0;padding:0;font-family:sans-serif;overflow:hidden}#container{width:100%;height:100%;position:relative}#container>canvas{display:block}.vignette-overlay{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.quality-notice{z-index:2;color:#ffffff8c;letter-spacing:.02em;pointer-events:none;background:#00000073;border-radius:.25rem;margin:0;padding:.25rem .4rem;font-size:.625rem;position:absolute;inset-block-end:max(.75rem, env(safe-area-inset-bottom));inset-inline-start:max(.75rem, env(safe-area-inset-left))}.quality-notice[hidden]{display:none}