/* Front-facing bound books, with the rounded spine on the left as in the reference. */
#view-catalog[data-twelve] #catalogGrid .catalog-real-book{--binding:#254351}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+2){--binding:#78846a}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+3){--binding:#672327}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+4){--binding:#173f30}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+6){--binding:#99656a}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+7){--binding:#b6aa8d}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+8){--binding:#759293}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+9){--binding:#a36c2d}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n+11){--binding:#287578}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book:nth-child(12n){--binding:#66422f}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d-wrap{isolation:isolate;overflow:visible!important;perspective:none!important}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d{
 width:100%!important;transform:none!important;overflow:visible!important;translate:none!important;
 border-radius:7px 3px 2px 5px!important;background:var(--binding)!important;
 box-shadow:1px 1px 1px #31221666,4px 2px 5px #31221640,9px 6px 11px #31221628!important;
 transition:box-shadow .2s ease!important;
}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d::before{
 content:'';display:block!important;visibility:visible!important;position:absolute!important;inset:0 auto 0 0!important;
 width:clamp(9px,1.1vw,14px)!important;height:100%!important;z-index:4!important;
 background:linear-gradient(90deg,#00000070 0%,#ffffff12 18%,#ffffff55 38%,#ffffff15 65%,#00000055 100%),var(--binding)!important;
 border-radius:7px 0 0 5px!important;border:0!important;
 box-shadow:inset 1px 0 1px #ffffff70,inset 0 1px 0 #ffffff55,1px 0 2px #00000050!important;
 transform:none!important;pointer-events:none;
}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d::after{display:none!important}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .cover-face{
 inset:0 0 0 clamp(9px,1.1vw,14px)!important;width:auto!important;
 border-radius:2px 3px 2px 0!important;overflow:hidden!important;
 box-shadow:inset 1px 0 1px #00000066,inset -1px 0 0 #ffffff45!important;
}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .cover-face::after{
 content:'';display:block!important;position:absolute;inset:0;z-index:5;pointer-events:none;
 background:linear-gradient(90deg,#00000044 0,transparent 2%,#ffffff14 13%,transparent 45%,#00000012 93%,#00000030 100%);
 border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff50,inset 0 -1px 1px #281b1545;
}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d-wrap::before{
 content:'';position:absolute;left:-3%;right:-6%;bottom:-5px;height:12px;z-index:0;
 background:radial-gradient(ellipse,#38251077,transparent 70%);filter:blur(2px);pointer-events:none;
}
#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d-wrap::after{display:none!important}
@media(hover:hover){#view-catalog[data-twelve] #catalogGrid .catalog-real-book:hover .book3d{transform:none!important;translate:none!important;box-shadow:1px 1px 1px #31221666,5px 3px 7px #31221644,10px 6px 12px #31221630!important}}
@media(prefers-reduced-motion:reduce){#view-catalog[data-twelve] #catalogGrid .catalog-real-book .book3d{transition:none!important}}