:root{--sky-top: #070b1c;--sky-mid: #101a3a;--sky-bottom: #1d2f55;--hill-far: #17263f;--hill-near: #0f1d2e;--grass: #2f5a2c;--grass-dark: #1d3a1c;--grass-light: #4b7d3f;--moon: #f6f0d6;--dirt: #3a2a1a;--dirt-dark: #120b06;--dirt-rim: #5a4229;--ink: #f2ecdf;--ink-soft: #b7b0a2;--paper: #171c2a;--paper-2: #232a3c;--line: rgba(255, 255, 255, .08);--accent: #f0903f;--accent-deep: #c9682a;--ok: #5ccf72;--warn: #f2b134;--danger: #ff5a48;--shadow: 0 16px 40px rgba(0, 0, 0, .55);--radius: 20px;--hud-h: 64px;--font: "Bricolage Grotesque", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-display: "Unbounded", "Bricolage Grotesque", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--grass-dark);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.noscript{margin:0;padding:16px;background:var(--paper);color:var(--ink);text-align:center}.app{position:relative;width:100%;height:100dvh;min-height:300px;display:flex;flex-direction:column;background:linear-gradient(var(--sky-top),var(--sky-mid) 60%,var(--sky-bottom));overflow:hidden}.hud-wrap{position:relative;z-index:5;background:#0a0e1cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hud{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;min-height:var(--hud-h);width:100%;max-width:1100px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) clamp(14px,3vw,32px) 8px}.hud__score,.hud__best{display:flex;flex-direction:column;line-height:1;min-width:44px}.hud__label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.hud__value{font-family:var(--font-display);font-size:clamp(22px,3.6vmin,30px);font-weight:800;font-variant-numeric:tabular-nums}.hud__timer{display:flex;align-items:center;gap:8px}.timer{flex:1;height:clamp(12px,2vmin,18px);border-radius:999px;background:#ffffff1f;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.timer__fill{height:100%;width:100%;border-radius:inherit;background:var(--ok);transform-origin:left center;transition:background-color .2s linear}.timer__text{font-family:var(--font-display);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;min-width:46px;text-align:right}.timer[data-zone=warn] .timer__fill{background:var(--warn)}.timer[data-zone=danger] .timer__fill{background:var(--danger)}.timer[data-zone=danger]+.timer__text{color:var(--danger);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.info-btn{appearance:none;border:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#f0903f29;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.info-btn:hover,.info-btn:focus-visible{background:#f0903f52;transform:scale(1.06);outline:none}.info-btn:focus-visible{box-shadow:0 0 0 3px var(--accent)}.info-btn .ico-off,.info-btn[aria-pressed=true] .ico-on{display:none}.info-btn[aria-pressed=true] .ico-off{display:block}.field{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.sky{position:relative;height:24%;min-height:90px;overflow:hidden}.sky:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.2px 1.2px at 12% 30%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 28% 12%,#fff 60%,transparent 62%),radial-gradient(1.6px 1.6px at 41% 44%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 55% 20%,#fff 60%,transparent 62%),radial-gradient(1.4px 1.4px at 66% 55%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 78% 16%,#fff 60%,transparent 62%),radial-gradient(1.2px 1.2px at 90% 38%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 6% 62%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 35% 70%,#fff 60%,transparent 62%),radial-gradient(1.3px 1.3px at 20% 50%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 48% 8%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 84% 66%,#fff 60%,transparent 62%),radial-gradient(1.2px 1.2px at 60% 78%,#fff 60%,transparent 62%),radial-gradient(1px 1px at 96% 10%,#fff 60%,transparent 62%);background-size:100% 100%;opacity:.85;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.55}to{opacity:.95}}.moon{position:absolute;top:12%;right:12%;width:clamp(44px,9vmin,84px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fffdf0,var(--moon) 55%,#d9d0aa);box-shadow:0 0 24px 6px #f6f0d659,0 0 80px 20px #f6f0d61f}.moon:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 60%,rgba(0,0,0,.08) 0 12%,transparent 13%),radial-gradient(circle at 62% 30%,rgba(0,0,0,.07) 0 9%,transparent 10%),radial-gradient(circle at 66% 68%,rgba(0,0,0,.06) 0 7%,transparent 8%)}.cloud{position:absolute;width:120px;height:36px;background:#2a3b63;border-radius:999px;opacity:.55;filter:blur(.3px)}.cloud:before,.cloud:after{content:"";position:absolute;background:#2a3b63;border-radius:50%}.cloud:before{width:50px;height:50px;left:20px;top:-24px}.cloud:after{width:36px;height:36px;left:62px;top:-14px}.cloud--1{top:22%;left:-30px;animation:drift 60s linear infinite}.cloud--2{top:48%;right:-40px;transform:scale(.7);animation:drift 85s linear infinite reverse}@keyframes drift{0%{translate:0 0}to{translate:140vw 0}}.hills{position:absolute;inset:auto 0 0;height:62%;background:radial-gradient(60% 100% at 18% 100%,var(--hill-near) 58%,transparent 59%),radial-gradient(70% 110% at 82% 100%,var(--hill-near) 56%,transparent 57%),radial-gradient(55% 100% at 50% 100%,var(--hill-far) 70%,transparent 71%),radial-gradient(90% 100% at 0% 100%,var(--hill-far) 62%,transparent 63%),radial-gradient(90% 100% at 100% 100%,var(--hill-far) 62%,transparent 63%)}.lawn{position:relative;flex:1;min-height:0;background-color:var(--grass);background-image:radial-gradient(60% 40% at 72% 0%,rgba(214,226,255,.16),transparent 70%),linear-gradient(#080e288c,#060a1e9e 40%,#030614c7),url(/img/grass.jpg);background-image:radial-gradient(60% 40% at 72% 0%,rgba(214,226,255,.16),transparent 70%),linear-gradient(#080e288c,#060a1e9e 40%,#030614c7),image-set(url(/img/grass.webp) type("image/webp"),url(/img/grass.jpg) type("image/jpeg"));background-size:auto,auto,clamp(220px,28vmin,360px);background-repeat:no-repeat,no-repeat,repeat;border-top:3px solid rgba(120,170,110,.45);display:grid;grid-template-rows:minmax(110px,36%) 1fr;grid-template-areas:"cat" "holes";justify-items:center;padding-bottom:max(12px,env(safe-area-inset-bottom))}.moonlight{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 82% -10%,rgba(220,232,255,.22),transparent 70%),linear-gradient(115deg,rgba(220,232,255,.06),transparent 45%);mix-blend-mode:screen}.cloud-shadow{position:absolute;top:-20%;left:-40%;width:60%;height:140%;pointer-events:none;z-index:0;background:radial-gradient(50% 50% at 50% 50%,rgba(2,5,16,.45),rgba(2,5,16,.2) 50%,transparent 72%);filter:blur(18px);animation:cloudDrift 46s linear infinite}@keyframes cloudDrift{0%{translate:0 0}to{translate:260% 0}}.vignette{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(2,5,16,.55) 100%);transition:box-shadow .25s ease}.field[data-zone=danger] .vignette{animation:dangerPulse .6s ease-in-out infinite alternate}@keyframes dangerPulse{0%{box-shadow:inset 0 0 #ff5a4800}to{box-shadow:inset 0 0 80px 20px #ff5a4859}}.firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#dff58a;box-shadow:0 0 6px 2px #dff58a66;opacity:0;pointer-events:none;z-index:1;animation:fly var(--d, 9s) ease-in-out var(--delay, 0s) infinite}@keyframes fly{0%{opacity:0;translate:0 0}15%{opacity:.9}50%{opacity:.2;translate:var(--dx, 30px) var(--dy, -40px)}70%{opacity:.8}to{opacity:0;translate:calc(var(--dx, 30px) * 1.6) calc(var(--dy, -40px) * .4)}}.cat{grid-area:cat;position:relative;justify-self:center;align-self:end;width:min(46vw,52vmin,260px);aspect-ratio:720 / 1142;margin-top:-4%;transform-origin:50% 96%;animation:breathe 3.4s ease-in-out infinite;z-index:2;filter:drop-shadow(-10px 8px 10px rgba(0,0,0,.55)) brightness(.9) saturate(.92);transition:filter .3s ease,translate .3s ease}.cat__img{position:absolute;inset:0;opacity:0;transition:opacity .12s ease}.cat__img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}.cat[data-state=idle] .cat__img--idle,.cat[data-state=catch] .cat__img--catch,.cat[data-state=angry] .cat__img--angry,.cat[data-state=sad] .cat__img--angry{opacity:1}.cat[data-state=catch]{animation:catchBounce .9s ease-out}.cat[data-state=angry] .cat__img--angry{animation:hiss .45s ease-in-out}.cat__shadow{position:absolute;left:50%;bottom:-2%;width:118%;height:12%;translate:-56% 0;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.55),rgba(0,0,0,.25) 55%,transparent 72%);filter:blur(3px);z-index:-1;transition:scale .3s ease,opacity .3s ease}.cat.is-pounce .cat__shadow{scale:.92 .8;opacity:.8}@keyframes catchBounce{0%{scale:1 1}12%{scale:1.06 .9}30%{scale:.97 1.05}50%{scale:1.02 .98}to{scale:1 1}}@keyframes hiss{0%,to{translate:0 0}20%{translate:-2% 0}40%{translate:2% 0}60%{translate:-1.5% 0}80%{translate:1.5% 0}}.cat.is-pounce{animation:pounce .38s cubic-bezier(.3,1.4,.5,1)}.cat.is-sad{filter:drop-shadow(-10px 8px 10px rgba(0,0,0,.55)) saturate(.7) brightness(.8);translate:0 2%}.cat.is-alert{animation:alert .5s ease-in-out infinite alternate}@keyframes breathe{0%,to{scale:1 1}50%{scale:1.012 .985}}@keyframes alert{0%{rotate:-1.5deg}to{rotate:1.5deg}}@keyframes pounce{0%{scale:1 1;translate:0 0}35%{scale:1.08 .82;translate:0 6%}70%{scale:.95 1.1;translate:0 -8%}to{scale:1 1;translate:0 0}}.holes{grid-area:holes;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2% 4%;padding:4% 6% 2%;width:100%;max-width:640px;height:100%;min-height:0}.hole{appearance:none;border:0;background:transparent;padding:0;margin:0;position:relative;min-height:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}.hole:focus-visible .hole__back{box-shadow:0 0 0 3px #fff}.hole__back{position:absolute;left:10%;right:10%;bottom:12%;height:34%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,var(--dirt-dark) 45%,var(--dirt) 80%);box-shadow:inset 0 -4px 8px #0009,inset 2px 3px 6px #bed2ff24,-6px 4px 10px #00000073,0 2px #00000059}.hole__back:after{content:"";position:absolute;left:22%;right:22%;top:30%;height:40%;border-radius:50%;background:#0000008c;filter:blur(3px);opacity:0;transition:opacity .18s ease}.hole.is-up .hole__back:after{opacity:1}.hole__clip{position:absolute;inset:0 10% 27%;overflow:hidden;pointer-events:none}.hole__mouse{position:absolute;left:50%;bottom:-4%;width:92%;max-width:190px;aspect-ratio:420 / 358;translate:-50% 105%;transition:translate .16s cubic-bezier(.2,.9,.3,1.2);will-change:translate}.hole__mouse picture,.hole__mouse img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-4px 5px 5px rgba(0,0,0,.55)) brightness(.92);pointer-events:none}.hole.is-up .hole__mouse{translate:-50% 8%}.hole.is-caught .hole__mouse{translate:-50% 105%;transition-duration:.1s}.hole__front{position:absolute;left:8%;right:8%;bottom:10%;height:18%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(var(--dirt-rim),var(--dirt));box-shadow:0 3px 4px #00000080,inset 0 1px #ffffff1f;pointer-events:none}.hole__front:after{content:"";position:absolute;left:0;right:0;top:-20%;height:60%;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,transparent 40%,var(--dirt-rim) 41%,var(--dirt) 100%);opacity:0}.hole__pop{position:absolute;left:50%;top:22%;translate:-50% 0;font-family:var(--font-display);font-weight:800;font-size:clamp(18px,6vw,28px);color:#fff;text-shadow:0 2px 0 var(--accent-deep),0 4px 10px rgba(0,0,0,.35);pointer-events:none;opacity:0}.hole.is-hit .hole__pop{animation:pop .55s ease-out forwards}.hole__paw{position:absolute;left:50%;bottom:22%;width:66%;max-width:170px;aspect-ratio:520 / 612;translate:-50% 0;transform-origin:50% 0%;pointer-events:none;opacity:0;z-index:3;filter:drop-shadow(-8px 10px 8px rgba(0,0,0,.55)) brightness(.95);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,#000 50%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,#000 50%)}.hole__paw img{display:block;width:100%;height:100%;object-fit:contain}.hole.is-hit .hole__paw{animation:slap .42s cubic-bezier(.3,1.1,.4,1) forwards}.hole.is-whiff .hole__paw{animation:whiff .4s ease-out forwards}.hole__pawshadow{position:absolute;left:20%;right:20%;bottom:18%;height:22%;border-radius:50%;background:#0009;filter:blur(4px);opacity:0;pointer-events:none;z-index:2}.hole.is-hit .hole__pawshadow{animation:pawShadow .42s ease-out forwards}.hole__flash{position:absolute;left:50%;bottom:14%;width:84%;height:34%;translate:-50% 0;border-radius:50%;border:3px solid rgba(150,120,80,.55);background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(120,95,60,.35) 75%,transparent 100%);opacity:0;pointer-events:none;z-index:1}.hole.is-hit .hole__flash{animation:flash .45s ease-out .14s forwards}.hole.is-escaped .hole__back{animation:escapePuff .5s ease-out}@keyframes slap{0%{opacity:0;translate:-50% -90%;scale:1.15;rotate:-6deg}40%{opacity:1;translate:-50% -2%;scale:.95;rotate:0deg}55%{translate:-50% 2%;scale:1 .96}to{opacity:0;translate:-50% -70%;scale:1.05;rotate:4deg}}@keyframes whiff{0%{opacity:0;translate:-50% -90%;scale:1.1;rotate:8deg}45%{opacity:.9;translate:-50% 4%;scale:.98;rotate:-4deg}to{opacity:0;translate:-50% -80%;scale:1.05;rotate:6deg}}@keyframes pawShadow{0%{opacity:0;scale:.5}40%{opacity:.9;scale:1}to{opacity:0;scale:.8}}@keyframes flash{0%{opacity:0;scale:.6}35%{opacity:.9;scale:1}to{opacity:0;scale:1.45 1.3}}@keyframes escapePuff{0%{box-shadow:inset 0 -4px 8px #0009,0 0 #785a3c80}to{box-shadow:inset 0 -4px 8px #0009,0 0 0 14px #785a3c00}}@keyframes pop{0%{opacity:0;translate:-50% 10px;scale:.6}20%{opacity:1;scale:1.15}to{opacity:0;translate:-50% -40px;scale:1}}.field.is-shake{animation:shake .3s ease-in-out}@keyframes shake{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0306128c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:1;transition:opacity .25s ease}.overlay[hidden]{display:none}.overlay.is-leaving{opacity:0;pointer-events:none}.overlay__card{width:min(100%,380px);padding:26px 22px 20px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;animation:rise .35s cubic-bezier(.2,1.2,.4,1)}@keyframes rise{0%{opacity:0;translate:0 20px;scale:.96}}.overlay__title{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(24px,7vw,34px);font-weight:800;letter-spacing:-.02em;color:var(--accent);line-height:1.05;text-wrap:balance}.overlay__text{margin:0 0 12px;color:var(--ink-soft);font-size:16px;line-height:1.45}.overlay__text strong{color:var(--ink)}.overlay__stats{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--paper-2);font-family:var(--font-display);font-size:15px;font-weight:600}.overlay__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:8px}.btn{appearance:none;border:0;border-radius:999px;padding:14px 26px;font:inherit;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--ink);background:var(--paper-2);cursor:pointer;min-height:48px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn--primary{color:#1a0d05;background:linear-gradient(var(--accent),var(--accent-deep));box-shadow:0 6px #8a4418,0 10px 18px #0006;padding-inline:44px}.btn--primary:active{box-shadow:0 2px #8a4418;transform:translateY(4px)}.link-btn{appearance:none;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px;min-height:44px}.about{border:0;padding:0;margin:auto;width:min(100%,560px);max-height:100dvh;background:transparent;color:var(--ink)}.about::backdrop{background:#030612b3;backdrop-filter:blur(3px)}.about__body{position:relative;max-height:100dvh;overflow:auto;overscroll-behavior:contain;padding:20px 20px max(24px,env(safe-area-inset-bottom));background:var(--paper);line-height:1.55;user-select:text;-webkit-user-select:text}@media(min-width:600px){.about{max-height:calc(100dvh - 40px)}.about__body{border-radius:var(--radius);max-height:calc(100dvh - 40px)}}.about__header{position:sticky;top:-20px;margin:-20px -20px 12px;padding:20px 60px 10px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.about__header h2{margin:0;font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.1;color:var(--accent)}.about__latin{margin:4px 0 0;color:var(--ink-soft);font-size:14px}.about__close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:50%;background:var(--paper-2);font-size:28px;line-height:1;cursor:pointer;color:var(--ink)}.about__close:focus-visible{outline:3px solid var(--accent)}.gallery{display:grid;grid-template-columns:1fr;gap:12px;margin:4px 0 6px}.gallery__item{margin:0}.gallery__item picture,.gallery__item img{display:block;width:100%;height:auto;border-radius:14px;background:var(--paper-2)}.gallery__item figcaption{margin-top:6px;font-size:13px;color:var(--ink-soft);line-height:1.4}.gallery__credit{margin:0 0 16px;font-size:12px;color:var(--ink-soft)}@media(min-width:480px){.gallery{grid-template-columns:1.55fr 1fr;align-items:start}.gallery__item img{aspect-ratio:1200 / 677;object-fit:cover}.gallery__item:last-child img{aspect-ratio:391 / 511}}.about h3{margin:22px 0 6px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--ink)}.about p{margin:0 0 10px}.facts,.sources{padding-left:20px;margin:0 0 10px}.facts li,.sources li{margin-bottom:6px}.about a{color:var(--accent);overflow-wrap:anywhere}.about__note{margin-top:14px;font-size:13px;color:var(--ink-soft)}@media(min-aspect-ratio:5/4){.sky{height:18%;min-height:48px}.lawn{grid-template-columns:minmax(180px,1fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"cat holes";align-items:end;padding:0 clamp(8px,3vw,48px) max(10px,env(safe-area-inset-bottom));column-gap:clamp(8px,2vw,32px)}.cat{align-self:end;justify-self:end;width:auto;height:min(96%,70vmin,600px);max-width:32vw;min-height:0;margin:0 0 1vmin}.holes{justify-self:start;align-self:stretch;max-width:min(60vw,150vmin,900px);height:100%;max-height:100%;padding:2% 3% 1%;gap:3% 4%}}@media(max-height:460px)and (orientation:landscape){:root{--hud-h: 48px}.hud{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:4px}.sky{height:10%;min-height:24px}.cloud{display:none}}@media(min-width:760px)and (max-aspect-ratio:5/4){.holes{max-width:min(80vw,760px)}.cat{width:min(34vw,300px)}}@media(min-width:1400px){.holes{max-width:960px}.overlay__card{width:min(100%,440px)}}@media(prefers-reduced-motion:reduce){.cat,.cloud,.firefly,.sky:before,.cloud-shadow,.vignette{animation:none!important}.hole__mouse{transition-duration:.01s}.overlay,.overlay__card{transition:none;animation:none}}