/* Секреты живут в координатах картины и следуют за камерой HERO. */
.don-scene-controls {position:absolute;inset:0;z-index:7;pointer-events:none}
.don-hotspot {
  position:absolute;display:block;translate:-50% -50%;padding:0;margin:0;
  border:0;background:transparent;color:#fff;cursor:pointer;pointer-events:auto;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.don-hotspot:focus-visible {outline:2px solid var(--clan-sand);outline-offset:4px}
.don-crest {border-radius:46%}
.don-crest:disabled {cursor:progress}
.don-painting {border-radius:2px}
.don-status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.don-cabinet,.don-decoration {display:none;position:absolute;z-index:1;pointer-events:none;max-width:none}
.don-cabinet {z-index:2}
.don-decoration.is-visible {display:block}
.don-cinema {
  width:min(1200px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);
  padding:0;border:1px solid var(--line);border-radius:8px;background:var(--clan-black);
  color:#fff;box-shadow:0 20px 64px rgba(0,0,0,.5);overflow:auto;
}
.don-cinema::backdrop {background:rgba(4,4,6,.94)}
.don-cinema-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px 8px 20px}
.don-cinema-head > span {font:600 12px/1.4 "Golos Text",sans-serif;letter-spacing:.12em}
.don-cinema-close {
  display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;
  padding:10px;border:0;border-radius:4px;color:#fff;background:transparent;cursor:pointer;
}
.don-cinema-close:hover {background:var(--clan-charcoal)}
.don-cinema-close:focus-visible {outline:2px solid #fff;outline-offset:-3px}
.don-cinema-close svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.don-cinema video {display:block;width:100%;max-height:calc(100dvh - 120px);aspect-ratio:16/9;object-fit:contain;background:#000}
.don-cinema-message {padding:12px 20px;margin:0;color:var(--clan-sand);font-size:14px;line-height:1.5}
@media (max-width:900px),(max-height:520px) {
  .don-cabinet.is-visible {display:block}
}
@media (max-width:600px) {
  .don-cinema {width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .don-cinema-head {padding-left:12px;gap:8px}
  .don-cinema-head > span {font-size:10px;letter-spacing:.08em}
}
@media (prefers-reduced-motion:reduce) {
  .don-cabinet.is-visible {display:none}
}

.don-quality{margin-left:auto;max-width:150px;min-height:36px;border:1px solid #5a5240;border-radius:5px;background:#141310;color:#f3eee4;padding:5px 8px;font:inherit;font-size:12px}.don-quality:focus-visible{outline:2px solid #d4af37;outline-offset:3px}.don-cinema-head .don-cinema-close{margin-left:8px}@media(max-width:520px){.don-cinema-head{gap:8px}.don-cinema-head>span{font-size:10px}.don-quality{max-width:115px;font-size:11px;padding:4px}}