/* V87 — illustrated paper UI. Keeps the established room and camera layout. */
:root{--storybook-paper:#fff1d2;--storybook-ink:#5e3c22;--storybook-gold:#c48529;--storybook-corners:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20transform%3D%22rotate%280%2050%2050%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23bc802b%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2086V39Q14%2014%2039%2014H86%22/%3E%3Cpath%20d%3D%22M20%2065V39Q20%2020%2039%2020H65%22%20opacity%3D%22.45%22/%3E%3Cpath%20d%3D%22M16%2045C33%2041%2032%2028%2027%2027C19%2026%2020%2037%2029%2039M45%2016C41%2033%2028%2032%2027%2027%22/%3E%3Cpath%20d%3D%22M16%2059Q29%2051%2024%2043Q17%2045%2016%2059M59%2016Q51%2029%2043%2024Q45%2017%2059%2016%22%20fill%3D%22%23c2ad72%22%20fill-opacity%3D%22.22%22/%3E%3C/g%3E%3Cpath%20d%3D%22M41%2028A10%2010%200%201%200%2051%2041A10%2010%200%200%201%2041%2028%22%20fill%3D%22%23dda139%22/%3E%3Cpath%20d%3D%22m58%2033%202.3%205.5%205.7%201-4.3%203.8.8%205.7-4.5-3-5%202.5%201.3-5.5-4-4%205.8-.5Z%22%20fill%3D%22%23efb84f%22%20stroke%3D%22%23b5904e%22%20stroke-width%3D%22.7%22/%3E%3Cg%20fill%3D%22%23bc802b%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2253%22%20r%3D%221.3%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2224%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2269%22%20r%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20transform%3D%22rotate%2890%2050%2050%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23bc802b%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2086V39Q14%2014%2039%2014H86%22/%3E%3Cpath%20d%3D%22M20%2065V39Q20%2020%2039%2020H65%22%20opacity%3D%22.45%22/%3E%3Cpath%20d%3D%22M16%2045C33%2041%2032%2028%2027%2027C19%2026%2020%2037%2029%2039M45%2016C41%2033%2028%2032%2027%2027%22/%3E%3Cpath%20d%3D%22M16%2059Q29%2051%2024%2043Q17%2045%2016%2059M59%2016Q51%2029%2043%2024Q45%2017%2059%2016%22%20fill%3D%22%23c2ad72%22%20fill-opacity%3D%22.22%22/%3E%3C/g%3E%3Cpath%20d%3D%22M41%2028A10%2010%200%201%200%2051%2041A10%2010%200%200%201%2041%2028%22%20fill%3D%22%23dda139%22/%3E%3Cpath%20d%3D%22m58%2033%202.3%205.5%205.7%201-4.3%203.8.8%205.7-4.5-3-5%202.5%201.3-5.5-4-4%205.8-.5Z%22%20fill%3D%22%23efb84f%22%20stroke%3D%22%23b5904e%22%20stroke-width%3D%22.7%22/%3E%3Cg%20fill%3D%22%23bc802b%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2253%22%20r%3D%221.3%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2224%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2269%22%20r%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20transform%3D%22rotate%28180%2050%2050%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23bc802b%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2086V39Q14%2014%2039%2014H86%22/%3E%3Cpath%20d%3D%22M20%2065V39Q20%2020%2039%2020H65%22%20opacity%3D%22.45%22/%3E%3Cpath%20d%3D%22M16%2045C33%2041%2032%2028%2027%2027C19%2026%2020%2037%2029%2039M45%2016C41%2033%2028%2032%2027%2027%22/%3E%3Cpath%20d%3D%22M16%2059Q29%2051%2024%2043Q17%2045%2016%2059M59%2016Q51%2029%2043%2024Q45%2017%2059%2016%22%20fill%3D%22%23c2ad72%22%20fill-opacity%3D%22.22%22/%3E%3C/g%3E%3Cpath%20d%3D%22M41%2028A10%2010%200%201%200%2051%2041A10%2010%200%200%201%2041%2028%22%20fill%3D%22%23dda139%22/%3E%3Cpath%20d%3D%22m58%2033%202.3%205.5%205.7%201-4.3%203.8.8%205.7-4.5-3-5%202.5%201.3-5.5-4-4%205.8-.5Z%22%20fill%3D%22%23efb84f%22%20stroke%3D%22%23b5904e%22%20stroke-width%3D%22.7%22/%3E%3Cg%20fill%3D%22%23bc802b%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2253%22%20r%3D%221.3%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2224%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2269%22%20r%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20transform%3D%22rotate%28270%2050%2050%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23bc802b%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2086V39Q14%2014%2039%2014H86%22/%3E%3Cpath%20d%3D%22M20%2065V39Q20%2020%2039%2020H65%22%20opacity%3D%22.45%22/%3E%3Cpath%20d%3D%22M16%2045C33%2041%2032%2028%2027%2027C19%2026%2020%2037%2029%2039M45%2016C41%2033%2028%2032%2027%2027%22/%3E%3Cpath%20d%3D%22M16%2059Q29%2051%2024%2043Q17%2045%2016%2059M59%2016Q51%2029%2043%2024Q45%2017%2059%2016%22%20fill%3D%22%23c2ad72%22%20fill-opacity%3D%22.22%22/%3E%3C/g%3E%3Cpath%20d%3D%22M41%2028A10%2010%200%201%200%2051%2041A10%2010%200%200%201%2041%2028%22%20fill%3D%22%23dda139%22/%3E%3Cpath%20d%3D%22m58%2033%202.3%205.5%205.7%201-4.3%203.8.8%205.7-4.5-3-5%202.5%201.3-5.5-4-4%205.8-.5Z%22%20fill%3D%22%23efb84f%22%20stroke%3D%22%23b5904e%22%20stroke-width%3D%22.7%22/%3E%3Cg%20fill%3D%22%23bc802b%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2253%22%20r%3D%221.3%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2224%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2269%22%20r%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
dialog:not(#detail),.webgl-ready .landing-card{
 background-color:var(--storybook-paper)!important;
 background-image:var(--storybook-corners),radial-gradient(ellipse at 30% 0%,#fff8e7aa,transparent 70%),url("assets/paper-grain.svg")!important;
 background-position:left top,right top,right bottom,left bottom,center,center!important;
 background-size:92px 92px,92px 92px,92px 92px,92px 92px,100% 100%,180px 180px!important;
 background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat!important;
 border:3px solid #936022!important;border-radius:23px!important;
 outline:1px solid #bc9c63;outline-offset:-10px;
 box-shadow:inset 0 0 0 5px #fff6dd,inset 0 0 0 6px #d5bb86,0 7px 0 #40362532,0 22px 65px #1c202e55!important;
 color:var(--storybook-ink);scrollbar-width:thin;scrollbar-color:#b89a66 #f5ead1;
}
dialog:not(#detail){padding:48px 44px 42px!important}
dialog:not(#detail)::backdrop{background:#2025358c;backdrop-filter:blur(4px)}
dialog:not(#detail) h2{font-family:'Avenir Next Rounded Pro','Arial Rounded MT Bold',Georgia,'Songti SC',serif;color:#61492e;font-size:32px;line-height:1.3;text-shadow:0 2px #fff;letter-spacing:1px;margin:12px 0 28px;padding-right:20px}
dialog:not(#detail) h2::after{content:'';display:block;width:100%;height:12px;margin-top:18px;background:linear-gradient(90deg,transparent,#c7ab73,transparent) center/100% 1px no-repeat}
dialog:not(#detail) .eyebrow{font-size:10px;letter-spacing:2.5px;color:#94703f}
dialog:not(#detail) .close{right:18px;top:18px;width:40px;height:40px;border:3px double #b79462;background:linear-gradient(#fffdf2,#f2e1bb);box-shadow:inset 0 1px 2px #fff,0 3px 0 #b6956155,0 4px 8px #46351e22;color:#745a37;z-index:2;transition:transform .18s}
dialog:not(#detail) .close:hover{transform:rotate(8deg);background:#fffdf2}
dialog:not(#detail) label{border-bottom:1px dashed #cbb68d;padding:17px 0;color:#5e4b35}
dialog:not(#detail) input[type=range]{accent-color:#b78b48;cursor:pointer}
dialog:not(#detail) input[type=checkbox]{box-shadow:inset 0 2px 4px #54402326;border:1px solid #b8a482}
dialog:not(#detail) input[type=checkbox]:before{top:2px;left:2px;background:radial-gradient(circle at 35% 25%,#fffdf4,#e9d6ab);border:1px solid #fdf4df}
dialog:not(#detail) .primary,dialog:not(#detail) .secondary,.webgl-ready .landing-card .primary,.return-shelf{
 border:3px double #ad844b!important;background:linear-gradient(#fffcef,#f0dfb8)!important;color:#5e462b!important;
 box-shadow:inset 0 0 0 2px #fff6df,0 3px 0 #a8844e77,0 6px 10px #55402624!important;
 border-radius:28px!important;text-shadow:0 1px #fff9e8;transition:transform .18s,filter .18s;
}
dialog:not(#detail) .primary{background:linear-gradient(#fbe5ad,#ebc47f)!important}
dialog:not(#detail) .primary:hover,dialog:not(#detail) .secondary:hover,.return-shelf:hover{filter:brightness(1.04);transform:translateY(-1px)}
dialog:not(#detail) input:not([type=range]):not([type=checkbox]),dialog:not(#detail) select{background:#fffdf5;border-color:#c8b48f;box-shadow:inset 0 2px 4px #8260330b;color:#584b38}
#catalog-list{display:grid;gap:12px}.catalog-item{background:linear-gradient(115deg,#fffdf3,#f4e8ce);border:1px solid #d4bc8c;border-radius:14px;box-shadow:inset 0 0 0 3px #fff9e8,0 3px 0 #baa17a22;transition:transform .18s,box-shadow .18s}
.catalog-item:hover{background:#fffae9;transform:translateY(-2px);box-shadow:inset 0 0 0 3px #fff9e8,0 5px 10px #67482a19}.catalog-item strong{color:#604d36}.catalog-item small{display:block;line-height:1.6;color:#827051}.catalog-item img{border:1px solid #baa582}
#music .tracks button{background:linear-gradient(110deg,#fffbef,#f5e9cf);border:1px solid #cfb788;box-shadow:inset 0 0 0 3px #fffbef,0 2px 0 #b79b6726;border-radius:14px}
#music .tracks button.active{background:#f4dfad;border-color:#ad8448;box-shadow:inset 0 0 0 3px #fff3d2,0 3px 0 #b79b6744}
#music .music-disc{border:5px double #bc955b;background:radial-gradient(circle,#fff9e8 53%,#e8cf99 55%,#caa56b 58%,#f4dfb4 63%);color:#8c693b}
.webgl-ready .landing-card{background-size:65px 65px,65px 65px,65px 65px,65px 65px,100% 100%,180px 180px!important}
.webgl-ready .book-dock button{background:linear-gradient(120deg,#fffced,#f8ead1)!important;border:2px solid #c5a36d;box-shadow:inset 0 0 0 3px #fff8e8,inset 0 0 0 4px #e3cda5,0 4px 0 #9b75483d,0 8px 14px #44341e22!important;border-radius:18px;color:#60472f}
.webgl-ready .book-dock button[aria-current=true]{background:linear-gradient(120deg,#fffef2,#faeac5)!important;outline-color:#be9552}
.webgl-ready .book-dock .mini-progress{background:#e4d5b8;box-shadow:inset 0 1px 2px #85613524}.webgl-ready .book-dock .mini-progress span{background:linear-gradient(90deg,#ae813c,#e3be6d)}
.site-header nav button{box-shadow:inset 0 2px 2px #fff8e4,0 3px 0 #9c744748,0 6px 10px #45331f33!important;text-shadow:0 1px #fff5de}
@media(max-width:600px){dialog:not(#detail){padding:38px 26px 32px!important;background-size:65px 65px,65px 65px,65px 65px,65px 65px,100% 100%,180px 180px!important;border-radius:19px!important}dialog:not(#detail) h2{font-size:26px;margin-bottom:16px}dialog:not(#detail) .close{right:13px;top:13px;width:36px;height:36px}.catalog-item{gap:12px;padding:12px}.catalog-item strong{font-size:16px}.catalog-item img{width:56px;height:76px}}
@media(prefers-reduced-motion:reduce){dialog:not(#detail) *, .catalog-item,.return-shelf{transition:none!important}}

/* V98 — honey-gold scroll thumb, recessed cream track and clear rounded ends. */
dialog:not(#detail),.webgl-ready .landing-card{scrollbar-width:thin;scrollbar-color:#ad722d #efe0bc}
@supports selector(::-webkit-scrollbar){
 dialog:not(#detail),.webgl-ready .landing-card{scrollbar-width:auto;scrollbar-color:auto}
 dialog:not(#detail)::-webkit-scrollbar,.webgl-ready .landing-card::-webkit-scrollbar{width:12px;height:12px;background:transparent}
 dialog:not(#detail)::-webkit-scrollbar-track,.webgl-ready .landing-card::-webkit-scrollbar-track{margin-block:22px;background:#efe0bc;border:3px solid #fff7e4;border-radius:12px;box-shadow:inset 0 0 2px #8c612c44}
 dialog:not(#detail)::-webkit-scrollbar-thumb,.webgl-ready .landing-card::-webkit-scrollbar-thumb{min-height:44px;border:2px solid #fff7e4;border-radius:12px;background:linear-gradient(90deg,#b07830,#e0b25f 48%,#a26928);box-shadow:inset 0 0 0 1px #a27337}
 dialog:not(#detail)::-webkit-scrollbar-thumb:hover,.webgl-ready .landing-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#975d22,#ce9744 48%,#89501d)}
 dialog:not(#detail)::-webkit-scrollbar-thumb:active,.webgl-ready .landing-card::-webkit-scrollbar-thumb:active{background:#986025}
 dialog:not(#detail)::-webkit-scrollbar-corner,.webgl-ready .landing-card::-webkit-scrollbar-corner{background:transparent}
}