.mezcalita-experience .play-scene{max-width:min(100%,calc(60dvh * .8));border-radius:12px;touch-action:none}
.mezcalita-experience .scene-status{min-height:2.4em;margin:8px 0;font-size:13px}.mezcalita-experience .scene-hud{white-space:nowrap;font-size:12px;letter-spacing:0;text-align:center}
.mezcalita-experience .scene-actions{margin:8px 0 0}.mezcalita-experience .scene-actions button{border-radius:22px;min-height:48px;background:#245a58;color:#fff2d2;border-color:#245a58}
.mezcalita-experience .scene-actions .scene-pause{background:transparent;color:#64746c;border-color:transparent}
.mezcalita-bottle,.mezcalita-shaker,.mezcalita-garnish{position:absolute;z-index:3;border:0;background:transparent;min-width:48px;min-height:48px;touch-action:none;cursor:pointer;padding:0}
.mezcalita-bottle{bottom:1%;width:29%;height:28%}.mezcalita-shaker{left:20%;top:34%;width:60%;height:38%}.mezcalita-garnish{left:8%;top:38%;width:84%;height:38%}
.mezcalita-experience [hidden]{display:none!important}.mezcalita-bottle:focus-visible,.mezcalita-shaker:focus-visible,.mezcalita-garnish:focus-visible{outline:3px dashed #ffe4a6;outline-offset:-5px;border-radius:15px}
@media(max-height:700px){.mezcalita-experience .play-scene{max-width:min(100%,calc(55dvh * .8))}.mezcalita-experience .scene-subtitle{font-size:12px;margin-bottom:5px}}
.mezcalita-feedback{position:absolute;z-index:15;left:6%;right:6%;top:34%;margin:0;padding:12px;background:#ad2052;color:#fff6d4;border:2px solid #ffe199;border-radius:10px;box-shadow:0 4px #173b5099;text-align:center;font:700 16px/1.25 'Trebuchet MS',sans-serif;pointer-events:none}.mezcalita-feedback[data-kind="success"]{background:#175a56}.mezcalita-feedback[hidden]{display:none}
.mezcalita-experience .play-scene.is-ready{background-position:left center;background-size:auto 78%;background-color:#4a3227}
.mezcalita-experience .mezcalita-replay{display:block;margin:14px auto 0;min-height:48px;padding:8px 24px;border:1px solid #144c48;border-radius:24px;background:#245a58;color:#fff4d6;box-shadow:0 3px #153d37;font:400 19px 'Lilita One',sans-serif;cursor:pointer}
.mezcalita-experience .mezcalita-replay:focus-visible{outline:3px solid #315b8b;outline-offset:3px}
