#dog-scene{width:min(1010px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ead0;color:#24463a;border:1px solid #c3a866;border-radius:20px}#dog-scene::backdrop{background:#132e2acc;backdrop-filter:blur(5px)}.dog-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-bottom:1px solid #cab888;font:13px system-ui}.dog-nav button{border:0;background:transparent;color:#315841;padding:9px;cursor:pointer}.dog-content{padding:20px 30px;text-align:center}.dog-content h1{font:600 clamp(24px,3vw,35px)/1.1 Georgia;margin:7px 0 15px}.dog-room{position:relative;aspect-ratio:3/2;width:min(100%,calc(max(210px,100svh - 360px) * 1.5));margin:auto;overflow:hidden;border-radius:14px;box-shadow:0 5px 18px #2a432533;background:#283c53}.dog-room>img{display:block;width:100%;height:100%;object-fit:cover}.dog-room:not(.dawn):before{content:'';position:absolute;inset:0;background:url('assets/era2-dog-dawn.svg') center/100% 100%;clip-path:polygon(8% 0,29% 0,29% 37%,8% 37%);opacity:var(--dawn);transition:opacity 1.1s;pointer-events:none}.dog-room:not(.dawn):after{content:'';position:absolute;inset:0;background:#ffdc9020;opacity:var(--dawn);pointer-events:none}.dog-sleeper{position:absolute;inset:0;background:url('assets/era2-dog-rolled.svg') center/100% 100%;clip-path:polygon(73% 18%,100% 18%,100% 74%,74% 74%);opacity:0;transition:opacity .6s;z-index:1}.rolling .dog-sleeper{opacity:1}.dog-clock{position:absolute;left:54.6%;top:8.9%;width:9.3%;aspect-ratio:1;border:3px solid #5b422d;border-radius:50%;background:radial-gradient(circle,#f5dfb1,#d5ab6b);transform:translate(-50%,-50%);z-index:3;box-shadow:1px 2px 4px #0006}.dog-hour,.dog-minute{position:absolute;width:3px;background:#3f352a;left:calc(50% - 1.5px);bottom:50%;height:30%;transform-origin:50% 100%;border-radius:2px;transition:transform 1.1s}.dog-minute{height:39%}.dog-clock i{position:absolute;width:8%;height:8%;background:#3f352a;border-radius:50%;left:46%;top:46%}.dog-time{position:absolute;left:54.6%;top:17%;transform:translateX(-50%);background:#f7e7bddf;color:#5a422c;border-radius:8px;padding:2px 7px;font:600 clamp(10px,1.4vw,15px) system-ui;z-index:3}.dog-flight{position:absolute;left:23%;top:69%;width:12%;height:17%;opacity:0;z-index:5;pointer-events:none}.dog-flight svg{width:100%;height:100%}.dog-flight.bottle{width:7%;height:21%}.throwing .dog-flight{animation:dog-arc 1s ease-in-out forwards}.bonked .dog-flight{animation:dog-bounce .65s ease-out forwards}.dog-impact{position:absolute;left:79%;top:45%;font:900 clamp(14px,3vw,28px) system-ui;color:#ffecb5;text-shadow:2px 2px #473742;opacity:0;z-index:6}.bonked .dog-impact{animation:dog-poof 1s ease-out}.dog-snore,.dog-growl{position:absolute;z-index:4;font:800 clamp(12px,2.3vw,24px) Georgia;color:#fff0cb;text-shadow:1px 2px #2b385b;opacity:0}.dog-snore{left:82%;top:18%}.dog-growl{left:33%;top:56%;color:#ffe4c5}.snoring .dog-snore{animation:dog-snooze 2.2s ease-in-out}.growling .dog-growl{opacity:1}.dawn .dog-snore,.dawn .dog-growl{display:none}.dog-choices{display:flex;gap:12px;justify-content:center;margin:14px auto}.dog-toss{display:flex;align-items:center;gap:8px;border:1px solid #9aab79;border-radius:15px;background:#fff3d8;color:#264f3f;padding:8px 14px;cursor:pointer;font:600 14px system-ui;min-height:62px}.dog-toss svg{width:42px;height:42px}.dog-toss:disabled{opacity:.55;cursor:wait}.dog-feedback{min-height:22px;font:600 14px/1.4 system-ui}.dog-line{font:21px/1.4 Georgia;margin:16px 0}.dog-guide{max-width:740px;margin:10px auto;font:14px/1.5 system-ui;color:#56704d}.dog-start,.dog-finish{border:1px solid #75996f;border-radius:24px;background:#1c5545;color:#ffefbc;padding:12px 24px;font:600 15px system-ui;cursor:pointer}.dog-nav button:focus-visible,.dog-toss:focus-visible,.dog-start:focus-visible,.dog-finish:focus-visible{outline:3px solid #3e8663;outline-offset:3px}.dog-stop .dog-map-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #315f3955)}@keyframes dog-arc{0%{left:23%;top:69%;opacity:1;transform:rotate(-20deg)}50%{left:52%;top:19%;opacity:1;transform:rotate(120deg)}100%{left:80%;top:52%;opacity:1;transform:rotate(230deg)}}@keyframes dog-bounce{0%{left:80%;top:52%;opacity:1;transform:rotate(230deg)}45%{left:76%;top:41%;opacity:1;transform:rotate(280deg)}100%{left:73%;top:58%;opacity:0;transform:rotate(330deg)}}@keyframes dog-poof{0%{opacity:1;transform:scale(.8)}40%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:translateY(-10px)}}@keyframes dog-snooze{0%,100%{opacity:0}20%,80%{opacity:1}50%{transform:translateY(-8px)}}@media(max-width:650px){.dog-content{padding:16px}.dog-nav{padding:8px}.dog-nav>span{display:none}.dog-toss{flex:1;flex-direction:column;gap:3px;font-size:12px;padding:7px 4px}.dog-choices{gap:8px}.dog-line{font-size:18px}.dog-guide{font-size:13px}.dog-clock{border-width:2px}.dog-hour,.dog-minute{width:2px;left:calc(50% - 1px)}}@media(prefers-reduced-motion:reduce){.dog-sleeper,.dog-hour{transition:none}.throwing .dog-flight,.bonked .dog-flight,.bonked .dog-impact,.snoring .dog-snore{animation:none}.throwing .dog-flight{left:80%;top:52%;opacity:1}.bonked .dog-flight{opacity:0}.bonked .dog-impact,.snoring .dog-snore{opacity:1}}