.mascot-dock.svelte-1ql23e4{--mascot-height:clamp(300px, 46vh, 420px);inset-inline:16px;bottom:max(16px, env(safe-area-inset-bottom));height:var(--mascot-height);z-index:4;pointer-events:none;position:fixed}.mascot.svelte-1ql23e4{left:calc(var(--mascot-position) * 100%);width:calc(var(--mascot-height) * var(--mascot-ratio));height:var(--mascot-height);transform:translateX(calc(var(--mascot-position) * -100%));pointer-events:auto;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:5px;contain:layout style;border-radius:8px;position:absolute}.mascot.dragging.svelte-1ql23e4{cursor:grabbing}.mascot.svelte-1ql23e4:focus-visible{outline:2px solid var(--accent)}img.svelte-1ql23e4,canvas.svelte-1ql23e4{pointer-events:none;width:100%;height:100%;display:block}[hidden].svelte-1ql23e4{display:none}.drag-handle.svelte-1ql23e4{background:var(--muted);opacity:.25;pointer-events:none;border-radius:2px;width:16px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.mascot.svelte-1ql23e4:hover .drag-handle:where(.svelte-1ql23e4),.mascot.svelte-1ql23e4:focus-visible .drag-handle:where(.svelte-1ql23e4){opacity:.7}@media (width<=640px){.mascot-dock.svelte-1ql23e4{--mascot-height:clamp(230px, 38vh, 290px)}}