*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#scene{background:#dff1fb;width:100vw;height:100dvh;display:block}#ui{pointer-events:none;position:fixed;inset:0}:root{--tb-size:76px;--tb-new-size:64px;--tb-edge:18px;--tb-green:#2e9e4f;--tb-orange:#e8862e;--tb-violet:#7b5bd6}@media (width>=768px){:root{--tb-size:88px;--tb-edge:28px}}.tb{pointer-events:auto;width:var(--tb-size);height:var(--tb-size);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:4px solid;border-radius:50%;place-items:center;padding:0;transition:transform .12s ease-out,background-color .12s ease-out;display:grid;position:absolute;box-shadow:0 6px 16px #122c4238}.tb:active{transform:scale(.9)}.tb:focus-visible{outline-offset:3px;outline:3px solid #1b3b57}.tb-ico{width:58%;height:58%;display:block}.tb-play{color:var(--tb-green);right:calc(var(--tb-edge) + env(safe-area-inset-right,0px));bottom:calc(var(--tb-edge) + env(safe-area-inset-bottom,0px))}.tb-play[data-playing=false] .tb-ico-pause,.tb-play[data-playing=true] .tb-ico-play{display:none}.tb-tool{color:var(--tb-orange);left:calc(var(--tb-edge) + env(safe-area-inset-left,0px));bottom:calc(var(--tb-edge) + env(safe-area-inset-bottom,0px))}.tb-tool[data-tool=brush] .tb-ico-eraser,.tb-tool[data-tool=eraser] .tb-ico-brush{display:none}.tb-tool[data-tool=eraser]{background:#fde3c6}.tb-new{color:var(--tb-violet);width:var(--tb-new-size);height:var(--tb-new-size);right:calc(var(--tb-edge) + env(safe-area-inset-right,0px));top:calc(var(--tb-edge) + env(safe-area-inset-top,0px));background:#ffffffd1;border-width:3px;box-shadow:0 4px 12px #122c422e}.tb-new .tb-ico{width:60%;height:60%}.tb-ring{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .12s ease-out;position:absolute;inset:0}.tb-new.is-holding{background:#efe9ff}.tb-new.is-holding .tb-ring{opacity:1}.tb-new.is-burst{animation:.6s ease-out tb-burst}@keyframes tb-burst{0%{transform:scale(.9)rotate(0)}35%{transform:scale(1.22)rotate(14deg)}70%{transform:scale(.98)rotate(-6deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.tb{transition:none}.tb-new.is-burst{animation:none}}