:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#07070a;overflow:hidden;font-family:Courier New,monospace}#frame{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#1a1320,#07070a 70%)}#frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100vw,calc(100vh * (960 / 540)));height:auto;aspect-ratio:960 / 540;image-rendering:auto;border-radius:4px}#bg{background:#000;box-shadow:0 0 0 2px #2a2230,0 24px 80px #000c,0 0 120px #781e2826}#gl,#fg{background:transparent;pointer-events:none}#needkeys{display:none}@media (hover: none) and (pointer: coarse){#needkeys{display:block;position:fixed;left:0;right:0;bottom:0;z-index:5;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));text-align:center;font:16px/1.35 Consolas,Courier New,monospace;color:#e9e4da;background:#07070aeb;pointer-events:none}}