html,body{margin:0;height:100%;overflow:hidden;background:#f3e9cf;font:15px "Trebuchet MS",Verdana,sans-serif;touch-action:none}
#c{position:fixed;inset:0;width:100%;height:100%}
#hud{position:fixed;top:8px;left:8px;background:#fff8e6e6;padding:6px 10px;border-radius:10px;box-shadow:0 1px 4px #0003;color:#5a4520}
#credit{position:fixed;right:6px;bottom:2px;font-size:11px;color:#6a5532;opacity:.8}
#chat{position:fixed;left:8px;bottom:22px;display:flex;gap:4px}
#chat input{width:min(300px,60vw);padding:8px;border:1px solid #c9b68a;border-radius:10px;background:#fffdf5;font:inherit}
#chat button{border:0;border-radius:10px;background:#e9b93a;padding:0 12px;font-size:18px}
#log{position:fixed;left:8px;bottom:70px;max-width:min(340px,70vw);pointer-events:none}
#log div{background:#fff8e6e6;margin-top:3px;padding:4px 8px;border-radius:8px;color:#3d3015;font-size:14px}
#stick{position:fixed;right:24px;bottom:40px;width:120px;height:120px;border-radius:50%;background:#fff8e688;border:2px solid #c9b68a;display:none}
#stick i{position:absolute;left:40px;top:40px;width:40px;height:40px;border-radius:50%;background:#e9b93a}
@media (pointer:coarse){#stick{display:block}}