*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:#000;height:100%}canvas{cursor:crosshair;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}:root{--ring-size:30px;--ring-duration:.7s;--mono:ui-monospace, SFMono-Regular, monospace}.ring,.eraser{pointer-events:none;border:1px solid #fff;border-radius:50%;outline:1px solid #000;position:fixed}.ring{width:var(--ring-size);height:var(--ring-size);animation:ring-scale var(--ring-duration) ease-out forwards, ring-fade var(--ring-duration) ease-out forwards}@keyframes ring-scale{0%{transform:translate(-50%,-50%)scale(.5)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes ring-fade{0%{opacity:0}25%{opacity:1}75%{opacity:.75}to{opacity:0}}.hold{image-rendering:pixelated;pointer-events:none;position:fixed}#information,.admin-bar{color:#ccc;font:11px var(--mono);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#0009;padding:8px 12px;position:fixed;top:0;left:0}#information{pointer-events:none;text-wrap:balance}.admin canvas{cursor:none}.eraser{top:0;left:0}.admin-bar{align-items:center;gap:12px;display:flex}.admin-bar .save{color:#000;font:inherit;cursor:pointer;background:#fff;border:1px solid #fff;padding:4px 10px}.admin-bar .save:disabled{color:#777;cursor:default;background:0 0;border-color:#444}.unlock{background:#000c;border:1px solid #333;gap:8px;padding:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.unlock[hidden]{display:none}.unlock input,.unlock button{color:#ccc;font:12px var(--mono);background:#000;border:1px solid #555;padding:6px 8px}.unlock button{cursor:pointer}