html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none}body{background:#b9c7c4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none}#debug{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-width:205px;padding:9px 11px;color:#eef4ee;background:#101814b8;border-radius:8px;font-size:11px;line-height:1.5;white-space:pre;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#help{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:min(330px,calc(100vw - 24px));padding:8px 10px;color:#eef4ee;background:#10181494;border-radius:7px;font-size:11px;line-height:1.4;pointer-events:none;text-align:right}@media(max-width:600px){#debug{min-width:180px;font-size:10px}#help{left:max(12px,env(safe-area-inset-left));text-align:center}}