:root{color-scheme:dark;--ink:#f7f3dd;--muted:#b9c8bb;--leaf:#6ddd87;--gold:#ffd15c;--soil:#4b2e25;--night:#0d1814;--panel:#172d24;--danger:#ff796c;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif}
.panel[hidden]{display:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 0,#294f3b 0,transparent 36%),linear-gradient(160deg,#101f19,#07100d 80%);overflow-x:hidden}.shell{width:min(900px,100%);margin:auto;padding:clamp(18px,4vw,38px)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.72rem;color:var(--leaf);margin:0 0 8px}h1{font-size:clamp(2.4rem,8vw,5.4rem);line-height:.88;letter-spacing:-.065em;margin:0}.lede{max-width:650px;color:var(--muted);font-size:clamp(.95rem,2vw,1.12rem);line-height:1.55}.sound,.primary{border:1px solid #ffffff20;color:var(--ink);background:#ffffff0c;border-radius:999px;padding:11px 16px;font:700 .84rem inherit;cursor:pointer;white-space:nowrap}.sound:hover,.sound:focus-visible{background:#ffffff18}.scorebar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 10px}.scorebar div{background:#ffffff0b;border:1px solid #ffffff10;border-radius:16px;padding:12px 15px}.scorebar span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.scorebar strong{font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,4vw,1.75rem)}.meter{height:5px;background:#ffffff0c;border-radius:99px;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--leaf),var(--gold));transform-origin:left}.garden{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,2.5vw,18px);margin:20px 0;padding:clamp(15px,3vw,28px);border:1px solid #ffffff12;border-radius:28px;background:linear-gradient(#44683e,#27472f);box-shadow:inset 0 20px 40px #ffffff08,0 25px 70px #0006}.garden:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.18;background-image:radial-gradient(#d7ef8e 1px,transparent 1px);background-size:23px 23px}.garden.rush{animation:rushglow .65s infinite alternate}.hole{position:relative;isolation:isolate;min-height:clamp(100px,20vw,154px);border:0;background:transparent;cursor:pointer;overflow:hidden;border-radius:22px;-webkit-tap-highlight-color:transparent}.hole:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.soil{position:absolute;z-index:3;left:9%;right:9%;bottom:7%;height:29%;border-radius:50%;background:radial-gradient(ellipse at center,#231714 0 45%,#5f3b2d 48% 62%,#2e1d17 65%);box-shadow:0 9px 12px #0005}.mole{position:absolute;z-index:2;left:50%;bottom:15%;width:58%;aspect-ratio:.86;transform:translate(-50%,110%) rotate(1deg);border-radius:48% 48% 40% 40%;background:linear-gradient(125deg,#b77a48,#7a432b);box-shadow:inset 8px 0 0 #ffffff10,0 12px 18px #0004;transition:transform .16s cubic-bezier(.2,.9,.35,1.25),filter .12s}.mole:before,.mole:after{content:"";position:absolute;top:29%;width:10%;aspect-ratio:1;border-radius:50%;background:#111;box-shadow:0 0 0 3px #f6e8c5}.mole:before{left:25%}.mole:after{right:25%}.mole i{position:absolute;left:50%;top:46%;width:23%;aspect-ratio:1.25;transform:translateX(-50%);border-radius:50%;background:#ef9d8b}.mole b{position:absolute;left:50%;top:63%;width:24%;height:7%;transform:translateX(-50%);border-radius:0 0 20px 20px;background:#2d1514}.hole.up .mole{transform:translate(-50%,0)}.hole.gold .mole{background:linear-gradient(125deg,#ffe47c,#c98e2d);filter:drop-shadow(0 0 12px #ffd15c99)}.hole.hit .mole{transform:translate(-50%,7%) scale(.91);filter:saturate(.4) brightness(1.8)}.hole.missed{animation:wobble .25s}.panel{display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:center;background:linear-gradient(140deg,#1c372a,#13251d);border:1px solid #ffffff13;border-radius:22px;padding:clamp(18px,4vw,28px)}.panel h2{font-size:clamp(1.3rem,3vw,2rem);margin:0 0 7px}.panel p:not(.kicker){grid-column:1;color:var(--muted);line-height:1.45;margin:0;max-width:650px}.panel .primary{grid-column:2;grid-row:1/4;background:var(--leaf);color:#092012;border:0;padding:14px 22px;font-size:.95rem;box-shadow:0 8px 24px #0004}.primary:hover,.primary:focus-visible{transform:translateY(-1px);filter:brightness(1.08)}footer{color:#829889;text-align:center;font-size:.77rem;margin-top:15px}kbd{padding:2px 5px;border:1px solid #ffffff24;border-radius:5px;background:#ffffff0d}@keyframes wobble{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes rushglow{to{box-shadow:inset 0 20px 40px #ffd15c18,0 0 35px #ffd15c44}}@media(max-width:620px){.hero{display:block}.sound{position:absolute;right:18px;top:18px}.scorebar{grid-template-columns:repeat(2,1fr)}.hole{min-height:100px}.panel{display:block}.panel .primary{margin-top:17px;width:100%}.lede{padding-right:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.garden.rush{animation:none}.mole{transition-duration:.08s}}