/* Arkemion V19 - layout final de escena movil */
@media (max-width: 768px){
  html,body{overflow-x:hidden!important;background:#05060a!important;}
  .ark-app{min-height:100dvh!important;background:#05060a!important;}
  .ark-reader{min-height:100dvh!important;padding:0 8px calc(72px + env(safe-area-inset-bottom))!important;justify-content:flex-end!important;}
  .ark-bg,.ark-bg-layer,.ark-video-bg{
    position:fixed!important;top:-5dvh!important;bottom:auto!important;left:0!important;right:0!important;
    width:100vw!important;height:74dvh!important;object-fit:cover!important;object-position:center 30%!important;
    filter:saturate(1.05) contrast(1.08) brightness(.86)!important;
  }
  .ark-vignette{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 20%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.22) 100%)!important;}
  .ark-topbar{display:none!important;}
  .ark-reader-bottom{
    position:fixed!important;left:8px!important;right:8px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;
    width:auto!important;margin:0!important;z-index:58!important;max-height:28dvh!important;transition:max-height .2s ease, opacity .18s ease, transform .18s ease!important;
  }
  .ark-textbox{
    max-height:22dvh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;
    padding:11px 13px!important;border-radius:16px 16px 10px 10px!important;
    background:linear-gradient(180deg,rgba(8,9,13,.82),rgba(5,6,9,.96))!important;
    border:1px solid rgba(214,170,82,.24)!important;box-shadow:0 -6px 36px rgba(0,0,0,.42)!important;
  }
  .ark-textbox p{font-size:15.5px!important;line-height:1.5!important;margin:.25em 0!important;color:#f3ead6!important;}
  .ark-choices{min-height:0!important;margin:0!important;}
  .ark-choices button,#choices button{
    position:absolute!important;left:0!important;bottom:0!important;width:1px!important;height:1px!important;
    min-width:1px!important;min-height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;
  }
  body.ak-scene-expanded .ark-reader-bottom{max-height:46dvh!important;}
  body.ak-scene-expanded .ark-textbox{max-height:40dvh!important;}
  body.ak-scene-hidden .ark-reader-bottom{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important;}
  body.ak-scene-visual .ark-bg,body.ak-scene-visual .ark-bg-layer,body.ak-scene-visual .ark-video-bg{height:82dvh!important;top:-7dvh!important;}
  body.ak-scene-reading .ark-reader-bottom{max-height:52dvh!important;}
  body.ak-scene-reading .ark-textbox{max-height:46dvh!important;background:rgba(7,8,12,.97)!important;}
  .ak-scene-tools{display:flex;justify-content:flex-end;gap:6px;margin:6px 0 0!important;}
  .ak-scene-tools button,.ak-scene-show{
    min-height:34px;border:1px solid rgba(214,170,82,.3);border-radius:999px;background:rgba(7,8,12,.88);
    color:#f0d993;font:inherit;font-size:12px;font-weight:800;padding:6px 10px;
  }
  .ak-scene-show{position:fixed;right:10px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:1004;display:none;}
  body.ak-scene-hidden .ak-scene-show{display:inline-flex;}
  .ark-mobile-actionbar{
    height:auto!important;max-height:70px!important;grid-template-columns:72px minmax(0,1fr) 56px!important;gap:7px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;align-items:center!important;
  }
  .ark-mobile-actionbar button{min-height:44px!important;border-radius:12px!important;padding:6px 8px!important;font-size:12px!important;}
  .ark-mobile-actionbar button[data-ak-mobile-action="continue"]{grid-column:auto!important;font-size:15px!important;font-weight:900!important;}
  .ark-mobile-actionbar button[data-ak-mobile-action="audio"],
  .ark-mobile-actionbar button[data-ak-mobile-action="narrator"],
  .ark-mobile-actionbar button[data-ak-mobile-action="notebook"],
  .ark-mobile-actionbar button[data-ak-mobile-action="fullscreen"]{display:none!important;}
  .ark-touch-menu{bottom:calc(64px + env(safe-area-inset-bottom))!important;max-height:56dvh!important;border-radius:18px 18px 0 0!important;}
  .ak-narrator-android-panel,.ark-narrator-panel{bottom:calc(76px + env(safe-area-inset-bottom))!important;max-height:46dvh!important;}
}
@media (max-width:768px) and (orientation:landscape){
  .ark-bg,.ark-bg-layer,.ark-video-bg{height:100dvh!important;top:0!important;}
  .ark-reader-bottom{left:8px!important;right:auto!important;width:min(56vw,560px)!important;max-height:42dvh!important;}
  .ark-mobile-actionbar{left:0!important;right:auto!important;width:min(560px,100vw)!important;}
}