:root{--sky-top:#63c8f5;--sky-mid:#a9e6ff;--sky-low:#d7f5ff;--grass-top:#7ed957;--grass-bottom:#43a047;--dirt:#6b4423;--dirt-dark:#2a1a10;--ink:#22303a;--ink-soft:#5d7a63;--gold:#ffc23c;--danger:#ff6b6b;--panel:#fff;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:22px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--sky-top);overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}[hidden]{display:none!important}.sprites{width:0;height:0;position:absolute;overflow:hidden}.scene{height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 10px);background:linear-gradient(var(--sky-top) 0%, var(--sky-mid) 52%, var(--sky-low) 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sun{background:radial-gradient(circle,#fff3a8 0 42%,#ffe066 43% 100%);border-radius:50%;width:84px;height:84px;position:absolute;top:6%;right:8%;box-shadow:0 0 48px #ffe066b3}.cloud{opacity:.92;background:#fff;border-radius:999px;width:96px;height:34px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:46px;height:46px;top:-20px;left:14px}.cloud:after{width:32px;height:32px;top:-13px;right:12px}.cloud--a{animation:52s linear infinite drift;top:10%;left:-30%}.cloud--b{animation:76s linear -18s infinite drift;top:24%;left:-30%;transform:scale(.72)}.cloud--c{animation:64s linear -40s infinite drift;top:4%;left:-30%;transform:scale(.55)}@keyframes drift{0%{translate:0}to{translate:170vw}}.scene.is-shaking{animation:.42s ease-in-out shake}@keyframes shake{0%,to{translate:0}20%{translate:-10px 4px}40%{translate:9px -6px}60%{translate:-7px -3px}80%{translate:5px 5px}}.hud{z-index:3;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.hud.is-hidden{visibility:hidden}.hud__item{background:#ffffffdb;border-radius:16px;flex-direction:column;flex:none;align-items:center;padding:6px 12px;display:flex;box-shadow:0 3px #0000001f}.hud__label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.hud__value{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(16px,5vw,26px);font-weight:900;line-height:1.1}.hud__item--score .hud__value{min-width:6ch}.hud__item--combo .hud__value{min-width:5ch}.hud__item--time .hud__value{min-width:2ch}.hud__item--level .hud__value{min-width:1ch}@media (width<=400px){.hud{gap:5px}.hud__item{padding:5px 8px}.hud__label{letter-spacing:.04em;font-size:10px}.hud .icon-button{width:40px;height:40px}}.hud__item--time.is-urgent{background:#fff0f0;animation:1s ease-in-out infinite urgent}.hud__item--time.is-urgent .hud__value{color:#e03131}@keyframes urgent{0%,to{scale:1}50%{scale:1.12}}.hud__item--combo.is-hot{background:linear-gradient(#fff2c4,#ffd76a)}.field{flex:1;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.field:before{content:"";background:linear-gradient(var(--grass-top), var(--grass-bottom));border-radius:50% 50% 0 0/24% 24% 0 0;position:absolute;inset:4% -14% -12%;box-shadow:inset 0 10px #ffffff2e}.board{z-index:1;aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:clamp(6px,2vw,18px);width:min(100cqw,600px,90cqh);display:grid;position:relative}@media (hover:hover) and (pointer:fine){.board{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg transform='rotate(-20 21 21)'%3E%3Crect x='18' y='13' width='7' height='27' rx='3.5' fill='%23a9743f' stroke='%231d232b' stroke-width='2.5'/%3E%3Crect x='6' y='2' width='30' height='13' rx='4' fill='%23cdd6de' stroke='%231d232b' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E") 21 8,pointer}}.hole{aspect-ratio:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:0;padding:0;position:relative;overflow:visible}.pit{background:radial-gradient(ellipse at 50% 34%, var(--dirt-dark) 0 62%, #8a5a33 63%, var(--dirt) 100%);border-radius:50%;height:52%;position:absolute;bottom:2%;left:2%;right:2%}.hole__pit{z-index:0}.hole__front{z-index:3;clip-path:inset(50% 0 0)}.hole__mask{z-index:2;position:absolute;inset:0 0 28%;overflow:hidden}.character{opacity:0;width:58%;transition:translate var(--pop-ms,.18s) cubic-bezier(.34, 1.56, .64, 1);margin-left:-29%;position:absolute;bottom:0;left:50%;translate:0 108%}.character svg{transform-origin:50% 100%;filter:drop-shadow(0 2px 2px #00000040);width:100%;height:auto;display:block}.hole[data-kind=mole] .character--mole,.hole[data-kind=golden] .character--golden,.hole[data-kind=decoy] .character--decoy{opacity:1}.hole[data-state=up] .character{translate:0 6%}.hole.is-hit .character,.hole.is-exploded .character{transition-duration:.11s}.hole.is-hit .character svg{animation:.26s ease-out squash}@keyframes squash{0%{transform:scale(1.2,.66)}55%{transform:scale(.92,1.06)}to{transform:scale(1)}}.hole[data-state=up][data-kind=golden] .character--golden svg{animation:1.2s ease-in-out infinite golden-glow}@keyframes golden-glow{0%,to{filter:drop-shadow(0 2px 2px #00000040)drop-shadow(0 0 2px #ffec9699)}50%{filter:drop-shadow(0 2px 2px #00000040)drop-shadow(0 0 12px #ffd640)}}.hole[data-state=up][data-kind=decoy] .character--decoy svg{animation:.3s steps(2,end) infinite alternate fuse-glow}@keyframes fuse-glow{0%{filter:drop-shadow(0 2px 2px #00000040)}to{filter:drop-shadow(0 2px 2px #00000040)drop-shadow(0 -10px 8px #ff8a3ce6)}}.hole__fx{z-index:4;pointer-events:none;position:absolute;inset:0}.spark{background:var(--gold);opacity:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:12%;height:12%;margin:-6% 0 0 -6%;position:absolute;top:36%;left:50%}.spark--0{--dx:-300%;--dy:-220%}.spark--1{--dx:0%;--dy:-340%}.spark--2{--dx:300%;--dy:-220%}.spark--3{--dx:-260%;--dy:140%}.spark--4{--dx:260%;--dy:140%}.spark--5{--dx:0%;--dy:260%}.hole.is-hit .spark{animation:.46s ease-out spark-fly}@keyframes spark-fly{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.15) rotate(140deg)}}.boom{opacity:0;background:radial-gradient(circle,#fff6c9 0 22%,#ff8a3c 23% 52%,#ff8a3c00 72%);border-radius:50%;width:84%;height:84%;margin:-42% 0 0 -42%;position:absolute;top:38%;left:50%}.hole.is-exploded .boom{animation:.46s ease-out boom}@keyframes boom{0%{opacity:1;scale:.3}70%{opacity:.9;scale:1.25}to{opacity:0;scale:1.5}}.dust{opacity:0;border:3px solid #ffffffd9;border-radius:50%;width:44%;height:22%;margin-left:-22%;position:absolute;bottom:16%;left:50%}.hole.is-miss .dust{animation:.38s ease-out dust}@keyframes dust{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.5}}.popup{left:var(--popup-x,50%);z-index:6;color:#fff;white-space:nowrap;pointer-events:none;text-shadow:0 2px #00000059,0 0 3px #0006;font-size:clamp(13px,3.4vw,22px);font-weight:900;animation:.9s ease-out forwards float-up;position:absolute;top:2%}.popup--great{color:#fff0a8}.popup--bad{color:var(--danger)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10%)scale(.7)}25%{opacity:1;transform:translate(-50%,-10%)scale(1.1)}to{opacity:0;transform:translate(-50%,-110%)scale(1)}}@media (width<=480px){.hole:nth-child(3n+1){--popup-x:72%}.hole:nth-child(3n){--popup-x:28%}}.countdown{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown__value{color:#fff;text-shadow:0 6px #00000038,0 0 26px #ffffffb3;font-size:clamp(72px,26vw,190px);font-weight:900}.countdown__value.is-ticking{animation:.62s ease-out tick}@keyframes tick{0%{opacity:0;scale:2.1}22%{opacity:1;scale:1}to{opacity:.85;scale:.9}}.toast{z-index:5;color:#3b2a05;white-space:nowrap;pointer-events:none;background:linear-gradient(#ffd24a,#ffab00);border-radius:999px;padding:10px 24px;font-size:clamp(18px,5vw,28px);font-weight:900;position:absolute;top:2px;left:50%;translate:-50%;box-shadow:0 5px #0000002e}.toast.is-showing{animation:1.4s ease-out toast}@keyframes toast{0%{opacity:0;transform:scale(.6)translateY(20px)}18%{opacity:1;transform:scale(1.08)translateY(0)}80%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-24px)}}@media (orientation:landscape) and (height<=560px){.toast{padding:8px 14px;font-size:16px;top:50%;left:6px;translate:0 -50%}}.screen{z-index:10;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);backdrop-filter:blur(3px);background:#0c2d3e73;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--panel);text-align:center;-webkit-overflow-scrolling:touch;border-radius:28px;width:min(100%,520px);max-height:100%;padding:26px 22px 28px;position:relative;overflow-y:auto;box-shadow:0 18px 40px #00000047}.panel__title{margin:0 0 4px;font-size:clamp(26px,7vw,36px);font-weight:900}.peek{width:clamp(78px,22vw,108px);margin:0 auto -6px;animation:2.4s ease-in-out infinite peek;display:block}.peek svg{width:100%;height:auto;display:block}@keyframes peek{0%,to{translate:0 6px}50%{translate:0 -6px}}.title{letter-spacing:-.01em;margin:6px 0 8px;font-size:clamp(30px,9vw,46px);font-weight:900;line-height:1.02;animation:2.6s ease-in-out infinite bounce-title}.title__top,.title__bottom{display:block}.title__top{color:#2f6f3e}.title__bottom{color:#f08c00;text-shadow:0 3px #0000001f}@keyframes bounce-title{0%,to{rotate:-1.5deg;scale:1}50%{rotate:1.5deg;scale:1.03}}.tagline{color:var(--ink-soft);margin:0 0 18px;font-size:clamp(14px,3.8vw,17px);font-weight:600}.best{color:var(--ink-soft);margin:14px 0 0;font-weight:800}.legend{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.legend li{background:#f3f7f4;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.legend__art{width:22px;height:28px}.legend .bad{color:#e03131}.button{letter-spacing:.02em;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;padding:14px 30px;font-family:inherit;font-size:clamp(16px,4.4vw,20px);font-weight:900;transition:translate 80ms,box-shadow 80ms;display:inline-block}.button:active{translate:0 4px;box-shadow:0 1px #00000038!important}.button--play{color:#3b2a05;background:linear-gradient(#ffd24a,#ffab00);padding-inline:46px;box-shadow:0 6px #c98600}.button--share{color:#06280f;background:linear-gradient(#5ad07a,#2ca44e);box-shadow:0 6px #1e7a39}.button--ghost{color:var(--ink);background:#eef3ef;box-shadow:0 5px #c9d5cc}.icon-button{width:46px;height:46px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#ffffffdb;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 3px #0000001f}.icon-button--corner{position:absolute;top:12px;right:12px}.icon-button .icon{width:24px;height:24px}.icon-button[data-muted=false] .icon--off,.icon-button[data-muted=true] .icon--on{display:none}.icon-button[data-muted=true]{color:#b0413e}.new-high{color:#e8590c;margin:0 0 8px;font-size:clamp(16px,4.6vw,22px);font-weight:900;animation:.7s ease-out pop-in}@keyframes pop-in{0%{opacity:0;scale:.4}60%{opacity:1;scale:1.15}to{scale:1}}.rank{background:var(--gold);color:#3b2a05;border-radius:999px;margin:0 auto 10px;padding:6px 18px;font-size:clamp(14px,4vw,18px);font-weight:900;display:inline-block}.final-score{color:#25313c;white-space:nowrap;margin:4px 0 12px;font-size:clamp(40px,13vw,76px);font-weight:900;line-height:1}.stats{text-align:left;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;display:grid}.stats__row{background:#f3f7f4;border-radius:12px;justify-content:space-between;gap:6px;padding:6px 10px;font-size:clamp(12px,3.6vw,14px);display:flex}.stats__row dt{color:var(--ink-soft);font-weight:700}.stats__row dd{margin:0;font-weight:900}.share-block{border-top:2px dashed #dbe5dd;margin-top:18px;padding-top:16px}.share-block__title{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-size:14px;font-weight:800}.badge{aspect-ratio:1200/630;background:#d7f5ff;border:3px solid #2f6f3e;border-radius:16px;width:100%;height:auto;margin:0 0 16px;display:block}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.share-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{color:var(--ink);background:#eef3ef;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 3px #c9d5cc}.chip:active{translate:0 3px;box-shadow:0 1px #c9d5cc}@media (prefers-reduced-motion:reduce){.cloud,.title,.peek,.hud__item--time.is-urgent,.hole[data-state=up][data-kind=golden] .character--golden svg,.hole[data-state=up][data-kind=decoy] .character--decoy svg{animation:none!important}.scene.is-shaking{animation:none}.cloud--a{left:8%}.cloud--b{left:46%}.cloud--c{left:74%}.character{transition-duration:90ms}.countdown__value.is-ticking,.toast.is-showing,.new-high{animation-duration:.4s}.spark,.boom,.dust{display:none}}