*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050505;color:#eee;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}canvas{display:block;width:100%;height:100%;cursor:crosshair}.hud{position:fixed;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.18em;pointer-events:none}.hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;opacity:.38;white-space:nowrap;pointer-events:none}@media(max-width:600px){.hint{font-size:8px}}