/* ============================================================
   INCREDIBLE KARNATAKA — V2  |  flipbook.css
   Worldwide Media Corporation Group, USA

   The digital edition reader. This page is its own world: a dark
   room with the magazine in the middle of it, so it stays dark in
   both site themes and does not load section.css.
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;overflow:hidden;background:#0d0d0f;}
body{font-family:'DM Sans',system-ui,sans-serif;color:#e8e6e3;
  -webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;}

:root{
  --fb-gold:#d9a441;
  --fb-bar:#141417;
  --fb-line:#2a2a2f;
  --fb-dim:#8e8b87;
}

/* ===== TOP BAR ===== */
.fb-bar{position:fixed;top:0;left:0;right:0;height:56px;z-index:40;
  background:var(--fb-bar);border-bottom:1px solid var(--fb-line);
  display:flex;align-items:center;gap:1rem;padding:0 1rem;}
.fb-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.6rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fb-dim);
  padding:.55rem .8rem;border:1px solid var(--fb-line);border-radius:2px;
  transition:color .2s,border-color .2s;flex-shrink:0;}
.fb-back:hover{color:var(--fb-gold);border-color:var(--fb-gold);}
.fb-id{min-width:0;flex:1;text-align:center;}
.fb-id .t{font-family:'Playfair Display',Georgia,serif;font-size:.98rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fb-id .m{font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--fb-gold);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fb-tools{display:flex;align-items:center;gap:.4rem;flex-shrink:0;}
.fb-tool{width:34px;height:34px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--fb-line);border-radius:2px;
  font-size:.82rem;color:var(--fb-dim);transition:all .18s;}
.fb-tool:hover{color:var(--fb-gold);border-color:var(--fb-gold);}
.fb-tool[aria-pressed="true"]{color:#0d0d0f;background:var(--fb-gold);border-color:var(--fb-gold);}

/* ===== STAGE ===== */
.fb-stage{position:absolute;top:56px;bottom:66px;left:0;right:0;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;perspective:2600px;touch-action:none;}
.fb-book{position:relative;transform-origin:center center;
  transition:transform .28s ease;transform-style:preserve-3d;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.65));}
.fb-book.grab{cursor:grab;}
.fb-book.grabbing{cursor:grabbing;transition:none;}

.fb-sheet{position:absolute;top:0;background:#1a1a1d;overflow:hidden;
  backface-visibility:hidden;}
.fb-sheet canvas{display:block;width:100%;height:100%;}
.fb-sheet.l{left:0;box-shadow:inset -14px 0 26px -18px rgba(0,0,0,.9);}
.fb-sheet.r{right:0;box-shadow:inset 14px 0 26px -18px rgba(0,0,0,.9);}

/* the leaf that actually turns */
.fb-leaf{position:absolute;top:0;transform-style:preserve-3d;
  transition:transform .62s cubic-bezier(.4,.05,.25,1);z-index:5;}
.fb-leaf.fwd{transform-origin:left center;}
.fb-leaf.back{transform-origin:right center;}
.fb-face{position:absolute;inset:0;background:#1a1a1d;overflow:hidden;
  backface-visibility:hidden;}
.fb-face canvas{display:block;width:100%;height:100%;}
.fb-face.b{transform:rotateY(180deg);}

/* page-edge gutter */
.fb-gutter{position:absolute;top:0;bottom:0;width:26px;z-index:6;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.34) 46%,
    rgba(0,0,0,.34) 54%,rgba(0,0,0,0) 100%);}

/* click zones */
.fb-hit{position:absolute;top:0;bottom:0;width:22%;z-index:8;cursor:pointer;}
.fb-hit.p{left:0;}
.fb-hit.n{right:0;}

/* ===== BOTTOM BAR ===== */
.fb-foot{position:fixed;bottom:0;left:0;right:0;height:66px;z-index:40;
  background:var(--fb-bar);border-top:1px solid var(--fb-line);
  display:flex;align-items:center;gap:1rem;padding:0 1.2rem;}
.fb-nav{width:38px;height:38px;border:1px solid var(--fb-line);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:1rem;
  color:var(--fb-dim);transition:all .18s;flex-shrink:0;}
