:root{color-scheme:dark;font:15px system-ui,sans-serif;color:#fff}html,body{margin:0;width:100%;height:100%;overflow:hidden}html{background-color:#283730;background-repeat:repeat}canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}header{position:absolute;z-index:1;inset:8px 10px auto 68px;display:flex;align-items:center;justify-content:space-between;gap:8px}h1{margin:0;font-size:clamp(16px,3.5vw,25px)}.controls{display:flex;gap:4px}button,select{font:inherit;color:inherit;border:1px solid #ffffff65;border-radius:8px;background:#172923;padding:6px 8px;cursor:pointer}button:disabled{opacity:.45}[role=status]{position:absolute;z-index:1;left:50%;bottom:7px;transform:translate(-50%);margin:0;pointer-events:none;border-radius:6px;background:#172923;padding:4px 10px;text-align:center}[role=status]:empty{display:none}@media(max-width:540px){h1{display:none}header{justify-content:flex-end}button,select{padding:6px;font-size:12px}}