.lost-beaver{container-type:inline-size;width:100%;max-width:520px;margin-inline:auto;color:var(--foreground);text-align:center}.lost-beaver__picture{padding:4px 8px 0}.lost-beaver__scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);align-items:end;padding:76px 0 44px}.lost-beaver__digit{position:relative;font-size:clamp(88px,38cqw,190px);font-weight:800;line-height:.95;letter-spacing:-.07em;transform-origin:50% 85%}.lost-beaver__digit--nibbled:after{position:absolute;top:43%;left:14%;width:17%;aspect-ratio:1;border-radius:50%;background:var(--background);box-shadow:-8px 8px 0 1px var(--background);content:""}.lost-beaver__mascot{position:relative;width:100%;transform-origin:50% 95%}.lost-beaver__mascot>svg{display:block;width:100%;height:auto}.lost-beaver .hero-teeth{transition:none}.lost-beaver .mascot-pupil{transform-box:fill-box;transform-origin:center}.lost-beaver .mascot-sleep{opacity:0}.lost-beaver__bubble{position:absolute;top:8px;left:50%;z-index:1;width:max-content;max-width:90%;padding:10px 16px;border:1px solid var(--line);border-radius:18px 18px 18px 4px;background:var(--background);font-size:14px;line-height:1.4;translate:-50% 0}.lost-beaver__crumb{position:absolute;top:79%;left:54%;width:var(--crumb-size);height:var(--crumb-size);border-radius:2px;background:var(--accent);opacity:0;pointer-events:none}.lost-beaver__evidence{position:absolute;bottom:26px;left:53%;width:6px;height:6px;border-radius:1px;background:var(--accent);box-shadow:-20px 7px 0 -1px var(--accent),19px 4px 0 -1px var(--accent);rotate:17deg}.lost-beaver__replay{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:14px;line-height:1.4}.lost-beaver__replay svg{width:17px;height:17px}.lost-beaver__replay:focus-visible,.lost-beaver__replay:hover{color:var(--foreground);text-decoration:underline;text-underline-offset:5px}.lost-beaver__replay:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.lost-beaver__scene--play .lost-beaver__mascot{animation:lost-beaver-wobble 4.2s ease-in-out both}.lost-beaver__scene--play .mascot-pupil{animation:lost-beaver-glance 4.2s ease-in-out both}.lost-beaver__scene--play .hero-teeth{animation:lost-beaver-chew 4.2s ease-in-out both}.lost-beaver__scene--play .mascot-eye{animation:lost-beaver-blink 4.2s ease-in-out both}.lost-beaver__scene--play .lost-beaver__digit--nibbled{animation:lost-beaver-snack 4.2s ease-in-out both}.lost-beaver__scene--play .lost-beaver__crumb{animation:lost-beaver-crumb .95s cubic-bezier(.3,0,.7,1) var(--crumb-delay) both}.lost-beaver__scene--play .lost-beaver__bubble{animation:lost-beaver-excuse 4.2s ease-in-out both}}@keyframes lost-beaver-wobble{0%,12%,32%,70%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%,50%,60%{transform:rotate(4deg) translateY(2px)}45%,55%,65%{transform:rotate(1deg) translateY(-2px)}84%{transform:rotate(-3deg)}}@keyframes lost-beaver-glance{0%,32%,75%,8%,to{transform:translate(0)}14%,23%{transform:translate(-6px)}38%,63%{transform:translate(7px,2px)}84%,92%{transform:translateY(-4px)}}@keyframes lost-beaver-chew{0%,34%,70%,to{transform:translateY(0)}40%,50%,60%{transform:translateY(-8px)}45%,55%,65%{transform:translateY(3px)}}@keyframes lost-beaver-blink{0%,27%,31%,87%,91%,to{transform:scaleY(1)}29%,89%{transform:scaleY(.12)}}@keyframes lost-beaver-snack{0%,34%,68%,to{transform:rotate(0)}40%,50%,60%{transform:rotate(3deg)}45%,55%,65%{transform:rotate(-2deg)}}@keyframes lost-beaver-crumb{0%{opacity:0;transform:translate(0) rotate(0)}10%,70%{opacity:1}to{opacity:0;transform:translate(var(--crumb-x),var(--crumb-y)) rotate(170deg)}}@keyframes lost-beaver-excuse{0%,72%,to{transform:translateY(0) rotate(0)}81%{transform:translateY(-4px) rotate(-2deg)}90%{transform:translateY(1px) rotate(1deg)}}@media (prefers-reduced-motion:reduce),print{.lost-beaver__scene *{animation:none!important}.lost-beaver__replay{display:none}}