.dog-check{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #c8dfd5;border-radius:24px;padding:34px;background:#fff;color:#17372a;box-shadow:0 30px 100px #072b2440;text-align:center;font-family:Lato,sans-serif}
.dog-check::backdrop{background:#0b2924b8;backdrop-filter:blur(5px)}
.dog-close{position:absolute;right:16px;top:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#edf5f0;color:#456555;font-size:26px;cursor:pointer}
.dog-kicker{font-size:.75rem;font-weight:700;letter-spacing:.15em;margin:8px 0 15px;color:#087553}
.dog-check h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(1.7rem,5vw,2.2rem);line-height:1.16;letter-spacing:-.045em;margin:0 0 16px}
#dog-instructions{font-size:1rem;line-height:1.6;color:#52685b;margin:0 auto 21px;max-width:360px}
.dog-scene{height:225px;position:relative;overflow:hidden;border:1px solid #c8e6d9;border-radius:13px;background:#edfaf4;margin:0 -7px 18px}
.dog-scene-label{position:absolute;left:16px;top:14px;font-size:.75rem;letter-spacing:.08em;font-weight:700;color:#517d69}
.dog-ground{position:absolute;left:0;right:0;bottom:0;height:43px;background:#d8eddf;border-top:6px solid #20b787;box-shadow:0 6px 0 #129467 inset}
.dog-character{position:absolute;left:27%;bottom:22px;width:136px;height:136px;margin-left:-68px;z-index:2;will-change:translate}
.dog-sprite{width:100%;height:100%;background-image:url('/dog-check/dog.png');background-size:200% 200%;background-repeat:no-repeat;image-rendering:pixelated}
.dog-rock{position:absolute;left:88%;bottom:0;width:120px;height:120px;object-fit:contain;margin-left:-60px;image-rendering:pixelated;z-index:1}
.dog-result{min-height:3em;font-size:1rem;line-height:1.5;margin:0 0 14px;font-weight:700;color:#24593c;display:flex;align-items:center;justify-content:center}
.dog-check .dog-action{display:flex;align-items:center;justify-content:center;gap:20px;background:#20b787;border:1px solid #20b787;border-radius:9px;color:white;width:100%;min-height:52px;padding:14px 20px;font-size:1rem;font-family:inherit;cursor:pointer;font-weight:700}
.dog-check .dog-action:hover{background:#139b70;border-color:#139b70;color:#fff}
.dog-untimed{display:block;background:none;border:0;padding:14px 8px 5px;margin:5px auto 0;font-family:inherit;font-size:.875rem;line-height:1.5;color:#3e6853;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.dog-untimed[hidden]{display:none}
#dog-prototype{color:#6b7b71;font-size:.75rem;line-height:1.5;margin:20px 0 0}
.dog-check button:focus-visible{outline:3px solid #124d38;outline-offset:4px}
.dog-check[data-state=failed] .dog-result{color:#9c512c}
.dog-check[data-state=success] .dog-scene{background:#ddf9eb}
.dog-check[data-state=success] .dog-character{bottom:15px}
@media(max-width:420px){.dog-check{padding:30px 23px 24px}.dog-scene{height:205px}.dog-character{width:124px;height:124px;margin-left:-62px}.dog-scene-label{font-size:.75rem;letter-spacing:.035em}.dog-check h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.dog-check::backdrop{backdrop-filter:none}.dog-character{will-change:auto}}