/**
 * responsive.css
 * Mobile overrides (<=760px): shows a rotate-to-landscape gate in portrait,
 * collapses the two-page spread into a single page with a fixed bottom nav
 * bar, simplifies book chrome, and stacks the corkboard vertically in
 * landscape.
 */
#mobile-gate{display:none;position:fixed;inset:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center;background:var(--ink-950,#120e0b);color:var(--brass-400,#a68d5c);font-family:var(--font-serif,serif)}
.mobile-gate-frame{border:2px solid var(--brass-500,#8a744a);padding:28px 24px;max-width:320px;box-shadow:var(--shadow-pixel-lg,0 6px 0 rgba(0,0,0,.5));background:rgba(0,0,0,.15)}
.mobile-gate-icon{font-size:40px;margin-bottom:14px;display:inline-block;transform:rotate(90deg)}
#mobile-gate p{max-width:32ch;font-size:16px;line-height:1.5;margin:0}
#mobile-gate p:first-child{font-size:20px;font-style:italic;margin-bottom:10px}
@media (max-width:760px) and (orientation:portrait){
  #mobile-gate{display:flex}
  body>*:not(#mobile-gate){display:none !important}
}
@media (max-width:760px) and (orientation:landscape){
  #mobile-gate{display:none !important}
  .rail{font-size:10px}
  #scene-book{padding:16px 10px 96px}
  .book-head{margin-bottom:8px}
  .book-shell{padding:12px}
  .page-edges{display:none}
  .spread{width:92vw;height:auto;min-height:66vh;flex-direction:column;background:transparent;box-shadow:none}
  .leaf-static{width:100% !important;padding:24px 20px;box-shadow:none !important;border:none !important}
  .leaf-static.mobile-hide{display:none}
  .turn-zone{display:none}
  .page-h{font-size:20px}
  .page-body{font-size:14px}
  .mobile-nav{display:flex}
  .cork-body{flex-direction:column}
  .pin-cup-wrap{flex-direction:row;gap:14px}
  #board{min-height:340px;width:100%}
  #scene-cork{padding:20px 14px 96px;overflow-x:hidden}
  .cork-title{font-size:22px}
  .note{width:42vw;max-width:150px;font-size:11px;padding:14px 9px 9px}
  .draft{width:64vw;max-width:200px}
  .speech-bubble{max-width:100%}
}