.b3d{display:inline-flex;flex-direction:column;align-items:center;font-family:var(--kb-font-sans);--b3-ink:#f0ece0}.b3d-stage{display:block;perspective:calc(var(--b3s) * 2400px);perspective-origin:50% 50%;padding:6px 10px 0}.b3d-scene{position:relative;display:block;width:calc(var(--b3s) * 190px);height:calc(var(--b3s) * 282px)}.b3d-halo{top:52%;width:calc(var(--b3s) * 280px);height:calc(var(--b3s) * 280px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--b3-glow),transparent 70%);filter:blur(26px)}.b3d-halo,.b3d-shadow{position:absolute;left:50%;z-index:0}.b3d-shadow{transform:translateX(-50%)}.b3d-shadow--soft{bottom:-12px;width:calc(var(--b3s) * 222px);height:calc(var(--b3s) * 30px);background:radial-gradient(closest-side,rgba(0,0,0,.4),transparent 76%);filter:blur(13px)}.b3d-shadow--hard{bottom:-1px;width:calc(var(--b3s) * 160px);height:calc(var(--b3s) * 13px);background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent 78%);filter:blur(4px)}.b3d-book{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateY(20deg);z-index:1}.b3d-spine{position:absolute;left:calc(var(--b3s) * -34px);top:0;width:calc(var(--b3s) * 34px);height:calc(var(--b3s) * 252px);transform-origin:right center;transform:rotateY(-90deg);background:linear-gradient(90deg,var(--b3-c1) 0,var(--b3-c2) 100%);box-shadow:inset -8px 0 16px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--b3s) * 14px) 0;color:var(--b3-ink)}.b3d-spine-dot{width:calc(var(--b3s) * 12px);height:calc(var(--b3s) * 12px);border-radius:50%;border:1.5px solid var(--b3-accent);opacity:.8}.b3d-spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font:500 calc(var(--b3s) * 13px) /1 var(--kb-font-serif);letter-spacing:.04em;opacity:.92;text-shadow:0 1px 2px rgba(0,0,0,.4);max-height:calc(var(--b3s) * 190px);overflow:hidden}.b3d-spine-bar{width:calc(var(--b3s) * 18px);height:2px;background:var(--b3-accent);opacity:.7}.b3d-top{left:0;width:calc(var(--b3s) * 190px);height:calc(var(--b3s) * 34px);transform-origin:center top;transform:rotateX(-90deg);background:repeating-linear-gradient(90deg,#f4efe2 0 1px,#d8d0bd 1px 2.5px);box-shadow:inset 0 6px 12px rgba(0,0,0,.22)}.b3d-pages,.b3d-top{position:absolute;top:0}.b3d-pages{left:calc(var(--b3s) * 190px);width:calc(var(--b3s) * 34px);height:calc(var(--b3s) * 252px);transform-origin:left center;transform:rotateY(90deg);background:repeating-linear-gradient(0deg,#efe9da 0 1.5px,#cfc6b1 1.5px 3px);box-shadow:inset 8px 0 14px rgba(0,0,0,.25)}.b3d-front{display:block;border-radius:2px 4px 4px 2px;background:linear-gradient(155deg,var(--b3-c1),var(--b3-c2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.16),inset 6px 0 14px rgba(0,0,0,.28);overflow:hidden;color:var(--b3-ink)}.b3d-front,.b3d-vignette{position:absolute;inset:0}.b3d-vignette{background:radial-gradient(120% 80% at 50% 0,rgba(255,255,255,.1),transparent 55%),radial-gradient(100% 70% at 50% 120%,rgba(0,0,0,.34),transparent 60%);pointer-events:none}.b3d-boards{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--b3s) * 26px) calc(var(--b3s) * 22px);text-align:start}.b3d-boards-cat{font:500 calc(var(--b3s) * 9px) /1.4 var(--kb-font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.72}.b3d-boards-mid{display:block}.b3d-boards-rule{display:block;width:calc(var(--b3s) * 26px);height:1.5px;background:var(--b3-accent);margin-bottom:calc(var(--b3s) * 16px);opacity:.85}.b3d-boards-title{display:block;font:400 calc(var(--b3s) * 25px) /1.12 var(--kb-font-serif);text-shadow:0 1px 3px rgba(0,0,0,.3)}.b3d-boards-author{font:400 calc(var(--b3s) * 10px) /1.3 var(--kb-font-sans);letter-spacing:.04em;opacity:.82}.b3d-cover{width:100%;height:100%;object-fit:cover;z-index:2}.b3d-cover,.b3d-gloss{position:absolute;inset:0}.b3d-gloss{background:linear-gradient(118deg,rgba(255,255,255,.3),rgba(255,255,255,.04) 26%,rgba(255,255,255,0) 50%,rgba(0,0,0,.1));pointer-events:none;mix-blend-mode:screen;z-index:3}.b3d-meta{display:block;width:calc(var(--b3s) * 200px);margin-top:38px;text-align:start}.b3d-rating{display:flex;align-items:center;gap:7px;margin-bottom:7px}.b3d-rating-num{font:600 13px/1 var(--kb-font-sans);color:var(--kb-text)}.b3d-rating-count{font:500 12px/1 var(--kb-font-sans);color:var(--kb-link)}.b3d-waqf{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--kb-font-sans);color:var(--kb-waqf)}.b3d-waqf-dot{width:6px;height:6px;border-radius:50%;background:var(--kb-waqf)}.b3d-price{display:flex;align-items:flex-start;gap:3px;color:var(--kb-text)}.b3d-price-cur{font:500 12px/1.6 var(--kb-font-sans);margin-top:4px}.b3d-price-whole{font:700 26px/1 var(--kb-font-sans);letter-spacing:-.01em}.b3d-price-cents{font:600 12px/1 var(--kb-font-sans);margin-top:2px}