/* Правила включаются только у картинок с заданным кадрированием.
   Остальные изображения сайта живут по своим стилям и не затрагиваются. */
.game-cover img[data-game-crop],.game-hero img[data-game-crop]{
  max-width:none;
  width:var(--crop-size,100%);height:var(--crop-size,100%);
  inset:auto;left:var(--crop-left,0%);top:var(--crop-top,0%);
  object-fit:cover;object-position:var(--crop-position,50% 50%);
}
.crop-dialog{position:fixed;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:20px;padding:24px;width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;color:var(--ink);background:#fff;box-shadow:0 24px 90px #0005}
.crop-dialog::backdrop{background:#100c20b3}
.crop-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.crop-dialog>h2,.crop-dialog>.crop-actions{flex:0 0 auto}
.crop-content{min-height:0;overflow:auto;overscroll-behavior:contain}
.crop-dialog h2{font-size:22px;margin:0 0 8px}
.crop-dialog p{margin:0 0 12px}
.crop-toolbar,.crop-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.crop-actions{justify-content:flex-end;margin-bottom:0}
.crop-toolbar label{display:flex;align-items:center;gap:8px}
.crop-toolbar [aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.crop-toolbar input[type=range]{width:min(260px,45vw)}
.crop-toolbar input[type=number]{width:90px;padding:6px;border:1px solid var(--line);border-radius:8px}
.crop-viewport{position:relative;overflow:hidden;background:var(--bg-soft);margin:auto;border-radius:12px;max-width:100%}
.crop-viewport iframe{display:block;border:0;transform-origin:top left;max-width:none;background:#fff}
.crop-status{min-height:24px;color:var(--ink-2);font-size:14px}
.crop-error{color:#b42318}
.crop-thumb{border:0;padding:0;background:none;cursor:pointer;flex-shrink:0}
.crop-thumb img{display:block;width:76px;height:76px;object-fit:cover;border-radius:var(--r-sm)}
@media(max-width:600px){.crop-dialog{padding:16px}.crop-dialog h2{font-size:18px}.crop-actions .btn{flex:1}.crop-toolbar{gap:8px}}