.whack-page-shell{background:radial-gradient(circle at 50% 45%, #d88f3f1c, transparent 32rem), var(--paper)}.whack-brand-mark{background:#a97856;border-radius:48% 48% 42% 42%;overflow:hidden}.whack-brand-mark:before,.whack-brand-mark:after{content:"";background:var(--ink);border-radius:50%;width:7px;height:9px;position:absolute;top:10px}.whack-brand-mark:before{left:10px}.whack-brand-mark:after{right:10px}.whack-brand-mark i:first-child{background:#d38a75;border-radius:50%;width:12px;height:8px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.whack-brand-mark i:last-child{border-bottom:2px solid #18312d;border-radius:0 0 50% 50%;width:17px;height:6px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.hero{padding:18px 20px 14px}.hero h1{font-size:clamp(28px,3.2vw,38px)}.whack-game{width:min(900px,100% - 32px);margin:0 auto}.whack-stats{grid-template-columns:repeat(3,minmax(90px,150px));justify-content:center;gap:8px;margin:0 0 10px;display:grid}.whack-stats>div{text-align:center;background:#ffffff57;border:1px solid #172a271c;border-radius:9px;padding:9px 12px}.whack-stats span{color:var(--red);letter-spacing:.18em;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.whack-stats strong{letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:18px}.whack-stats .time-stat strong{color:var(--green-dark)}.whack-stats .time-stat.hurry{background:#df624814;border-color:#df62488c}.whack-stats .time-stat.hurry strong{color:var(--red);animation:.8s ease-in-out infinite alternate timer-pulse}.mole-legend{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:8px;display:flex}.mole-legend>span{background:#ffffff40;border:1px solid #172a271a;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.mole-legend i{background:#a77553;border-radius:50%;width:8px;height:8px}.mole-legend b{font-family:Noto Sans JP,sans-serif;font-size:8px}.mole-legend small{color:var(--muted);font-size:7px;font-weight:700}.whack-status{min-height:20px;color:var(--muted);text-align:center;margin:0 0 8px;font-family:Noto Sans JP,sans-serif;font-size:10px}.whack-field{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 18% 12%,#ffffff40,#0000 22rem),repeating-linear-gradient(115deg,#0000 0 28px,#424d2c06 29px 31px),#d5c898;border:1px solid #172a2724;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:clamp(5px,1.1vw,10px);width:min(590px,100%);margin:0 auto;padding:clamp(10px,1.7vw,17px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #ffffff26,0 18px 44px #2830241f}.mole-hole{aspect-ratio:1.42;cursor:default;isolation:isolate;background:0 0;border:0;border-radius:20px;min-width:0;padding:0;position:relative;overflow:hidden}.mole-hole:before{content:"";z-index:0;filter:drop-shadow(0 5px 3px #342b1d2e);background:radial-gradient(at 50% 40%,#1a2119,#342d20 55%,#5d5034 72%,#847552 75%,#0000 76%);border-radius:50%;height:38%;position:absolute;bottom:5%;left:9%;right:9%}.mole-hole.has-mole{cursor:pointer}.mole-hole:focus-visible{outline-offset:-3px;outline:4px solid #df62488c}.mole{z-index:1;transform-origin:50% 100%;pointer-events:none;height:92%;position:absolute;bottom:7%;left:7%;right:7%}.mole.entering{animation:.19s cubic-bezier(.2,.85,.25,1.15) both mole-rise}.mole.exiting{animation:.15s ease-in both mole-hide}.mole.hit{animation:.15s ease-out mole-hit}.mole-sprite{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 5px 4px #29211747);-webkit-user-drag:none;width:100%;height:100%;display:block}.hp-pips{z-index:3;gap:3px;display:flex;position:absolute;top:6%;left:50%;transform:translate(-50%)}.hp-pips i{background:var(--cream);border-radius:99px;width:7px;height:4px;box-shadow:0 1px 2px #0003}.score-pop{z-index:5;color:var(--cream);text-shadow:0 2px 5px #172a27b3;pointer-events:none;font-size:clamp(16px,3vw,25px);font-weight:800;animation:.65s ease-out both score-float;position:absolute;top:8%;left:50%}.whack-result{text-align:center}.result-mole,.guide-mole{background:#a77553;border-radius:50% 50% 12px 12px;width:70px;height:48px;margin:0 auto 10px;position:relative;overflow:hidden}.result-mole:before,.guide-mole:before{content:"";background:var(--ink);width:8px;height:9px;box-shadow:28px 0 var(--ink);border-radius:50%;position:absolute;top:15px;left:17px}.result-mole i:first-child,.guide-mole i:first-child{background:#d58b7b;border-radius:50%;width:17px;height:11px;position:absolute;top:27px;left:50%;transform:translate(-50%)}.result-mole i:last-child,.guide-mole i:last-child{border-bottom:3px solid #18312d;border-radius:0 0 50% 50%;width:22px;height:7px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.guide-mole{flex:none;margin:0}.result-score{color:var(--red);letter-spacing:.04em;margin:12px 0 3px;font-size:34px;display:block}@keyframes mole-rise{0%{transform:translateY(86%)scale(.8)}to{transform:translateY(0)scale(1)}}@keyframes mole-hide{to{transform:translateY(90%)scale(.88)}}@keyframes mole-hit{45%{filter:brightness(1.3);transform:translateY(10%)scale(.94)rotate(-4deg)}}@keyframes score-float{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-35px)scale(1.08)}}@keyframes timer-pulse{to{transform:scale(1.06)}}@media (width<=540px){.whack-game{width:calc(100% - 20px)}.whack-stats{grid-template-columns:repeat(3,1fr)}.whack-field{border-radius:17px;gap:5px;padding:9px}.mole-hole{border-radius:12px}.mole-body,.mole-ear{border-width:2px}.mole-legend small{display:none}.result-score{font-size:28px}}@media (prefers-reduced-motion:reduce){.mole,.mole.exiting,.mole.hit,.score-pop{animation-duration:.01ms!important}}