:root{color-scheme:only light}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;font-family:Cascadia Mono,Consolas,monospace}#app{position:relative;width:100%;height:100%}#canvas{width:100%;height:100%;display:block}#hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff4040f2;font-size:17px;letter-spacing:.22em;text-transform:uppercase;z-index:2;pointer-events:none;transition:opacity .6s ease;text-shadow:0 0 10px rgba(255,60,60,.95),0 0 24px rgba(255,40,40,.8),0 0 42px rgba(255,20,20,.6);animation:hintPulse 1.4s ease-in-out infinite}#hint.hidden{opacity:0;animation:none}#version{position:fixed;right:18px;bottom:16px;color:#ffffffa6;font-size:11px;letter-spacing:.08em;font-family:Cascadia Mono,Consolas,monospace;text-transform:uppercase;z-index:2;pointer-events:none;mix-blend-mode:screen;text-shadow:0 0 8px rgba(255,255,255,.35)}@keyframes hintPulse{0%{opacity:.55;text-shadow:0 0 7px rgba(255,40,40,.75),0 0 18px rgba(255,30,30,.6),0 0 32px rgba(255,20,20,.5)}50%{opacity:1;text-shadow:0 0 14px rgba(255,70,70,1),0 0 30px rgba(255,45,45,.85),0 0 52px rgba(255,25,25,.7)}to{opacity:.6;text-shadow:0 0 9px rgba(255,50,50,.8),0 0 22px rgba(255,35,35,.6),0 0 38px rgba(255,20,20,.5)}}