:root{--eyes-w: calc(300px * var(--eyes-scale, 1));--eyes-h: calc(108px * var(--eyes-scale, 1))}@media (max-width: 640px){:root{--eyes-w: calc(190px * var(--eyes-scale, 1));--eyes-h: calc(68px * var(--eyes-scale, 1))}}.eyes-stage{pointer-events:none}.eyes-stage--float{position:fixed;top:0;left:0;z-index:1;transform:translate(calc(var(--eye-x, 50vw) - 50%),calc(var(--eye-y, 50vh) - 50%));will-change:transform}.eyes-stage--parked{position:relative;width:var(--eyes-w);height:var(--eyes-h)}.eyes{display:block;width:var(--eyes-w);height:var(--eyes-h);overflow:visible;filter:var(--eyes-filter, invert(0) opacity(.9));transition:filter .8s;transform:translateY(var(--bob, 0px)) rotate(var(--rock, 0deg))}.eyes__outline path,.eyes__pupil path{fill:var(--eyes-ink, #000)}.eyes__debug [data-role=socket]{fill:none;stroke:var(--eyes-debug-socket, #e0483c);stroke-width:1;stroke-dasharray:4 3}.eyes__debug [data-role=travel]{fill:var(--eyes-debug-travel-fill, rgb(58 130 247 / .18));stroke:var(--eyes-debug-travel, #3a82f7);stroke-width:1}.eyes__debug [data-role=live]{fill:none;stroke:var(--eyes-debug-live, #17a673);stroke-width:1}
