.gbfb{position:relative;max-width:880px;margin:0 auto;font-family:'Inter Tight',system-ui,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}
.gbfb-stage{position:relative;aspect-ratio:16/9;border-radius:14px;background:#6d0d16;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(242,200,121,.35);cursor:pointer;outline:none}
.gbfb-book{position:absolute;inset:0;overflow:visible}
.gbfb-pg{background:#6d0d16;overflow:hidden}
.gbfb-pg img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.gbfb-bar{display:flex;align-items:center;gap:14px;margin-top:16px}
.gbfb-btn{flex:0 0 auto;width:44px;height:44px;border-radius:999px;border:1px solid rgba(242,200,121,.6);background:rgba(0,0,0,.18);color:#F2C879;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.gbfb-btn:hover{background:rgba(242,200,121,.22)}
.gbfb-btn[disabled]{opacity:.3;cursor:default}
.gbfb-range{flex:1;min-width:0;accent-color:#F2C879;height:4px}
.gbfb-count{flex:0 0 auto;min-width:64px;text-align:center;font-size:15px;color:#F2C879;font-variant-numeric:tabular-nums}
.gbfb:fullscreen{max-width:none;background:#3a050b;display:flex;flex-direction:column;justify-content:center;padding:24px}
.gbfb:fullscreen .gbfb-stage{margin:0 auto;width:min(100%,calc((100vh - 110px)*16/9))}
@media (max-width:700px){.gbfb-btn{width:38px;height:38px}.gbfb-stage{border-radius:8px}}
@media (prefers-reduced-motion:reduce){.gbfb-page{transition-duration:.01s}}