/* Keep square sprite cells in their original proportions, cropping the scene. */
.scene{background-image:none}
.scene-art{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;background-image:url('/assets/endings-atlas.jpg');background-size:500% 200%;background-position:var(--scene-x) var(--scene-y);transform:translateY(var(--scene-offset,-50%))}
.portrait-art{background-image:url('/assets/characters-atlas.jpg')}
.scene-caption{z-index:1}
.scene-caption:empty{display:none}
#character-error,#settings-error{color:#f2a79e;font-size:12px;line-height:1.7}
#character-error:empty{display:none}
.game-content{min-width:0}
#event-title:focus{outline:none}
.share-preview{display:block;margin:20px auto;max-width:100%;max-height:46dvh;width:auto;height:auto;border:1px solid #4d5876;border-radius:6px}
.share-save{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:100%}
@media(max-width:700px){
  body.is-setup{padding-bottom:96px}
  .setup-panel .actions{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:#171a28f5;border-top:1px solid #43495e;flex-wrap:nowrap;gap:10px}
  .setup-panel .actions .primary{width:auto;flex:1;padding:14px 12px;font-size:13px}
  .setup-panel .actions .secondary{flex:0;padding:14px 12px;font-size:12px}
  body.is-setup.editing{padding-bottom:0}
  .is-setup.editing .setup-panel .actions{position:static;background:none;border:0;padding:0;flex-wrap:wrap;margin:24px 0}
}
@media(max-height:450px){body.is-setup{padding-bottom:0}.setup-panel .actions{position:static;background:none;border:0;padding:0;margin:24px 0}}
@media(max-width:700px){.scene{aspect-ratio:2.4/1}}