*{box-sizing:border-box;margin:0;padding:0}body{touch-action:none;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}#book-panel{color:#fff;z-index:10;opacity:0;background:#1a0a0a;border:1px solid #8b2500;width:600px;max-height:80vh;padding:2rem;font-family:serif;transition:opacity .5s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}canvas{display:block;position:absolute}#close-btn{cursor:pointer;z-index:10;width:50px;height:50px;position:fixed;top:1.5rem;right:1.5rem}@keyframes scribble{0%{transform:translate(-50%,-80%)translate(0)rotate(0)}25%{transform:translate(-50%,-80%)translate(2px,-1px)rotate(-10deg)}50%{transform:translate(-50%,-80%)translate(-2px,1px)rotate(10deg)}75%{transform:translate(-50%,-80%)translate(1px,-2px)rotate(-5deg)}to{transform:translate(-50%,-80%)translate(0)rotate(0)}}.pen-scribble{animation:.15s ease-in-out infinite scribble}