:root{--ink:#1f312c;--muted:#6c7d75;--paper:#f7f4ec;--cream:#fffaf0;--green:#285a49;--green-dark:#173f35;--lime:#dfe795;--orange:#ed8b5f;--line:#dce4d9}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:ui-rounded,Avenir Next,Trebuchet MS,system-ui,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #edb267}.app-shell{min-height:100vh;overflow:hidden}.menu-shell{background:radial-gradient(circle at 88% 6%, #f5e7c6 0, transparent 27%), var(--paper);padding:28px clamp(22px,5vw,78px) 22px}.topbar,.game-topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1370px;margin:0 auto;display:flex}.brand-lockup,.game-title{align-items:center;gap:11px;display:flex}.brand-mark{width:38px;height:38px;color:var(--green-dark);background:var(--lime);border-radius:13px;place-items:center;font-size:22px;display:grid;transform:rotate(-8deg)}.brand-name{letter-spacing:.08em;font-size:17px;font-weight:950;line-height:1;display:block}.brand-sub,.game-location{color:var(--muted);letter-spacing:.04em;margin-top:5px;font-size:11px;font-weight:700;display:block}.top-pills{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:24px;font-size:11px;font-weight:800;display:flex}.hero-grid{grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(28px,6vw,95px);max-width:1370px;margin:72px auto 86px;display:grid}.hero-copy{z-index:1;padding-left:clamp(0px,3vw,43px);position:relative}.eyebrow{color:#a26745;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:950}.eyebrow-dot{background:var(--orange);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}h1,h2,h3,p{margin:0}h1{max-width:600px;color:var(--green-dark);letter-spacing:-.07em;margin:19px 0;font-size:clamp(54px,7vw,96px);font-weight:950;line-height:.92}h1 em{color:var(--orange);font-style:normal}.hero-lede{color:#64766d;max-width:490px;font-size:16px;line-height:1.65}.hero-actions{align-items:center;gap:20px;margin-top:30px;display:flex}.primary-button{cursor:pointer;color:#fffbed;background:var(--green);letter-spacing:.04em;border:0;border-radius:12px;padding:15px 18px 15px 21px;font-size:12px;font-weight:950;transition:transform .15s,box-shadow .15s;box-shadow:0 9px #164332}.primary-button span{margin-left:18px;font-size:18px;line-height:10px;transition:transform .15s;display:inline-block}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px #164332}.primary-button:hover span{transform:translate(4px)}.key-hint{color:#7b8881;font-size:10px;font-weight:800}kbd{color:#586961;letter-spacing:.04em;background:#ecebe2;border-radius:5px;padding:4px 6px;font-family:inherit;font-size:9px;font-weight:900}.feature-row{color:#718078;flex-wrap:wrap;gap:18px;margin-top:44px;font-size:11px;font-weight:800;display:flex}.hero-art{isolation:isolate;background:linear-gradient(#9fe1ee 0 40%,#79b06c 40% 100%);border-radius:35px;min-height:440px;position:relative;overflow:hidden;box-shadow:0 25px #25594714}.hero-art:after{content:"";z-index:0;background:repeating-linear-gradient(172deg,#0000 0 22px,#2e6a4521 23px 25px,#0000 26px 47px);position:absolute;inset:40% 0 0;transform:scale(1.3)}.sun-disc{z-index:0;background:#ffe5a5;border-radius:50%;width:85px;height:85px;position:absolute;top:42px;right:82px;box-shadow:0 0 0 18px #ffeeb83b}.mountain{z-index:1;clip-path:polygon(0 100%,14% 41%,25% 67%,43% 15%,58% 62%,72% 27%,86% 69%,100% 20%,100% 100%);width:110%;height:50%;position:absolute;bottom:28%}.mountain-back{transform-origin:bottom;background:#66958b;left:-4%;transform:scaleY(.72)}.mountain-front{clip-path:polygon(0 100%,12% 54%,26% 75%,43% 29%,57% 70%,74% 38%,89% 76%,100% 44%,100% 100%);background:#4b7e69;bottom:17%;left:-1%}.hero-tree,.hero-house,.hero-sheep,.hero-dog,.hero-bubble,.art-caption{z-index:2;-webkit-user-select:none;user-select:none;position:absolute}.hero-tree{filter:drop-shadow(6px 10px #254d311f);font-size:66px;bottom:29%}.tree-one{left:10%;transform:scale(.72)}.tree-two{bottom:34%;right:8%;transform:scale(.55)}.hero-house{filter:drop-shadow(5px 6px #2e4c331f);font-size:42px;bottom:34%;right:17%}.hero-sheep{filter:drop-shadow(2px 6px #2b50322b);font-size:47px;animation:2.6s ease-in-out infinite bob;bottom:19%}.sheep-one{left:22%}.sheep-two{animation-delay:.6s;bottom:27%;left:42%}.sheep-three{animation-delay:1.1s;bottom:21%;right:18%}.hero-dog{z-index:4;filter:drop-shadow(4px 13px #24492e33);font-size:106px;animation:1.4s ease-in-out infinite dog-wag;bottom:8%;left:49%}.hero-bubble{color:#fff7d9;background:var(--orange);border-radius:12px 12px 12px 3px;padding:7px 12px;font-size:15px;font-weight:950;top:37%;left:60%;transform:rotate(7deg)}.art-caption{color:#fff8d7d9;letter-spacing:.15em;font-size:9px;font-weight:900;bottom:22px;right:25px}.caption-dot{background:#ffd47b;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes dog-wag{50%{transform:translateY(-4px)rotate(-2deg)}}.selection-section{max-width:1370px;margin:0 auto;padding-left:clamp(0px,3vw,43px)}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.section-heading h2{color:var(--green-dark);letter-spacing:-.06em;margin-top:8px;font-size:clamp(24px,3vw,38px);line-height:1}.section-note{color:#7c8b84;font-size:11px;font-weight:800}.breed-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.breed-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff6b;border-radius:18px;grid-template-columns:72px 1fr;gap:15px;min-height:181px;padding:18px;transition:border .2s,transform .2s,background .2s;display:grid;position:relative;overflow:hidden}.breed-card:hover{background:#fffaf1;border-color:#b8cfb0;transform:translateY(-3px)}.breed-card.selected{border:2px solid var(--green);background:#fffdf5;padding:17px;box-shadow:0 9px #245b4714}.breed-icon{border-radius:50%;place-items:center;width:72px;height:72px;font-size:40px;display:grid}.breed-info h3{color:var(--green-dark);letter-spacing:-.04em;margin:5px 0 6px;font-size:18px}.breed-info p{color:#728078;font-size:11px;line-height:1.4}.breed-tag{color:#bd744e;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:950}.stat-strip{color:#829089;text-transform:uppercase;grid-column:1/-1;grid-template-columns:repeat(3,1fr);align-self:end;gap:8px;font-size:9px;font-weight:900;display:grid}.stat-strip span{flex-direction:column;gap:5px;display:flex}.stat-strip i{background:var(--orange);border-radius:10px;height:4px;display:block}.select-check{color:#fffced;background:var(--green);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:950;display:grid;position:absolute;top:15px;right:15px}.breed-card:not(.selected) .select-check{color:#0000;background:#e9eee7}.menu-footer{color:#9aa59f;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #dce4d9;justify-content:space-between;max-width:1370px;margin:72px auto 0;padding:17px 0 0;font-size:10px;font-weight:800;display:flex}.game-shell{background:#edf1e5;min-height:100vh;padding:23px clamp(16px,4vw,58px) 28px}.game-topbar{max-width:1520px}.back-button{color:#708078;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:900}.back-button span{margin-left:5px;font-size:11px}.game-title{position:absolute;left:50%;transform:translate(-50%)}.game-title .brand-name{color:var(--green-dark)}.game-meta{color:#78887e;letter-spacing:.13em;align-items:center;gap:18px;font-size:10px;font-weight:950;display:flex}.score-pill{color:#6d5c30;letter-spacing:.03em;background:#f5dfa3;border-radius:9px;padding:9px 13px}.game-layout{grid-template-columns:190px minmax(0,1fr);gap:clamp(18px,3vw,44px);max-width:1520px;margin:37px auto 0;display:grid}.level-rail{padding:12px 0}.rail-label{color:#9b735b;letter-spacing:.18em;margin-bottom:20px;font-size:10px;font-weight:950}.level-step{color:#96a49c;border-left:2px solid #dce4d8;align-items:center;gap:11px;min-height:55px;padding-left:16px;font-size:10px;font-weight:850;display:flex}.level-step.active{color:var(--green-dark);border-color:var(--orange)}.level-step.done{color:#74a886}.step-number{color:#94a39b;background:#e2e9dc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.active .step-number{color:#fffdf0;background:var(--orange)}.done .step-number{color:#fff;background:#76aa87}.step-name{line-height:1.2}.rail-tip{background:#e3eadb;border-radius:14px;margin-top:45px;padding:14px}.rail-tip span{color:#ab734e;letter-spacing:.13em;font-size:9px;font-weight:950}.rail-tip p{color:#708177;margin-top:7px;font-size:10px;font-weight:700;line-height:1.5}.play-column{min-width:0}.game-hud{grid-template-columns:1.05fr 1.35fr .75fr;gap:12px;margin-bottom:15px;display:grid}.hud-card{background:#ffffff8c;border:1px solid #acc0a9b3;border-radius:13px;min-height:76px;padding:12px 15px}.hud-label{color:#9a7a62;letter-spacing:.12em;margin-bottom:6px;font-size:9px;font-weight:950;display:block}.hud-card strong{color:var(--green-dark);font-size:12px;display:block}.hud-small{color:#829088;margin-top:6px;font-size:10px;font-weight:750;display:block}.progress-line{background:#e0e9db;border-radius:8px;height:5px;margin-top:10px;overflow:hidden}.progress-line i{border-radius:inherit;background:var(--orange);height:100%;transition:width .25s;display:block}.alert{background:#fffbef;border-color:#f0e1bd}.alert.danger{background:#fff2e4;border-color:#e59475}.bark-button{cursor:pointer;color:#fff8df;background:var(--orange);border:0;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:950;display:flex}.bark-button span{font-size:15px}.bark-button.cooldown{opacity:.55;cursor:wait}.canvas-frame{background:#6fa96d;border:7px solid #fffaf0;border-radius:22px;height:min(58vw,650px);min-height:410px;position:relative;overflow:hidden;box-shadow:0 16px #325d4314}.canvas-frame canvas{width:100%;height:100%;display:block}.canvas-chip{color:#fffce9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#214a3ba1;border:1px solid #ffffff73;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:900;position:absolute;top:16px}.chip-left{left:16px}.chip-right{color:#6c5d3e;background:#ffeca3e0;right:16px}.level-complete{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#184437c2;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.35s fade-in;display:flex;position:absolute;inset:0}.complete-star{color:#8a6330;background:#f7dfa1;border-radius:20px;place-items:center;width:60px;height:60px;margin-bottom:13px;font-size:30px;display:grid;transform:rotate(-8deg)}.level-complete .eyebrow{color:#f7d285}.level-complete h2{color:#fff9df;letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(28px,4vw,46px)}.level-complete p{color:#d7e3cc;max-width:350px;font-size:12px;line-height:1.5}.complete-score{color:#ffe096;margin:17px 0 22px;font-size:16px;font-weight:950}.level-complete .primary-button{background:var(--orange);box-shadow:0 7px #bc704f}.game-controls{justify-content:space-between;align-items:center;gap:20px;padding:16px 2px 0;display:flex}.control-copy{flex-direction:column;gap:7px;display:flex}.control-copy strong{color:#75857b;font-size:11px}.control-keys{align-items:center;gap:13px;display:flex}.d-pad{flex-direction:column;align-items:center;gap:2px;display:flex}.d-pad div{gap:2px;display:flex}.d-pad button{cursor:pointer;color:#5d7165;background:#e0e9db;border:0;border-radius:5px;width:27px;height:23px;padding:0;font-weight:900}.d-pad>button{width:27px}.control-or{color:#a3aea6;font-size:10px}.space-key{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;display:flex}.space-key kbd{text-align:center;background:#d8e3d3;min-width:68px}.space-key span{color:#7d8e84;font-size:9px;font-weight:900}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.top-pills{display:none}.hero-grid{grid-template-columns:1fr;margin-top:52px;margin-bottom:58px}.hero-copy{padding-left:0}.hero-art{min-height:350px}.selection-section{padding-left:0}.breed-grid{grid-template-columns:1fr}.breed-card{min-height:150px}.menu-footer{margin-top:44px}.game-layout{grid-template-columns:1fr;margin-top:24px}.level-rail{align-items:center;gap:8px;padding:0 0 12px;display:flex;overflow-x:auto}.rail-label,.rail-tip{display:none}.level-step{border-bottom:2px solid #dce4d8;border-left:0;min-width:130px;min-height:36px;padding:0 8px 8px}.game-hud{grid-template-columns:1fr 1fr}.bark-hud{grid-column:1/-1;align-items:center;gap:12px;display:flex}.bark-hud .hud-label,.bark-hud .hud-small{margin:0}.canvas-frame{height:62vw;min-height:390px}}@media (width<=580px){.menu-shell{padding:20px 16px}.hero-grid{margin-top:42px}.hero-copy h1{font-size:56px}.hero-lede{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.feature-row{gap:10px;margin-top:30px}.hero-art{border-radius:25px;min-height:285px}.hero-dog{font-size:76px}.hero-sheep{font-size:35px}.hero-tree{font-size:48px}.sun-disc{width:56px;height:56px;right:30px}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.menu-footer{flex-direction:column;align-items:flex-start;gap:9px;margin-top:35px}.game-shell{padding:14px 10px 22px}.game-topbar{gap:8px}.game-title{margin-right:auto;position:static;transform:none}.game-location{font-size:9px}.game-meta{gap:6px;font-size:8px}.back-button span{display:none}.game-hud{gap:8px}.hud-card{padding:10px}.hud-card strong{font-size:10px}.hud-small{font-size:9px}.canvas-frame{border-width:4px;border-radius:15px;min-height:330px}.canvas-chip{padding:6px 8px;font-size:8px;top:9px}.chip-right{display:none}.game-controls{flex-direction:column;align-items:flex-start}.control-keys{justify-content:space-between;width:100%}.level-complete h2{font-size:30px}}