/* Metallic gold accents. Angle follows --mx/--my, set by gold.js from pointer or device tilt. */
:root{--mx:.3;--my:.3;
--gold-stops:#6f5018 0%,#b8923a 14%,#fff0b0 26%,#d6ae52 38%,#7d5b1c 52%,#caa347 66%,#fff4c6 78%,#a07a2a 90%,#6f5018 100%;
--gold-paper-stops:#6b4a14 0%,#a67c2a 22%,#d2a94c 40%,#80601c 58%,#b98a2e 78%,#6b4a14 100%}
:root,.slot{--gold:linear-gradient(calc(98deg + var(--mx)*64deg + var(--my)*26deg + var(--index,0)*7deg),var(--gold-stops));
--gold-paper:linear-gradient(calc(98deg + var(--mx)*64deg + var(--my)*26deg),var(--gold-paper-stops))}

.book{border:1.5px solid transparent;background:
 linear-gradient(to bottom,transparent 22px,#c9a24a 22px,#c9a24a 23px,transparent 23px,transparent calc(100% - 23px),#c9a24a calc(100% - 23px),#c9a24a calc(100% - 22px),transparent calc(100% - 22px)) padding-box,
 linear-gradient(#1c1a17,#1c1a17) padding-box,
 var(--gold) border-box;background-origin:border-box}
.book.one:before,.book.three:after{background:var(--gold)}
.book.one:after,.book.two:after,.book.three:before{border-color:#c9a24a}
.book.two:before,.decor-2 .book-ornament{border-color:#c9a24a}
.decor-0 .book-ornament,.decor-1 .book-ornament{background:var(--gold)}
.decor-3 .book-ornament{border-color:#c9a24a}
.shelf-track{border-bottom-color:#8a6a2a}
.notches i.done{background:var(--gold)}
.shelf-board{border-bottom:2px solid transparent;border-image:var(--gold-paper) 1}
.title-motif{background:var(--gold-paper)}
.plate-corner{background:var(--gold-paper)}
.bookplate{border:1.5px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--gold-paper) border-box;background-origin:border-box;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5.5px #b58f3c}
.gold-rim{position:absolute;inset:10px;border:1.5px solid transparent;border-radius:6px 12px 12px 6px;background:var(--gold) border-box;
 -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:var(--z-border)}
@media(max-width:600px){.gold-rim{inset:3px;border-radius:0}}
@media print{.gold-rim{display:none}}

/* Book cloth, rounded edges, and gold tooling. */
.book.decor-0{--cloth:#1c1a17}.book.decor-1{--cloth:#2e1714}.book.decor-2{--cloth:#15231d}.book.decor-3{--cloth:#131a28}.book.decor-4{--cloth:#222120}
.book{background:linear-gradient(90deg,#ffffff12,transparent 24%,transparent 72%,#0005) padding-box,linear-gradient(var(--cloth),var(--cloth)) padding-box,var(--gold) border-box}
.book:before,.book:after{content:'';position:absolute;left:3px;right:3px;height:3px;border-top:1px solid #b18c40;border-bottom:1px solid #b18c40;pointer-events:none}.book:before{top:5px}.book:after{bottom:5px}