html,body{margin:0;height:100%;height:100dvh;width:100%;background:#2b1d14;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
body{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
canvas{display:block;width:960px;height:540px;image-rendering:auto}
#fs{position:fixed;top:6px;right:6px;z-index:8;background:rgba(43,29,20,.9);color:#f4d58d;border:2px solid #f4d58d;border-radius:8px;font:bold 13px sans-serif;padding:5px 9px}
#rotate{display:none;position:fixed;inset:0;background:#2b1d14;color:#f4d58d;font:bold 22px sans-serif;align-items:center;justify-content:center;z-index:9;text-align:center}
@media (orientation:portrait) and (max-width:820px){#rotate{display:flex}}