@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap";:root{--ink:#223342;--cream:#fff7e7;--sun:#ffd462;--orange:#f28b48;--meadow:#5ca754;--deep-green:#286848;--blue:#7cc9e8;--panel:#fffaf0eb}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#87cce9;margin:0;font-family:DM Sans,Arial,sans-serif;overflow:hidden}button,kbd{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-shell,.intro-screen,.play-screen,.result-screen{width:100%;min-height:100svh;position:relative;overflow:hidden}.intro-screen{background:#85cae7;align-items:center;padding:44px clamp(22px,7vw,112px);display:grid}.intro-art{background:linear-gradient(90deg,#10394259 0%,#10394217 42%,#10394205 70%),url(../og.png) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate intro-drift;position:absolute;inset:0;transform:scale(1.01)}@keyframes intro-drift{0%{transform:scale(1.01)translate(0)}to{transform:scale(1.06)translate(-1.25%)}}.intro-shade{background:linear-gradient(90deg,#1426276b 0%,#1426272e 46%,#1e3d211a 100%);position:absolute;inset:0}.intro-content{z-index:1;color:#fff9ec;text-shadow:0 2px 15px #173a3054;width:min(810px,100%);position:relative}.eyebrow{letter-spacing:.18em;opacity:.86;margin:0 0 10px;font-size:.71rem;font-weight:900}.intro-content h1,.result-card h2{letter-spacing:-.065em;margin:0;font-family:Nunito,DM Sans,sans-serif;font-size:clamp(3.2rem,7.2vw,6.5rem);font-weight:900;line-height:.82}.intro-content h1 span{color:var(--sun);text-shadow:0 5px #64522b2e,0 3px 15px #2c2b2252;font-size:1.18em;display:block}.intro-lede{max-width:590px;margin:25px 0 26px;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:600;line-height:1.55}.breed-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;width:min(740px,100%);display:grid}.breed-card{text-align:left;color:#fffdf5;cursor:pointer;min-height:174px;text-shadow:none;background:#fffbef2e;border:2px solid #ffffff4f;border-radius:20px;padding:14px 13px 12px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.breed-card:hover,.breed-card:focus-visible{background:#fffbef4a;outline:none;transform:translateY(-4px)}.breed-card.is-selected{color:#2a4047;background:#fff9e2f2;border-color:#ffcf57;box-shadow:0 13px 35px #14372a47,inset 0 0 0 2px #fff8d4}.breed-dog{background:#25313b;border-radius:50% 45% 40% 35%;width:76px;height:46px;margin:3px auto 10px;display:block;position:relative;box-shadow:inset -12px -3px #0000001c}.breed-dog:after,.breed-face,.breed-tail,.breed-ear{content:"";display:block;position:absolute}.breed-face{background:#f7f0df;border-radius:48% 45% 52% 50%;width:29px;height:30px;top:10px;left:-15px;transform:rotate(-8deg)}.breed-face:after{content:"";background:#27313a;border-radius:50%;width:7px;height:6px;position:absolute;top:13px;left:-1px}.breed-tail{background:#27313a;border-radius:99px;width:35px;height:10px;top:4px;right:-25px;transform:rotate(-30deg)}.breed-ear{background:#202a35;border-radius:50% 50% 16% 16%;width:20px;height:25px;top:-18px;transform:rotate(8deg)}.breed-ear--one{left:19px}.breed-ear--two{left:43px;transform:rotate(-9deg)}.breed-dog--aussie{background:#a06b4e}.breed-dog--aussie .breed-face,.breed-dog--corgi .breed-face{background:#fff0dc}.breed-dog--aussie .breed-ear{background:#7e4d37;top:-4px;transform:rotate(28deg)}.breed-dog--aussie .breed-ear--two{transform:rotate(-28deg)}.breed-dog--aussie .breed-tail{background:#a06b4e}.breed-dog--corgi{background:#c67d42;height:38px;margin-top:11px;margin-bottom:10px}.breed-dog--corgi .breed-ear{background:#a55a31;height:34px;top:-25px}.breed-dog--corgi .breed-tail{background:#fff0dc;width:24px;top:9px;right:-17px}.breed-copy{display:block}.breed-copy strong{font-size:.91rem;font-weight:900;display:block}.breed-copy small{opacity:.78;margin-top:2px;font-size:.72rem;font-weight:700;display:block}.breed-stats{opacity:.9;gap:4px;margin-top:9px;font-size:.62rem;font-weight:800;display:grid}.breed-stats>span{justify-content:space-between;align-items:center;gap:5px;display:flex}.stat-bars{gap:2px;display:flex}.stat-bars i{opacity:.18;background:currentColor;border-radius:9px;width:4px;height:7px;display:block}.stat-bars i.is-on{opacity:1}.breed-description{width:min(675px,100%);min-height:42px;margin:15px 0 18px;font-weight:600;line-height:1.4}.intro-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.button{cursor:pointer;border:0;border-radius:15px;min-height:51px;padding:0 23px;font-size:.98rem;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s}.button:hover,.button:focus-visible{filter:brightness(1.04);outline:none;transform:translateY(-2px)}.button--primary{color:#3b4035;background:#ffcf54;box-shadow:0 5px #d69b35,0 12px 24px #2a381d38}.button--primary span{margin-left:12px;font-size:1.2em}.button--plain{color:inherit;opacity:.85;background:0 0;min-height:42px;padding:0 12px;text-decoration:underline}.control-legend{flex-wrap:wrap;align-items:center;gap:7px 13px;font-size:.72rem;font-weight:700;display:flex}.control-legend span{align-items:center;gap:4px;display:inline-flex}kbd{color:#344b43;min-height:21px;text-shadow:none;background:#ffffffa8;border:1px solid #2e423930;border-bottom-width:3px;border-radius:5px;align-items:center;padding:2px 6px;font-size:.67rem;font-weight:900;display:inline-flex}.play-screen{background:#93cfe6}.game-canvas{z-index:0;touch-action:none;position:absolute;inset:0}.game-canvas canvas{width:100%;height:100%;display:block}.hud{z-index:2;pointer-events:none;position:absolute;inset:0}.hud-top{top:max(18px, env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;gap:11px;display:flex;position:absolute;left:22px;right:22px}.level-pill,.timer-pill,.pause-button,.hud-panel,.tip-card,.bark-chip,.threat-chip{box-shadow:0 8px 24px #214d4129}.level-pill{color:#33473d;background:#fffaeae6;border-radius:13px;flex-direction:column;padding:9px 14px 10px;font-size:.95rem;font-weight:900;line-height:1.14;display:inline-flex}.level-pill span{color:#7e8060;letter-spacing:.13em;margin-bottom:3px;font-size:.61rem;font-weight:900}.timer-pill{color:#fff8e9;letter-spacing:.05em;background:#274438c7;border-radius:13px;margin-left:auto;padding:10px 15px;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:900}.pause-button{pointer-events:auto;color:#38544a;cursor:pointer;background:#fffaeae8;border:0;border-radius:13px;width:42px;height:42px;font-size:1rem;font-weight:900}.hud-left{gap:10px;display:grid;position:absolute;top:94px;left:22px}.hud-panel{background:var(--panel);color:#2d453d;border:1px solid #ffffffa8;border-radius:15px;width:167px;padding:11px 12px}.panel-kicker{color:#71816d;letter-spacing:.12em;font-size:.59rem;font-weight:900;display:block}.sheep-panel strong{margin-top:1px;font-family:Nunito,sans-serif;font-size:1.65rem;line-height:1.1;display:block}.sheep-panel strong small{color:#73816e;font-size:.86rem}.sheep-progress{background:#d9e1ca;border-radius:9px;height:7px;margin-top:7px;overflow:hidden}.sheep-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffce53,#ea9446);height:100%;transition:width .22s;display:block}.courage-panel strong{gap:4px;margin-top:4px;font-size:1.14rem;display:flex}.hearts span{color:#d7d9ce;transition:color .18s}.hearts span.is-full{color:#ef7065}.hud-bottom{left:22px;right:22px;bottom:max(19px, env(safe-area-inset-bottom));flex-wrap:wrap;align-items:center;gap:9px;display:flex;position:absolute}.tip-card{color:#345045;background:#fffbeee6;border-radius:12px;align-items:center;gap:8px;max-width:min(440px,100vw - 44px);padding:10px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.tip-card b{color:#e88c48;letter-spacing:.08em;font-size:.63rem}.bark-chip,.threat-chip{color:#fffaeb;background:#274438c7;border-radius:11px;align-items:center;gap:6px;padding:8px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.bark-chip kbd{color:#fff;background:#ffffff2e;border:0;min-height:17px;padding:1px 5px}.threat-chip{background:#87472de0}.bark-dot{background:#758a80;border-radius:99px;width:8px;height:8px}.bark-dot.is-ready{background:#ffd262;box-shadow:0 0 0 3px #ffd2622e}.pause-overlay{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16302d57;place-items:center;display:grid;position:absolute;inset:0}.pause-overlay>div{color:#314a40;text-align:center;background:#fff9e8f0;border:1px solid #ffffffb3;border-radius:24px;width:min(360px,100vw - 40px);padding:32px;box-shadow:0 22px 60px #142b2142}.pause-overlay .eyebrow{color:#7d836b}.pause-overlay h2{margin:0 0 20px;font-family:Nunito,sans-serif;font-size:2.7rem;line-height:1}.pause-overlay .button{width:100%;margin-top:8px;display:block}.pause-overlay .button--plain{color:#456157}.touch-controls{inset:auto 16px max(14px, env(safe-area-inset-bottom));z-index:3;pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute}.touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.touch-dpad{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,41px);gap:4px;width:132px;height:103px;display:grid}.touch-dpad button{color:#34594a;background:#fffae8bd;border:1px solid #ffffff85;border-radius:11px;font-weight:900;box-shadow:0 4px 14px #18473a2e}.touch-dpad button:first-child{grid-column:2}.touch-dpad button:nth-child(2){grid-area:2/1}.touch-dpad button:nth-child(3){grid-area:2/3}.touch-dpad button:nth-child(4){grid-area:2/2}.touch-bark{color:#fff8e9;background:#ef9350;border:3px solid #fff6dac7;border-radius:50%;width:69px;height:69px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;box-shadow:0 5px #b86b38,0 10px 20px #224b3733}.touch-bark small{margin-top:-2px;font-family:DM Sans,sans-serif;font-size:.58rem;font-weight:800;display:block}.result-screen{background:linear-gradient(160deg,#9dd8ed 0%,#dbf1e1 48%,#80bd68 49%,#4d914e 100%);place-items:center;padding:28px;display:grid}.result-hills{background:#3f8650;border-radius:50% 50% 0 0/45% 45% 0 0;height:59%;position:absolute;bottom:-22%;left:-8%;right:-8%;transform:rotate(-5deg)}.result-hills:before,.result-hills:after{content:"";background:#6db55d;border-radius:50% 50% 0 0;position:absolute}.result-hills:before{width:53%;height:66%;bottom:0;left:16%}.result-hills:after{background:#2f7549;width:46%;height:83%;bottom:0;right:5%}.result-card{color:#30473d;text-align:center;background:#fffaebed;border:1px solid #ffffffb3;border-radius:30px;width:min(470px,100%);padding:40px clamp(25px,6vw,50px) 35px;position:relative;box-shadow:0 28px 70px #294d363d}.result-card .eyebrow{color:#738172}.result-card h2{color:#315c42;font-size:clamp(2.7rem,7vw,4.4rem);line-height:.9}.result-card>p:not(.eyebrow){color:#5c7065;max-width:360px;margin:18px auto 23px;font-weight:600;line-height:1.55}.star-row{color:#d6ddcb;letter-spacing:.08em;margin:5px 0 12px;font-size:2rem}.star-row .is-earned{color:#ffc947;text-shadow:0 3px #dc9b35}.result-card .button{width:100%;margin-top:10px;display:block}.result-card .button--plain{color:#4c6759}@media (width<=760px){.intro-screen{align-items:end;padding:34px 19px 28px}.intro-art{background-position:61%}.intro-shade{background:linear-gradient(#19382c08 22%,#122b24b0)}.intro-content h1{font-size:clamp(3rem,15vw,4.8rem)}.intro-lede{margin:16px 0 17px;font-size:.93rem;line-height:1.42}.breed-picker{gap:7px}.breed-card{border-radius:15px;min-height:143px;padding:9px 7px}.breed-dog{margin:-2px auto 3px;transform:scale(.78)}.breed-copy strong{font-size:.7rem;line-height:1.05}.breed-copy small{font-size:.58rem;line-height:1.1}.breed-stats{display:none}.breed-description{min-height:35px;margin:10px 0 13px;font-size:.79rem}.intro-actions{gap:11px}.button{min-height:47px}.control-legend{gap:4px 7px;font-size:.6rem}.control-legend kbd{min-height:18px;padding:2px 4px;font-size:.55rem}.hud-top{left:13px;right:13px;top:max(12px, env(safe-area-inset-top))}.level-pill{padding:8px 10px;font-size:.78rem}.timer-pill{padding:9px 10px;font-size:.84rem}.pause-button{width:38px;height:38px}.hud-left{gap:6px;display:flex;top:78px;left:13px}.hud-panel{border-radius:12px;width:auto;min-width:110px;padding:8px 9px}.panel-kicker{font-size:.51rem}.sheep-panel strong{font-size:1.22rem}.sheep-progress{height:5px;margin-top:4px}.courage-panel strong{font-size:.96rem}.hud-bottom{gap:6px;bottom:123px;left:13px;right:13px}.tip-card{max-width:min(360px,92vw);padding:7px 9px;font-size:.66rem}.bark-chip,.threat-chip{padding:6px 8px;font-size:.62rem}.touch-controls{display:flex}.pause-overlay>div{padding:28px 22px}.result-card{border-radius:24px;padding:33px 22px 27px}}@media (width<=420px){.breed-card{min-height:126px}.breed-dog{margin:-6px auto -5px;transform:scale(.65)}.breed-copy strong{font-size:.62rem}.breed-copy small{display:none}.intro-content h1{font-size:3.3rem}.intro-lede{font-size:.84rem}.hud-left{transform-origin:0 0;transform:scale(.92)}.hud-bottom{bottom:117px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}