.b3d{--b3d-ink: #27305a;--b3d-ink-soft: #56608c;--b3d-chip: rgba(255, 255, 255, .78);--b3d-chip-border: rgba(39, 48, 90, .16);--b3d-accent: #e2a81b;--b3d-accent-ink: #2a1d00;--b3d-font: inherit;position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;color:var(--b3d-ink);font-family:var(--b3d-font);outline:none;-webkit-tap-highlight-color:transparent}.b3d:focus-visible{box-shadow:inset 0 0 0 3px var(--b3d-accent)}.b3d-stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.b3d-stage canvas{display:block}.b3d-stage.b3d-dragging{cursor:grabbing}.b3d:not(.b3d-reading) .b3d-stage{touch-action:pan-y}.b3d-reading .b3d-stage{cursor:pointer}.b3d-reading.b3d-zoomed .b3d-stage{cursor:grab}.b3d-reading.b3d-zoomed .b3d-stage.b3d-dragging{cursor:grabbing}.b3d{animation:b3d-fade-in .6s ease-out}@keyframes b3d-fade-in{0%{opacity:0}to{opacity:1}}.b3d-loading{display:none!important}.b3d-loading-unused{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--b3d-ink-soft);font-weight:700;pointer-events:none}.b3d-hint{position:absolute;left:0;right:0;top:12px;margin:0;padding:0 16px;text-align:center;font-size:.88rem;color:var(--b3d-ink-soft);pointer-events:none;transition:opacity .3s}.b3d-zoomed .b3d-hint{opacity:0}.b3d-controls{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:var(--b3d-chip);border:1px solid var(--b3d-chip-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100% - 16px)}.b3d-controls[hidden]{display:none}.b3d:not(.b3d-reading) .b3d-controls{bottom:24px}.b3d-controls.b3d-minimal{background:transparent;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.b3d-controls.b3d-minimal button{font:400 .95rem/1 Bangers,Impact,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;background:#faf4e1d9;border:2px solid #0a0a0a;border-radius:0;padding:7px 14px;box-shadow:3px 3px #0a0a0a;opacity:.85;transition:transform .15s,box-shadow .15s,opacity .15s,background .15s}.b3d-controls.b3d-minimal button:after{content:"→";font-family:system-ui,sans-serif;font-size:.9em;transition:transform .15s}.b3d-controls.b3d-minimal button:hover{background:#f4c430;opacity:1;transform:translate(-1px,-1px);box-shadow:4px 4px #0a0a0a}.b3d-controls.b3d-minimal button:hover:after{transform:translate(3px)}.b3d-controls.b3d-minimal button:active{transform:translate(2px,2px);box-shadow:1px 1px #0a0a0a}.b3d-controls button{font:700 .9rem/1 var(--b3d-font);color:var(--b3d-ink);background:transparent;border:0;border-radius:999px;padding:10px 16px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.b3d-controls button:hover:not(:disabled){background:#7f7f7f24}.b3d-controls button:disabled{opacity:.35;cursor:default}.b3d-controls button[aria-pressed=true],.b3d-controls .b3d-primary{background:var(--b3d-accent);color:var(--b3d-accent-ink)}.b3d-controls button:focus-visible{outline:3px solid var(--b3d-accent);outline-offset:2px}.b3d-controls .b3d-icon{padding:10px 12px}.b3d-controls svg{width:18px;height:18px;display:block}.b3d-pageno{white-space:nowrap;min-width:7.5em;text-align:center;font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--b3d-ink-soft)}@container (max-width: 560px){.b3d-controls{gap:2px}.b3d-controls button{padding:9px 10px;font-size:.8rem}.b3d-controls .b3d-icon{padding:9px}.b3d-pageno{min-width:5em;font-size:.78rem}.b3d-hint{font-size:.78rem}}.b3d{container-type:size}.b3d.b3d-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1000;background:#faf4e1f7}