.spw-game{--ink:#f6f2dc;--dark:#17130f;--brown:#704526;--dirt:#a66b35;--green:#9acd32;--yellow:#ffd83d;--red:#ef4444;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:2rem auto;color:var(--ink)}
.spw-game *{box-sizing:border-box}.spw-shell{max-width:820px;margin:auto;background:#17130f;border:4px solid #2d241b;box-shadow:10px 10px 0 #000;padding:20px;image-rendering:pixelated}
.spw-header{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:3px solid #342a20;padding-bottom:13px}.spw-kicker{font-size:11px;letter-spacing:.18em;color:var(--green);font-weight:900}.spw-header h2{font:900 clamp(28px,6vw,54px)/1 ui-monospace,monospace;margin:5px 0 0;text-transform:uppercase;letter-spacing:-.06em;color:var(--ink)}
.spw-stats{display:flex;gap:8px}.spw-stats div{min-width:70px;text-align:center;background:#0c0a08;border:3px solid #443529;padding:7px}.spw-stats span{display:block;font-size:9px;color:#b6a68f}.spw-stats strong{font-size:25px;color:var(--yellow)}.spw-help{font-size:12px;color:#b9aa96;margin:12px 0}
.spw-stage{position:relative;background:#34551d;padding:clamp(10px,3vw,22px);border:4px solid #243b15;overflow:hidden}.spw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,3vw,22px)}
.spw-hole{position:relative;aspect-ratio:1.25;border:0;background:transparent;padding:0;overflow:hidden;cursor:crosshair;touch-action:manipulation}.spw-hole:before{content:"";position:absolute;left:8%;right:8%;bottom:8%;height:31%;background:#17100b;border-radius:50%;box-shadow:0 7px 0 #243b15}
.spw-dirt{position:absolute;z-index:4;left:3%;right:3%;bottom:3%;height:26%;background:var(--dirt);clip-path:polygon(0 42%,10% 30%,18% 40%,27% 20%,37% 35%,48% 16%,58% 34%,70% 20%,80% 38%,91% 27%,100% 43%,100% 100%,0 100%)}
.spw-mole{position:absolute;z-index:3;left:24%;width:52%;height:68%;bottom:-65%;background:#8b6242;border:4px solid #332217;border-radius:42% 42% 18% 18%;transition:bottom .09s steps(3);box-shadow:inset -7px -5px 0 rgba(0,0,0,.18)}
.spw-hole.up .spw-mole{bottom:14%}.spw-ear{position:absolute;width:25%;height:23%;top:-5%;background:#8b6242;border:4px solid #332217;border-radius:50%;z-index:-1}.spw-ear-l{left:-12%}.spw-ear-r{right:-12%}.spw-face{position:absolute;inset:0}.spw-eye{position:absolute;top:28%;width:13%;height:13%;background:#111}.spw-eye:after{content:"";position:absolute;width:35%;height:35%;background:#fff;top:10%;left:10%}.e1{left:23%}.e2{right:23%}.spw-nose{position:absolute;top:48%;left:41%;width:18%;height:13%;background:#2c1a14}.spw-tooth{position:absolute;top:61%;width:12%;height:16%;background:#eee}.t1{left:38%}.t2{right:38%}
.spw-hole.gold .spw-mole,.spw-hole.gold .spw-ear{background:#e6b82e}.spw-hole.bad .spw-mole,.spw-hole.bad .spw-ear{background:#d53d36}.spw-hole.hit .spw-mole{transform:translateY(8px) scaleY(.72)}
.spw-pow{position:absolute;z-index:8;left:50%;top:30%;transform:translate(-50%,-50%) rotate(-8deg) scale(0);font-weight:1000;font-size:clamp(15px,4vw,28px);color:#111;background:var(--yellow);padding:3px 6px;pointer-events:none}.spw-hole.hit .spw-pow{animation:spwPow .25s steps(3)}.spw-hole.bad.hit .spw-pow{background:var(--red)}
@keyframes spwPow{0%{transform:translate(-50%,-50%) rotate(-8deg) scale(0)}50%{transform:translate(-50%,-50%) rotate(5deg) scale(1.25)}100%{transform:translate(-50%,-50%) scale(.8);opacity:0}}
.spw-overlay{position:absolute;z-index:20;inset:0;background:rgba(10,8,6,.89);display:none;place-items:center;padding:20px}.spw-overlay.is-visible{display:grid}.spw-panel{text-align:center;max-width:390px}.spw-big-mole{white-space:pre;font-size:27px;line-height:1;color:#9b7556}.spw-panel h3{font-size:clamp(30px,7vw,62px);margin:10px 0 5px;color:var(--yellow)}.spw-panel p{font-size:12px;color:#c3b5a3;line-height:1.5}.spw-start{border:0;background:var(--green);color:#111;font:900 15px ui-monospace,monospace;padding:13px 20px;box-shadow:5px 5px 0 #000;cursor:pointer}.spw-start:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #000}.spw-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding-top:13px;font-size:10px}.spw-legend .gold{color:var(--yellow)}.spw-legend .red{color:#ff7069}
.spw-editor-card{background:#17130f;color:#f6f2dc;padding:20px;border:4px solid #2d241b}.spw-editor-card h2{font:900 34px ui-monospace,monospace;margin:5px 0 15px}.spw-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:350px}.spw-editor-hole{aspect-ratio:1.4;background:#34551d;border-bottom:10px solid #17100b;display:grid;place-items:center;font-size:35px;color:#8b6242}
@media(max-width:520px){.spw-shell{padding:12px;border-width:3px}.spw-header{display:block}.spw-stats{margin-top:12px}.spw-stats div{flex:1}.spw-grid{gap:7px}.spw-mole{border-width:3px}.spw-ear{border-width:3px}}
@media(prefers-reduced-motion:reduce){.spw-mole{transition:none}.spw-hole.hit .spw-pow{animation:none}}