:root{color-scheme:light;--ink:#293c32;--muted:#58685d;--green:#285b40;--gold:#ffd76a;--fur:#ad7350;--ear:#986141;--belly:#e9bf8b;--snout:#f2d4ae}
#nickname-form{display:flex;flex-wrap:wrap;gap:10px}#nickname-form[hidden]{display:none}#nickname-form label{width:100%;font-size:14px}#nickname{font:inherit;min-height:44px;min-width:0;flex:1;width:100%;padding:8px;border:1px solid #829670;border-radius:8px}#save-name,#logout{min-height:44px;font:inherit;border:1px solid #829670;border-radius:8px;padding:8px 12px;background:#eff5e6;color:#293c32}#leaderboard-list{padding-left:0;list-style:none}#leaderboard-list li{padding:10px 0;border-bottom:1px solid #d8ded1;overflow-wrap:anywhere}#account-status{overflow-wrap:anywhere}#google-login{min-height:44px}
*{box-sizing:border-box}body{margin:0;background:#f7f5ed;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #2447bd;outline-offset:3px}button{touch-action:manipulation}.game{max-width:560px;padding:28px 22px 22px;margin:auto}.heading{position:relative}.badge{display:inline-block;border:1px solid #d8ded1;padding:6px 12px;border-radius:40px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.08em}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--muted);margin:22px 0 5px}h1{font-size:clamp(32px,8vw,46px);letter-spacing:.02em;margin:0;line-height:1.3}h1 span{color:#c9822e;margin-left:12px}.subtitle{margin:9px 0 24px;color:var(--muted);font-size:14px}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);background:#fffdf8;border:1px solid #e0e2d5;border-radius:20px;padding:16px 8px;text-align:center;box-shadow:0 4px 0 #e9eadf}.dashboard>div+div{border-left:1px solid #e3e5dc}.label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:4px}.dashboard strong{font-size:clamp(25px,6.5vw,36px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.unit{font-size:11px;margin-left:4px;color:var(--muted)}.time-track{height:6px;margin:16px 4px 20px;background:#e1e5d6;border-radius:8px;overflow:hidden}#time-bar{height:100%;background:var(--green);transform-origin:left;transition:transform .15s linear}.urgent .clock strong{color:#a63d25}.urgent #time-bar{background:#a63d25}.garden{background:#dae8c6;border:1px solid #bccfa6;border-radius:25px;padding:17px 16px 5px;box-shadow:0 6px 0 #c5d4b2;position:relative;overflow:hidden}.garden-caption{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;color:#425e3d;margin-bottom:12px}#pace{background:#eff5e6;border-radius:10px;padding:2px 8px;white-space:nowrap}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}.hole{position:relative;isolation:isolate;aspect-ratio:1/1.02;width:100%;border:0;padding:0;background:none;cursor:pointer;user-select:none}.hole:disabled{cursor:default}.hole-shadow{position:absolute;left:3%;right:3%;bottom:6%;height:32%;border-radius:50%;background:#47392b;box-shadow:inset 0 6px 4px #2a251f,0 4px 0 #93ab7b}.mole-mask{position:absolute;left:5%;right:5%;top:0;bottom:15%;overflow:hidden;border-radius:0 0 40% 40%;pointer-events:none}.mole{position:absolute;inset:0;transform:translateY(112%);transition:transform 180ms cubic-bezier(.18,.89,.29,1.22)}.mole svg{width:100%;height:100%;overflow:visible}.mole .fur,.mole .ear{fill:var(--fur)}.mole .ear-inner{fill:#d69b88}.belly{fill:var(--belly)}.snout{fill:var(--snout)}.tuft{fill:var(--fur);stroke:var(--ear);stroke-width:2;stroke-linejoin:round}.eye,.nose{fill:#332b26}.eye{stroke:#332b26}.cheek{fill:#e38e7b;opacity:.8}.mouth{fill:none;stroke:#593827;stroke-width:2.5;stroke-linecap:round}.dazed{display:none;fill:none;stroke:#332b26;stroke-width:4;stroke-linecap:round}.rim{position:absolute;left:0;right:0;bottom:2%;height:15%;border-bottom:7px solid #a9875c;border-radius:50%;pointer-events:none}.up .mole{transform:translateY(0)}.bonus{--fur:#e8b537;--ear:#b98220;--belly:#ffe8a3;--snout:#fff0b7}.bonus-star{display:none;position:absolute;top:0;left:40%;color:#775315;font-size:22px;text-shadow:0 1px #fff3b4}.bonus .bonus-star{display:block}.hit .mole{animation:bonk 360ms ease-in forwards}.hit .eye{display:none}.hit .dazed{display:block}.reward{position:absolute;left:0;right:0;top:4%;z-index:5;font-size:24px;font-weight:900;color:#fff;text-shadow:0 2px 2px #22402b,1px 0 #22402b,-1px 0 #22402b;opacity:0;pointer-events:none}.hit .reward{animation:reward 650ms ease-out forwards}.hammer{position:absolute;right:-12%;top:-22%;width:66%;height:85%;z-index:6;opacity:0;transform-origin:80% 80%;pointer-events:none}.hammer svg{width:100%;height:100%}.swing .hammer{animation:swing 240ms ease-out}.grass{text-align:center;color:#64834f;font-size:17px;letter-spacing:8px;margin:7px 0 0}.status{min-height:22px;text-align:center;font-size:13px;font-weight:600;margin:22px 0 12px}.start{width:100%;min-height:54px;border:0;border-radius:15px;background:var(--green);color:white;font-weight:700;font-size:17px;box-shadow:0 4px 0 #173f2a;cursor:pointer}.start span{margin-left:16px}.start:disabled{background:#647962;box-shadow:0 4px 0 #4c604c;cursor:default}.start:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #173f2a}.result{margin-top:22px;padding:20px;background:#fff4d3;border:1px solid #e9ce89;border-radius:18px;text-align:center}.result h2{font-size:20px;margin:0 0 8px}.result p{margin:5px 0;font-size:14px}.result strong{font-size:26px}.rules{margin-top:30px;border-top:1px solid #dce0d1;padding-top:18px}.rules h2{font-size:15px;margin:0 0 13px}.rule-row{display:flex;align-items:center;gap:12px;margin:8px 0}.rule-icon{background:#e4ecda;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex-shrink:0}.gold-icon{background:#ffedba;color:#805914}.rule-row p{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.rule-row strong{color:var(--ink);font-size:13px}.small{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}footer{font-size:10px;text-align:center;color:var(--muted);margin-top:22px;padding-bottom:env(safe-area-inset-bottom)}[hidden]{display:none!important}
@keyframes swing{0%{opacity:1;transform:rotate(40deg) translateY(-10%)}45%{opacity:1;transform:rotate(-35deg) translateY(15%)}75%{opacity:1;transform:rotate(-20deg)}100%{opacity:0;transform:rotate(15deg)}}@keyframes bonk{0%{transform:translateY(0) scaleY(.85)}30%{transform:translateY(0) rotate(-9deg)}100%{transform:translateY(112%) rotate(7deg)}}@keyframes reward{0%{opacity:1;transform:translateY(0) scale(.8)}25%{transform:translateY(-10px) scale(1.1)}100%{opacity:0;transform:translateY(-38px)}}
@media(max-width:360px){.game{padding:20px 14px}.garden{padding:12px 9px 4px}.board{gap:4px 6px}.garden-caption{font-size:10px}.subtitle{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;transition-duration:1ms!important}}
@media(min-width:560px) and (max-height:500px){.hole{aspect-ratio:2.5}.garden{padding:10px 12px 6px}.garden-caption{margin-bottom:6px}.grass{display:none}.time-track{margin:10px 4px 12px}.dashboard{padding:10px 8px}.mole-mask{left:22%;right:22%}.bonus-star{font-size:15px}.hammer{width:38%;right:14%}}
.dashboard{position:sticky;top:8px;z-index:10;grid-template-columns:1.5fr 1fr 1fr;padding:8px;scroll-margin-top:8px}.dashboard>div:first-child{background:var(--green);color:#fff;border-radius:13px;padding:8px 2px}.dashboard>div:first-child .label,.dashboard>div:first-child .unit{color:#fff}.dashboard>div:first-child strong{font-size:clamp(34px,9vw,48px)}.dashboard>div+div{align-self:center;border-left:0}.key-hint{position:absolute;right:4%;bottom:0;min-width:23px;min-height:23px;background:#eff5e6;color:#293c32;border:1px solid #829670;border-radius:7px;font-weight:800;font-size:13px;z-index:3;pointer-events:none}.hole:focus-visible .key-hint{background:#2447bd;color:#fff}
@media(min-width:560px) and (max-height:500px){.dashboard>div:first-child strong{font-size:34px}.dashboard>div:first-child{padding:4px 2px}.dashboard{padding:6px}.dashboard .label{margin-bottom:2px}}