.uku-bookshelf{--shelf-wood-hl:#f0dcb0;--shelf-wood-md:#c89a5a;--shelf-wood-dk:#9a6e35;--shelf-wood-edge:#7a5020;--paper-cream:#f4ecd6;--paper-cream-dk:#ead9b3;--paper-edge:#c9b88a;--paper-ink:#3d2e1a;--paper-ink-soft:#6b5436;position:relative;padding:15px 22px 10px;background:repeating-linear-gradient(90deg,rgba(120,80,40,0) 0,rgba(120,80,40,.05) 22px,rgba(120,80,40,.11) 23px,rgba(120,80,40,.05) 24px,rgba(120,80,40,0) 46px),linear-gradient(180deg,#d8b078 0%,#b08048 100%);border-radius:0 0 4px 4px;box-shadow:inset 12px 0 22px rgba(70,40,12,.4),inset -12px 0 22px rgba(70,40,12,.4),inset 0 14px 22px rgba(70,40,12,.45),inset 0 -10px 18px rgba(70,40,12,.3)}.uku-bookshelf-accordion>h3 a{background:linear-gradient(180deg,#c8995a 0%,#a87a3a 100%)!important;color:#1f1408!important;border-color:#8a5e2a!important;box-shadow:inset 0 1px 0 rgba(255,240,200,.55)!important;text-shadow:0 1px 0 rgba(255,240,200,.45)}.uku-bookshelf-accordion>h3 a span{color:#1f1408!important}.uku-bookshelf-accordion>h3 a:hover{color:#0f0a02!important}.uku-bookshelf__row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:15px;margin-bottom:14px;position:relative}.uku-bookshelf__row:last-child{margin-bottom:0}.uku-bookshelf__row::after{content:"";position:absolute;left:-10px;right:-10px;bottom:0;height:11px;background:linear-gradient(180deg,var(--shelf-wood-hl) 0%,#d4a878 10%,var(--shelf-wood-md) 30%,#b07a3a 60%,var(--shelf-wood-dk) 80%,var(--shelf-wood-edge) 100%);border-radius:1px;box-shadow:0 4px 6px rgba(70,40,15,.4),inset 0 1px 0 rgba(255,240,200,.7),inset 0 -1px 0 rgba(60,35,10,.45)}.uku-bookshelf__row::before{content:"";position:absolute;left:4px;right:4px;bottom:11px;height:4px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 100%);pointer-events:none}.uku-booklet{position:relative;display:flex;flex-direction:column;aspect-ratio:86 / 95;padding:7px 12px 7px 17px;text-decoration:none;color:var(--paper-ink);font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;font-stretch:85%;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2090'%20fill='none'%20stroke='%23b8a075'%20stroke-width='1.8'%20opacity='0.22'%3E%3Crect%20x='26'%20y='4'%20width='8'%20height='8'%20rx='1'/%3E%3Crect%20x='28'%20y='12'%20width='4'%20height='38'%20rx='1'/%3E%3Cellipse%20cx='30'%20cy='65'%20rx='22'%20ry='22'/%3E%3Ccircle%20cx='30'%20cy='65'%20r='4'/%3E%3C/svg%3E") center 62% / 50% auto no-repeat,repeating-linear-gradient(0deg,rgba(180,150,90,0) 0,rgba(180,150,90,0) 2px,rgba(180,150,90,.04) 2px,rgba(180,150,90,.04) 3px),radial-gradient(ellipse 60% 80% at 50% 0%,rgba(255,255,240,.4),transparent),linear-gradient(135deg,rgba(255,250,230,0) 0%,rgba(180,150,90,.1) 50%,rgba(255,250,230,0) 100%),linear-gradient(180deg,var(--paper-cream) 0%,var(--paper-cream-dk) 100%);border:none;border-radius:2px 8px 8px 2px;box-shadow:inset 1px 0 0 rgba(0,0,0,.05),0 3px 5px rgba(20,10,0,.5),0 8px 18px rgba(30,15,5,.55),0 14px 30px rgba(20,10,0,.4);transition:transform 0.18s ease,box-shadow 0.18s ease;overflow:hidden}.uku-booklet::before{content:"";position:absolute;top:0;bottom:0;left:0;width:13px;background:linear-gradient(90deg,transparent 0%,transparent 69%,rgba(0,0,0,.3) 69%,rgba(0,0,0,.3) 77%,transparent 77%,transparent 100%),linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.06) 22%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.02) 62%,rgba(0,0,0,.08) 85%,rgba(0,0,0,.22) 100%),var(--binding-color,#a2321b);border-radius:2px 0 0 2px;box-shadow:inset -1px 0 1px rgba(0,0,0,.25)}.uku-booklet::after{content:"";position:absolute;top:0;bottom:0;right:0;width:8px;background:repeating-linear-gradient(90deg,#d8d2c6 0,#fafaf6 1.25px,#d8d2c6 2.5px),linear-gradient(90deg,#f4f0e8 0%,#d4cec2 100%);border-radius:0 8px 8px 0;box-shadow:inset 1px 0 1px rgba(255,255,255,.35),inset -1px 0 1px rgba(0,0,0,.15)}.uku-booklet:hover{transform:translateY(-2px);box-shadow:inset 1px 0 0 rgba(0,0,0,.05),0 5px 7px rgba(20,10,0,.55),0 12px 22px rgba(30,15,5,.6),0 18px 36px rgba(20,10,0,.45)}.uku-booklet__eyebrow{font-family:'Lobster Two',cursive;font-style:italic;font-weight:400;font-size:10px;line-height:1.05;color:var(--paper-ink-soft);text-align:center;margin:0 0 4px;position:relative;z-index:1}.uku-booklet__title{font-weight:700;font-size:12px;line-height:1.1;letter-spacing:.03em;color:rgba(61,46,26,.65);text-transform:uppercase;text-align:center;position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:auto 0}.uku-booklet--buying{--binding-color:#c69a47}.uku-booklet--starting{--binding-color:#e8956a}.uku-booklet--playing{--binding-color:#a2321b}.uku-booklet--care{--binding-color:#738a3d}.uku-booklet--further{--binding-color:#406e7a}.uku-booklet--extras{--binding-color:#8c6a72}:root[data-theme="dark"] .uku-bookshelf{--shelf-wood-hl:#5a4226;--shelf-wood-md:#3a2814;--shelf-wood-dk:#241710;--shelf-wood-edge:#180e08;background:repeating-linear-gradient(90deg,rgba(20,10,5,0) 0,rgba(20,10,5,.18) 22px,rgba(20,10,5,.32) 23px,rgba(20,10,5,.18) 24px,rgba(20,10,5,0) 46px),linear-gradient(180deg,#3a2814 0%,#1f1408 100%);box-shadow:inset 12px 0 22px rgba(0,0,0,.55),inset -12px 0 22px rgba(0,0,0,.55),inset 0 14px 22px rgba(0,0,0,.6),inset 0 -10px 18px rgba(0,0,0,.45)}:root[data-theme="dark"] .uku-bookshelf-accordion>h3 a{background:linear-gradient(180deg,#4a3520 0%,#2d1f0e 100%)!important;color:#d4b878!important;border-color:#1f1408!important;box-shadow:inset 0 1px 0 rgba(255,200,130,.1)!important;text-shadow:0 1px 0 rgba(0,0,0,.6)}:root[data-theme="dark"] .uku-bookshelf-accordion>h3 a span{color:#d4b878!important}:root[data-theme="dark"] .uku-bookshelf-accordion>h3 a:hover{color:#f0c989!important}:root[data-theme="dark"] .uku-bookshelf__row::after{background:linear-gradient(180deg,var(--shelf-wood-hl) 0%,#3a2814 10%,var(--shelf-wood-md) 30%,#2a1c10 60%,var(--shelf-wood-dk) 80%,var(--shelf-wood-edge) 100%);box-shadow:0 4px 6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,200,130,.18),inset 0 -1px 0 rgba(0,0,0,.5)}:root[data-theme="dark"] .uku-bookshelf__row::before{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 100%)}:root[data-theme="dark"] .uku-booklet{--paper-cream:#c2bba8;--paper-cream-dk:#9e9784;--paper-edge:#6e6855;--paper-ink:#2a2418;--paper-ink-soft:#4a4234;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2090'%20fill='none'%20stroke='%236e6857'%20stroke-width='1.8'%20opacity='0.28'%3E%3Crect%20x='26'%20y='4'%20width='8'%20height='8'%20rx='1'/%3E%3Crect%20x='28'%20y='12'%20width='4'%20height='38'%20rx='1'/%3E%3Cellipse%20cx='30'%20cy='65'%20rx='22'%20ry='22'/%3E%3Ccircle%20cx='30'%20cy='65'%20r='4'/%3E%3C/svg%3E") center 62% / 50% auto no-repeat,repeating-linear-gradient(0deg,rgba(45,42,32,0) 0,rgba(45,42,32,0) 2px,rgba(45,42,32,.1) 2px,rgba(45,42,32,.1) 3px),radial-gradient(ellipse 60% 80% at 50% 0%,rgba(240,238,228,.1),transparent),linear-gradient(135deg,rgba(45,42,32,0) 0%,rgba(45,42,32,.12) 50%,rgba(45,42,32,0) 100%),linear-gradient(180deg,var(--paper-cream) 0%,var(--paper-cream-dk) 100%)}:root[data-theme="dark"] .uku-booklet__title{color:rgba(42,36,24,.7)!important}:root[data-theme="dark"] .uku-booklet::after{background:repeating-linear-gradient(90deg,#807a6a 0,#a8a08c 1.25px,#807a6a 2.5px),linear-gradient(90deg,#9e9784 0%,#6e685a 100%);box-shadow:inset 1px 0 1px rgba(240,238,228,.12),inset -1px 0 1px rgba(0,0,0,.35)}:root[data-theme="dark"] .uku-booklet--buying{--binding-color:#8a6a2d}:root[data-theme="dark"] .uku-booklet--starting{--binding-color:#a86a48}:root[data-theme="dark"] .uku-booklet--playing{--binding-color:#6e2110}:root[data-theme="dark"] .uku-booklet--care{--binding-color:#4e6028}:root[data-theme="dark"] .uku-booklet--further{--binding-color:#2c4d56}:root[data-theme="dark"] .uku-booklet--extras{--binding-color:#5e464c}