*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:Arial,PingFang SC,sans-serif;overflow:hidden}#town{width:100%;height:100dvh;position:relative}canvas{width:100%;height:100%;display:block}#hint,#status{z-index:5;color:#222;pointer-events:none;background:#fffffff0;border-radius:8px;margin:0;padding:10px 14px;font-size:12px;line-height:1.5;position:fixed;left:16px}#hint{max-width:calc(100% - 32px);padding-right:14px;top:16px}#status{bottom:20px}[hidden]{display:none!important}@media (width<=600px){#hint{font-size:11px;top:auto;bottom:16px;right:16px}#status{bottom:76px}}