/* r57 - phone story player uses the existing forest surface as a full viewport. */
@media(max-width:640px){
  .story-dialog{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--forest);color:var(--ivory)}
  .story-dialog::backdrop{background:var(--forest)}
  .story-dialog-inner{width:100%;height:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;position:relative}
  .story-video-wrap{width:calc(100% - (var(--gutter) * 2));max-height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#000}
  .story-dialog video{display:block;width:100%;height:auto;max-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0}
  .story-close{top:8px;right:8px}
}