#oreo-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}#oreo-stage canvas{position:absolute;inset:auto;display:block;pointer-events:none}#oreo-hit{position:absolute;z-index:4;background:transparent;border:0;padding:0;min-width:44px;min-height:44px;cursor:pointer;border-radius:35%}#oreo-hit[hidden]{display:none}#oreo-hit span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font:italic 14px Georgia;color:#59412e;background:#f6efdfdc;padding:5px 9px;opacity:0;transition:opacity .2s;pointer-events:none}#oreo-hit:hover span,#oreo-hit:focus-visible span{opacity:1}main>header,main>.intro,main>footer{z-index:5}#fruit-links{position:absolute;inset:0;pointer-events:none;z-index:6}footer .oreo-sound{display:grid;place-items:center;width:34px;height:34px;padding:5px;margin-left:4px;color:#59412e;opacity:.75}footer .oreo-sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}footer .oreo-sound:hover,footer .oreo-sound:focus-visible{opacity:1}footer .explore{margin-left:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#oreo-profile{width:min(650px,92vw);max-height:88svh;overflow:auto;padding:35px}#oreo-photo{display:block;width:100%;max-height:54svh;object-fit:contain}#oreo-profile h2{margin:15px 0 24px}#oreo-profile .oreo-caption{font-style:italic;margin-bottom:0}#motion-review{position:absolute;top:18px;right:3%;z-index:10;background:#faf5e7ed;border:1px solid #a2937766;padding:12px;font:12px/1.5 Georgia;max-width:310px}#motion-review label{display:block;margin:6px 0}#motion-review input{width:100%;accent-color:#795f45}#motion-review button{padding:5px 8px;border:1px solid #a2937766;letter-spacing:0;font-family:Georgia}#motion-review output{display:block;margin-top:6px}#motion-review a{color:#59412e}#motion-review [hidden]{display:none}@media(max-width:700px){#oreo-hit span{font-size:12px}footer .oreo-sound{margin-left:0}#oreo-profile{padding:28px 20px}#motion-review{top:60px;font-size:11px;max-width:260px}}
@media(max-width:760px),(max-width:980px) and (max-height:650px) and (orientation:landscape){#oreo-profile{width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:35px 24px 24px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#oreo-profile h2{font-size:32px;margin:12px 0 20px}#oreo-photo{max-height:48dvh}#oreo-hit span{font-size:12px}#motion-review{top:calc(62px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));max-width:245px}}
@media(hover:none){#oreo-hit span{display:none}}

@media(max-width:760px),(max-width:980px) and (max-height:650px) and (orientation:landscape){footer .oreo-sound{height:44px;min-height:44px}}
@media(min-width:761px) and (max-width:980px){footer .oreo-sound{width:44px;height:44px;min-height:44px}} 
@media(max-width:1180px){#oreo-profile{max-height:calc(min(100dvh,var(--visible-viewport-height,100dvh)) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}