body[data-direction=cool] .onova-eye{pointer-events:auto;transform:none!important;animation:none!important;z-index:2}

#onova-eye-scene{position:absolute;inset:-9% 0 auto;width:100%;height:120%;display:block;cursor:grab;touch-action:pan-y;outline:none}
#onova-eye-scene:active{cursor:grabbing}#onova-eye-scene:focus-visible{outline:1px solid #ef8354;outline-offset:-25px;border-radius:50%}
.onova-eye .scene-controls{position:absolute;left:61%;bottom:-4px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;white-space:nowrap;z-index:6;color:#61636b}
.onova-eye .scene-controls button{background:transparent;color:inherit;border:0;cursor:pointer;font:10px Onest,Arial,sans-serif;height:30px;padding:0 6px;display:inline-flex;align-items:center;gap:9px}
.onova-eye .scene-controls #onova-eye-replay{font-size:19px}.onova-eye .scene-controls #onova-eye-pause{font-size:11px}
.onova-eye .scene-controls #onova-eye-pause[aria-pressed=true]{color:#d16a3c}.onova-eye .scene-controls button:focus-visible{outline:2px solid #ef8354;outline-offset:3px}.onova-eye .scene-controls button:disabled{opacity:.4}
#onova-eye-interaction-hint{font-size:8px;margin:0 8px}.onova-eye .loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:11px Onest;color:#61636b;transition:opacity .3s}.onova-eye .loading.complete{opacity:0}
.onova-eye .fallback{position:absolute;inset:18% 15%;transform:rotate(-5deg)}.onova-eye .fallback img{width:100%;height:100%;object-fit:contain}.onova-eye [hidden]{display:none!important}
@media(max-width:1100px){#onova-eye-interaction-hint{display:none}.onova-eye .scene-controls{left:63%}}
@media(max-width:600px){body[data-direction=cool] .laptop-welcome .onova-eye{height:290px;margin-bottom:5px}#onova-eye-scene{inset:-7% -4% auto;width:108%;height:112%}.onova-eye .scene-controls{bottom:-9px;left:50%}.onova-eye .scene-controls button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.onova-eye .loading{transition:none}}


.onova-eye:not([data-ready]) canvas{opacity:0}.onova-eye .fallback{inset:-9% 0 auto;height:120%;transform:none}.onova-eye .fallback img{display:block!important;position:static!important;object-fit:contain!important;filter:none!important;transform:none!important}
/* Резервний кадр — JPEG без прозорості: його фон трохи світліший за сторінку,
   і без маски навколо ока видно прямокутник (поки вантажиться сцена і без WebGL).
   Розчиняємо краї в тлі. */
.onova-eye .fallback img{-webkit-mask-image:radial-gradient(ellipse closest-side,#000 74%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 74%,transparent 100%);mix-blend-mode:multiply}
/* Старе кільце .welcome-orbit обрамляло ноутбук; з оком воно висить збоку
   як зайвий кружок — у ока свої 3D-орбіти. */
.welcome-scene:has(.onova-eye) .welcome-orbit{display:none}

/* Підказка «Потягніть…», повтор і пауза — угорі праворуч від ока («на першій годині»), а не під ним */
@media(min-width:601px){.onova-eye .scene-controls{top:4%;bottom:auto;left:64%;transform:none}}