/* Inventor's field notes. The binding never fades when a leaf changes. */
#workshop .sketchBook{background-image:url('assets/book-sketch-v44-2.png');animation:none;perspective:1600px}
#workshop .sketchBook .bowSketch>canvas{image-rendering:auto;animation:none;filter:none}
#workshop .sketchBook .bowSketch strong{font-style:italic;letter-spacing:.025em}
#workshop .sketchBook .bowSketch:disabled{opacity:.78}
#workshop .sketchBook .bowSketch[aria-current=true]{opacity:1}
#workshop .sketchBook .bowSketch[data-ready=true] strong{color:#3c542f;text-decoration:underline;text-decoration-color:#76844e77;text-underline-offset:5px}
#workshop .sketchBook .bowSketch[data-ready=true]:after{content:'';position:absolute;left:1px;top:5px;width:5px;height:5px;background:#788348;border-radius:50%;box-shadow:0 0 5px #7d98524d}
#workshop .sketchBook .bookPages{z-index:2;top:18%;bottom:calc(22% + 52px)}
.sketchBook .bookPage{position:relative}
.sketchBook .sketchStats{font-style:italic}
#workshop .sketchBook .gemSockets button>span{border-radius:47% 41% 49% 43%;background:transparent;border-color:#806d4d99;box-shadow:inset 1px 0 #6e59354d}
#workshop .sketchBook .gemSockets [data-filled=true]>span,#workshop .sketchBook .gemSockets [data-ready=true]>span{background:color-mix(in srgb,var(--gem) 48%,transparent)}
.bookRibbon{position:absolute;z-index:7;pointer-events:none;left:90%;top:5.4%;width:clamp(14px,2.5%,24px);height:36%;filter:drop-shadow(2px 3px 2px #30251266);transform:rotate(-2deg);transform-origin:top center}
.bookRibbon i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#0000 0 2px,#c3c49122 2px 3px),linear-gradient(90deg,#3d4b35,#6c7751 40%,#4a583c);clip-path:polygon(0 0,100% 0,100% 100%,50% 93%,0 100%)}
.bookRibbon i:after{content:'';position:absolute;inset:4px 3px 10%;border-left:1px dashed #b9ba7d99;border-right:1px dashed #b9ba7d99}
.bookRibbon:before{content:'';position:absolute;left:0;right:0;top:-3px;height:8px;border-radius:4px 4px 0 0;background:#34412a;box-shadow:0 2px 2px #151e2277}
.paperTurn{position:absolute;z-index:5;pointer-events:none;transform-style:preserve-3d;will-change:transform}
.paperFace{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background-color:#eddfbd;background-image:url('assets/book-sketch-v44-2.png');background-size:227.273% 131.579%;background-position:89.286% 25%;border-radius:0 7px 14px 0;box-shadow:inset -2px 0 4px #8a693733,3px 5px 10px #251a1433}
.paperBack{transform:rotateY(180deg);border-radius:7px 0 0 14px;box-shadow:inset 2px 0 7px #795c3244,-3px 5px 12px #251a1438}
.paperBack{background-position:10.714% 25%}
.paperTurn[data-direction="-1"] .paperFront{background-position:10.714% 25%}
.paperTurn[data-direction="-1"] .paperBack{background-position:89.286% 25%}
.paperFace:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#61432033,transparent 20%,transparent 65%,#9d7c3833);mix-blend-mode:multiply}
.paperContent{position:absolute;display:grid;grid-template-columns:minmax(0,1fr)}
#workshop .sketchBook .paperContent .bookPage{height:100%;min-height:0}
#workshop .sketchBook[aria-busy=true] .bookPages{pointer-events:none}
#workshop .sketchBook .bookHead,#workshop .sketchBook .bookNavigation{z-index:8}
@media(orientation:portrait){.bookRibbon{left:84%;height:32%;top:6%}.paperFace{background-size:256.41% 131.579%;background-position:85.25% 25%}}
@media(prefers-reduced-motion:reduce){.paperTurn{display:none}}
[data-reduced-motion=true] .paperTurn{display:none}