:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a0a0b;overscroll-behavior:none}body{height:100dvh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}#legend{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);text-align:center;pointer-events:none;color:#F5F2EA;opacity:.45;transition:opacity 1.2s ease;font:400 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;white-space:normal}#legend.dim{opacity:.25}#legend .touch{display:none}@media (pointer:coarse){#legend .desktop{display:none}#legend .touch{display:inline}}@media(max-width:750px){#legend{font-size:10px;bottom:calc(15px + env(safe-area-inset-bottom));letter-spacing:.09em}}#mood{position:fixed;bottom:clamp(48px,8vh,86px);left:50%;transform:translateX(-50%);color:#f5f2ea;font:400 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.26em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .4s}#mood.show{opacity:.7}#sound{position:fixed;right:24px;bottom:24px;width:23px;height:23px;padding:0;border:0;background:none;color:#f5f2ea;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s}#sound.show{opacity:.62;pointer-events:auto}#sound svg{display:block;width:100%;height:100%}#sound:focus-visible{outline:1px solid #ff5a36;outline-offset:6px}@media(prefers-reduced-motion:reduce){#mood,#sound{display:none!important}*{transition:none!important}}