.fb-nav:hover:not(:disabled){color:var(--fb-gold);border-color:var(--fb-gold);}
.fb-nav:disabled{opacity:.28;cursor:default;}
.fb-scrub{flex:1;height:3px;background:var(--fb-line);position:relative;cursor:pointer;}
.fb-scrub-fill{position:absolute;inset:0 auto 0 0;background:var(--fb-gold);width:0;
  transition:width .3s;}
.fb-count{font-size:.62rem;letter-spacing:.14em;color:var(--fb-dim);
  white-space:nowrap;flex-shrink:0;min-width:110px;text-align:right;}
.fb-count b{color:#e8e6e3;font-weight:500;}

/* ===== THUMBNAIL RAIL ===== */
.fb-thumbs{position:fixed;left:0;right:0;bottom:66px;z-index:39;
  background:rgba(14,14,16,.97);border-top:1px solid var(--fb-line);
  padding:1rem;display:none;gap:.7rem;overflow-x:auto;}
.fb-thumbs.on{display:flex;}
.fb-thumb{flex:0 0 auto;cursor:pointer;opacity:.55;transition:opacity .18s;
  display:flex;flex-direction:column;align-items:center;}
.fb-thumb:hover,.fb-thumb.cur{opacity:1;}
/* every thumbnail is the same height, so a cover and a spread line up */
.fb-thumb canvas,.fb-thumb .sk{display:block;height:82px;width:auto;background:#1f1f23;}
.fb-thumb .sk{width:64px;}
.fb-thumb .sk.w{width:128px;}
.fb-thumb p{font-size:.5rem;letter-spacing:.1em;color:var(--fb-dim);
  text-align:center;margin-top:5px;}
.fb-thumb.cur p{color:var(--fb-gold);}

/* ===== STATES ===== */
.fb-msg{position:absolute;inset:56px 0 66px;display:flex;align-items:center;
  justify-content:center;text-align:center;padding:2rem;z-index:30;}
.fb-msg-in{max-width:520px;}
.fb-msg .k{font-size:.54rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--fb-gold);margin-bottom:1rem;}
.fb-msg h2{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;
  font-weight:400;margin-bottom:.9rem;}
.fb-msg p{font-size:.84rem;line-height:1.85;color:var(--fb-dim);margin-bottom:.8rem;}
.fb-msg code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.76rem;
  color:#e8e6e3;background:#1f1f23;padding:.15rem .4rem;border-radius:2px;}
.fb-btn{display:inline-block;margin-top:1rem;background:var(--fb-gold);color:#0d0d0f;
  padding:.8rem 1.8rem;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;}
.fb-btn.ghost{background:none;color:#e8e6e3;border:1px solid var(--fb-line);}
.fb-btn.ghost:hover{border-color:var(--fb-gold);color:var(--fb-gold);}
.fb-btn + .fb-btn{margin-left:.6rem;}

.fb-spin{width:34px;height:34px;border:2px solid var(--fb-line);
  border-top-color:var(--fb-gold);border-radius:50%;margin:0 auto 1.3rem;
  animation:fbspin .8s linear infinite;}
@keyframes fbspin{to{transform:rotate(360deg);}}
.fb-bar-load{position:fixed;top:56px;left:0;height:2px;background:var(--fb-gold);
  width:0;z-index:45;transition:width .25s;}

/* the browser's own PDF viewer, used when the flipbook cannot fetch the file */
.fb-frame{position:absolute;inset:56px 0 66px;width:100%;border:0;background:#1a1a1d;
  z-index:20;display:none;}
.fb-frame.on{display:block;}

/* ===== RESPONSIVE ===== */
@media(max-width:820px){
  .fb-bar{height:52px;padding:0 .7rem;gap:.6rem;}
  .fb-stage{top:52px;bottom:60px;}
  .fb-id .t{font-size:.78rem;}
  .fb-id .m{font-size:.46rem;letter-spacing:.14em;}
  .fb-back span{display:none;}
  .fb-tools{gap:.28rem;}
  .fb-tool{width:30px;height:30px;font-size:.74rem;}
  .fb-foot{height:60px;padding:0 .8rem;gap:.7rem;}
  .fb-count{min-width:76px;font-size:.56rem;}
  .fb-thumbs{bottom:60px;}
}