.world-books.is-library{--ml-wood:#7a4a22;--ml-wood-dark:#3d220e;--ml-brass:#e8b04a;--ml-brass-light:#ffd987;--ml-banner:#1f2f7a;--ml-banner-light:#2c3f9c;--ml-parch:#fff7e6;--ml-parch-dark:#f3e2bd;--ml-ink:#3a2410;--ml-display:"Jua","Fredoka",system-ui,sans-serif;background:#1a1030 url(/library/bg_library_blur.webp) 50%/cover fixed}.world-books.is-library .world-book-main{isolation:isolate;max-width:none;padding:18px clamp(16px,4vw,48px) 60px;position:relative}.world-books.is-library .world-book-main:before{content:"";z-index:-1;background:linear-gradient(#120a2426,#120a248c 55%,#120a24d9),url(/library/bg_library-v3.webp) top/cover no-repeat;position:absolute;inset:0}.world-books.is-library .world-book-topline{max-width:1180px;margin:0 auto 10px}.world-books.is-library .world-book-topline .world-back,.world-books.is-library .world-book-topline nav button{text-shadow:0 1px 4px #0009;color:#ffeccc!important}.world-books.is-library .world-book-topline nav .selected{color:var(--ml-brass-light);border-bottom-color:var(--ml-brass-light)}.world-books.is-library .world-footer{color:#e9dcc4;border-top:2px solid var(--ml-brass);background:#1a1030}.magic-library{color:#fff3d6;max-width:1180px;margin:0 auto}.ml-hero{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;padding:4px 0 18px;display:flex}.ml-hero .world-back,.wc-hero .world-back,.world-wallet-head .world-back{text-shadow:0 1px 4px #0009;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;color:#ffeccc!important}.ml-banner{background:linear-gradient(180deg,var(--ml-banner-light),var(--ml-banner));border:2px solid var(--ml-brass);border-radius:12px;align-items:center;gap:10px;padding:8px 22px 8px 14px;display:inline-flex;box-shadow:0 8px 18px #0006}.ml-crest{width:24px;height:24px;fill:var(--ml-brass-light)}.ml-banner h1{font-family:var(--ml-display);letter-spacing:0;color:#fff3d6;margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:400;line-height:1.2}.ml-hero p{color:#ffeccc;text-shadow:0 2px 8px #000000b3;margin:0;font-size:14px;font-weight:700}.ml-shelf{background:linear-gradient(#3d220eb8,#3d220ee0);border-radius:14px 14px 0 0;margin:0 0 clamp(26px,5vh,46px);padding:16px clamp(12px,2.4vw,26px) 0;position:relative;box-shadow:inset 0 0 0 2px #e8b04a59,inset 0 24px 40px #00000059}.ml-plaque{background:linear-gradient(180deg,var(--ml-brass-light),var(--ml-brass));width:max-content;max-width:100%;color:var(--ml-ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto 18px;padding:7px 18px;display:flex;box-shadow:0 3px #8a5a12,inset 0 1px #fff4d6}.ml-plaque strong{font-family:var(--ml-display);font-size:19px;font-weight:400}.ml-plaque span{opacity:.75;font-size:12px;font-weight:700}.ml-plaque b{background:var(--ml-wood-dark);color:var(--ml-brass-light);border-radius:999px;padding:2px 9px;font-size:12px}.ml-row{grid-template-columns:repeat(auto-fill,minmax(min(220px,42vw),1fr));align-items:stretch;gap:clamp(12px,2.4vw,26px);padding-bottom:4px;display:grid}.ml-plank{background:linear-gradient(180deg,#a0672f,var(--ml-wood) 45%,var(--ml-wood-dark));height:22px;box-shadow:0 3px 0 var(--ml-brass),0 14px 24px #0000008c;border-radius:4px;margin:0 calc(-1*clamp(12px,2.4vw,26px))}.magic-library .ml-book{color:var(--ml-ink)}.ml-book{text-align:left;color:var(--ml-ink);transform-origin:bottom;background:0 0;border:0;flex-direction:column;gap:0;padding:0;transition:transform .2s;display:flex}.ml-book:hover{transform:translateY(-6px)rotate(-.6deg)}.ml-book:focus-visible{outline:3px solid var(--ml-brass-light);outline-offset:4px}.ml-frame{aspect-ratio:16/10;border:7px solid var(--ml-wood);outline:2px solid var(--ml-brass);outline-offset:-2px;background:var(--ml-wood-dark);border-radius:6px;display:block;overflow:hidden;box-shadow:0 10px 22px #00000080}.ml-frame img{object-fit:cover;width:100%;height:100%;display:block}.ml-label{background:linear-gradient(180deg,var(--ml-parch),var(--ml-parch-dark));border-radius:0 0 10px 10px;flex-direction:column;flex:1;gap:2px;margin:-4px 8px 0;padding:12px 14px;display:flex;box-shadow:0 6px 14px #00000059}.ml-kind{color:var(--ml-banner);font-size:12px;font-weight:800}.ml-label strong{font-family:var(--ml-display);color:var(--ml-ink);font-size:17px;font-weight:400;line-height:1.3}.ml-label small{color:#7a5a3a;font-size:12px;line-height:1.45}.ml-label em{color:var(--ml-banner);align-items:center;gap:5px;margin-top:auto;padding-top:8px;font-size:13px;font-style:normal;font-weight:800;display:flex}.ml-slot .ml-frame{color:var(--ml-brass-light);box-shadow:none;background:#ffeccc0f;border-style:dashed;border-color:#e8b04ab3;outline:0;place-items:center;display:grid}.ml-slot .ml-label{color:#ffeccc;box-shadow:none;background:#fff7e61f}.ml-slot .ml-label small{color:#e7d3b0}.ml-empty{padding-top:30px}.ml-note{text-align:center;max-width:440px;color:var(--ml-ink);background:linear-gradient(180deg,var(--ml-parch),var(--ml-parch-dark));box-shadow:0 0 0 3px var(--ml-brass),0 16px 30px #00000073;border-radius:12px;margin:0 auto 26px;padding:26px 24px}.ml-note svg{color:var(--ml-wood)}.ml-note h2{font-family:var(--ml-display);margin:10px 0 6px;font-size:22px;font-weight:400}.ml-note p{color:#7a5a3a;margin:0 0 18px;font-size:14px}.ml-cta{background:linear-gradient(180deg,var(--ml-banner-light),var(--ml-banner));box-shadow:0 0 0 2px var(--ml-brass),0 4px 0 #0f1748;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-weight:800;display:inline-flex;color:#fff3d6!important}@media (max-width:600px){.ml-banner{padding:6px 16px 6px 12px}.ml-plaque span{display:none}.ml-label{margin-inline:5px;padding:10px 11px}.ml-label strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.ml-book{transition:none}.ml-book:hover{transform:none}}.ml-deck{background:radial-gradient(circle,#fff7e6,#f3e2bd);justify-content:center;align-items:center;gap:0;display:flex}.ml-deck img{object-fit:contain;width:30%;height:78%;box-shadow:0 0 0 2px var(--ml-brass),0 4px 10px #00000040;background:#fff;border-radius:8px;padding:4px}.ml-deck img:first-child{transform:rotate(-9deg)translate(14%)}.ml-deck img:nth-child(2){z-index:1;transform:translateY(-4%)}.ml-deck img:nth-child(3){transform:rotate(9deg)translate(-14%)}.world-wallet-head{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;padding:4px 0 18px;display:flex}.world-wallet-head p{color:#ffeccc;text-shadow:0 2px 8px #000000b3;flex-basis:100%;margin:0;font-size:14px;font-weight:700}.world-wallet-head .ml-banner h1{font-family:var(--ml-display,"Jua");color:#fff3d6;margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:400}@media (max-width:600px){.ml-hero,.wc-hero,.world-wallet-head{gap:8px 12px}.ml-hero p,.wc-hero p{flex-basis:100%}}.ml-hero,.wc-hero,.world-wallet-head{position:relative}.ml-hero>.world-back,.wc-hero>.world-back,.world-wallet-head>.world-back{position:absolute;top:30px;left:0;transform:translateY(-50%)}@media (max-width:900px){.ml-hero>.world-back,.wc-hero>.world-back,.world-wallet-head>.world-back{flex-basis:100%;justify-content:flex-start;position:static;transform:none}}.ml-frame{flex:none}.world .ml-hero,.world .wc-hero,.world .world-wallet-head{text-align:right;justify-content:flex-end}.world .ml-hero>p,.world .wc-hero>p,.world .world-wallet-head>p{flex-basis:auto;order:1}.world .ml-hero>.ml-banner,.world .wc-hero>.ml-banner,.world .world-wallet-head>.ml-banner{order:2}@media (max-width:600px){.world .ml-hero>p,.world .wc-hero>p,.world .world-wallet-head>p{flex-basis:100%}}.ml-plaque .ml-level{color:#fff;background:#23804a;border-radius:999px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:900}.ml-level-intermediate .ml-plaque .ml-level{background:#b35f10}.ml-level-advanced .ml-plaque .ml-level{background:#7b4fd6}.ml-level-middle .ml-plaque .ml-level{background:#b8325a}.ml-level-grade34 .ml-plaque .ml-level{background:#1a7596}.ml-levels{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 22px;display:flex}.world .ml-levels button{color:#3a2410}.ml-levels button{font:inherit;cursor:pointer;background:linear-gradient(#fff7e6,#f3e2bd);border:0;border-radius:999px;align-items:center;gap:7px;padding:10px 16px;display:inline-flex;box-shadow:0 0 0 2px #e8b04a,0 4px #8a5a12}.ml-levels button strong{font-family:var(--ml-display);font-size:16px;font-weight:400}.ml-levels button small{color:#8a6a45;font-size:12px;font-weight:800}.ml-levels button em{color:#fff;background:#23804a;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:900}.ml-levels .lv-intermediate em{background:#b35f10}.ml-levels .lv-grade34 em{background:#1a7596}.ml-levels .lv-advanced em{background:#7b4fd6}.ml-levels .lv-middle em{background:#b8325a}.ml-levels button[aria-pressed=true]{background:linear-gradient(#2c3f9c,#1f2f7a);box-shadow:0 0 0 3px #ffd987,0 4px #0f1748}.world .ml-levels button[aria-pressed=true]{color:#fff3d6}.ml-levels button[aria-pressed=true] small{color:#ffe9a8}@media (max-width:600px){.ml-levels{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:4px 2px 8px;overflow-x:auto}.ml-levels::-webkit-scrollbar{display:none}.ml-levels button{flex:none;padding:8px 13px}.ml-levels button strong{font-size:14px}}.ml-levels button .ml-lv-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.ml-levels button .ml-lv-text b{font-size:13px;font-weight:900}.ml-levels button .ml-lv-text strong{align-items:center;gap:4px;font-size:14px;display:inline-flex}.ml-badges{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.ml-badges b,.ml-badges i{border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:800;line-height:1.4}.ml-badges b{color:#fff;background:#23804a}.ml-badges b.lv-intermediate{background:#b35f10}.ml-badges b.lv-grade34{background:#1a7596}.ml-badges b.lv-advanced{background:#7b4fd6}.ml-badges b.lv-middle{background:#b8325a}.ml-badges i{color:#5a3a10;background:#f3e2bd}.ml-badges i.ml-start{color:#3a1f05;background:linear-gradient(#ffd987,#e8b04a)}.ml-row.ml-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:4px 2px 14px;display:flex;overflow-x:auto}.ml-strip>.ml-book{scroll-snap-align:start;flex:none;width:clamp(190px,58vw,250px)}.ml-strip>.ml-book:hover{transform:translateY(-4px)}.ml-top{margin:0 0 18px}@media (max-width:600px){.ml-strip .ml-label small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.ml-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:-10px 0 18px;display:flex}.ml-find{color:#8a6a45;background:#fff7e6;border-radius:999px;flex:200px;align-items:center;gap:6px;max-width:320px;padding:8px 14px;display:flex;box-shadow:0 0 0 2px #e8b04a}.ml-bedtime{color:#ffe9b0;background:#241f45;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.ml-find input{min-width:0;font:inherit;color:#3a2410;background:0 0;border:0;outline:0;flex:1;font-size:14px}.ml-series{scrollbar-width:none;gap:12px;margin:0 0 16px;padding:2px 2px 10px;display:flex;overflow-x:auto}.ml-series::-webkit-scrollbar{display:none}.ml-series a{color:#fff3d6;flex:none;gap:4px;width:132px;text-decoration:none;display:grid}.ml-series img{aspect-ratio:16/10;object-fit:cover;border-radius:12px;width:100%;box-shadow:0 0 0 2px #e8b04a,0 6px 14px #00000059}.ml-series strong{font-size:14px;line-height:1.25}.ml-series small{color:#e7d3b0;font-size:12px}.ml-shelf{scroll-margin-top:120px}@media (max-width:600px){.ml-find{max-width:none}}
