html,body,#ssm-game{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:system-ui}.ssm-stage{position:fixed;inset:0;overflow:hidden;touch-action:none}.ssm-object{position:absolute;user-select:none;touch-action:none;transform-origin:center}.ssm-component,.ssm-part{position:absolute;transform-origin:center}.ssm-button{position:absolute;z-index:50;padding:11px 15px;border:0;border-radius:14px;background:#fff;font:800 16px system-ui;box-shadow:0 3px 12px #0002}.ssm-home,.ssm-reset{position:absolute;z-index:100;top:10px;background:#fff;padding:8px 11px;border:0;border-radius:12px;text-decoration:none;color:#17344c;font:800 15px system-ui;box-shadow:0 2px 10px #0002;cursor:pointer}.ssm-home{left:10px}.ssm-reset{right:10px}.ssm-shard{position:absolute;pointer-events:none}
.ssm-environment{position:absolute;pointer-events:none}.ssm-sand{z-index:1;left:0;right:0;bottom:0;background:radial-gradient(circle at 16px 12px,#f5d987 0 2px,transparent 2.5px),radial-gradient(circle at 38px 30px,#d8ad57 0 2px,transparent 2.5px),linear-gradient(#edcf78,#c99443);background-size:54px 42px,63px 51px,100% 100%;border-top:5px solid #ffe6a3;box-shadow:inset 0 8px 16px #9b6a2833}.ssm-water-canvas{z-index:2;inset:0;width:100%;height:100%}.ssm-rain{z-index:40;inset:0;overflow:hidden}.ssm-rain i{position:absolute;top:-12%;width:2px;height:34px;border-radius:999px;background:linear-gradient(transparent,rgba(225,247,255,.88));transform:rotate(12deg);filter:drop-shadow(0 2px 1px #4da7d955);animation:ssm-rain-fall linear infinite}.ssm-rain.light i{opacity:.42;height:25px}.ssm-rain.heavy i{height:44px;width:3px;opacity:.9}.ssm-env-button{position:absolute;z-index:90;bottom:12px;padding:10px 14px;border:0;border-radius:14px;background:#fff;font:800 15px system-ui;box-shadow:0 3px 12px #0002}.ssm-object{z-index:10}@keyframes ssm-rain-fall{to{transform:translate(55px,125vh) rotate(12deg)}}
.ssm-jack-tray{position:absolute;z-index:95;left:8px;right:8px;bottom:8px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;pointer-events:auto}.ssm-jack-tray button{border:0;border-radius:12px;padding:8px 10px;background:#ffe066;color:#17212a;font:900 13px system-ui;box-shadow:0 2px 8px #0002;cursor:pointer}.ssm-builtin-emoji{display:grid;place-items:center;font-size:clamp(42px,8vw,76px);line-height:1;background:transparent!important;user-select:none}.ssm-egg{border-radius:50% 50% 46% 46% / 58% 58% 42% 42%;background:linear-gradient(135deg,#fffef5,#eadfc8);border:3px solid #d6c8aa;box-shadow:inset -8px -8px 12px #cdbf9b55,0 5px 10px #0002}.ssm-clouds{z-index:2;inset:0;overflow:hidden}.ssm-clouds i{position:absolute;width:120px;height:42px;border-radius:999px;background:#fffddd;filter:drop-shadow(0 5px 4px #0002);animation:ssm-cloud-drift 11s ease-in-out infinite alternate}.ssm-clouds i:before,.ssm-clouds i:after{content:'';position:absolute;background:inherit;border-radius:50%;width:55px;height:55px;left:18px;top:-25px}.ssm-clouds i:after{width:70px;height:70px;left:52px;top:-37px}.ssm-rainbow{z-index:1;inset:0;overflow:hidden}.ssm-rainbow i{position:absolute;width:min(72vw,700px);aspect-ratio:2/1;left:50%;top:18%;transform:translateX(-50%);border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at 50% 100%,transparent 0 43%,#8b5cf6 44% 48%,#3b82f6 49% 53%,#22c55e 54% 58%,#facc15 59% 63%,#f97316 64% 68%,#ef4444 69% 73%,transparent 74%);opacity:.8}.ssm-snow{z-index:45;inset:0;overflow:hidden}.ssm-snow i{position:absolute;top:-30px;color:#fff;filter:drop-shadow(0 1px 2px #467);animation:ssm-snow-fall linear infinite}.ssm-lightning{position:absolute;z-index:110;inset:0;background:#fff9;animation:ssm-flash .5s ease-out;pointer-events:none}.ssm-lightning b{position:absolute;left:50%;top:8%;font:900 min(42vw,340px)/1 system-ui;color:#ffe066;text-shadow:0 0 12px #fff,0 0 25px #7dd3fc;transform:translateX(-50%)}.ssm-bubble{position:absolute;z-index:55;border:2px solid #d9f8ffcc;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9 0 8%,#77ddff33 20% 55%,#c084fc33 80%);box-shadow:inset 0 0 12px #fff8,0 0 8px #7dd3fc66;pointer-events:none;animation:ssm-bubble-rise ease-in forwards}.ssm-blackhole{position:absolute;z-index:70;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#000 0 27%,#17002d 30%,#5521a8 44%,#2f80ed 55%,#101827 68%,transparent 72%);box-shadow:0 0 25px #8b5cf6,0 0 60px #2563eb88;animation:ssm-vortex 1.1s linear infinite;cursor:grab;touch-action:none}.ssm-blackhole:before,.ssm-blackhole:after,.ssm-blackhole i,.ssm-blackhole b{content:'';position:absolute;inset:-16px;border:5px solid transparent;border-top-color:#a78bfa;border-right-color:#38bdf8;border-radius:50%;animation:ssm-vortex .72s linear infinite}.ssm-blackhole:after{inset:8px;animation-direction:reverse;animation-duration:.46s}.ssm-fishing-rod{position:absolute;z-index:80;right:18px;top:18%;font-size:82px;transform:rotate(-18deg);pointer-events:none}.ssm-fishing-target{position:absolute;z-index:85;width:74px;height:74px;border:5px dashed #fff;border-radius:50%;box-shadow:0 0 0 4px #ef4444,0 0 18px #0005;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.ssm-hurray{position:absolute;z-index:120;left:50%;top:35%;transform:translate(-50%,-50%);font:1000 clamp(42px,12vw,110px)/1 system-ui;color:#ffe066;text-shadow:0 4px #e8590c,0 0 18px #fff;animation:ssm-hurray 1.1s ease-out forwards;pointer-events:none}@keyframes ssm-cloud-drift{to{transform:translateX(45px)}}@keyframes ssm-snow-fall{to{transform:translate(30px,110vh) rotate(240deg)}}@keyframes ssm-flash{0%,22%,46%{opacity:1}12%,34%,100%{opacity:0}}@keyframes ssm-bubble-rise{to{transform:translateY(-90vh) translateX(25px);opacity:0}}@keyframes ssm-vortex{to{rotate:360deg}}@keyframes ssm-hurray{0%{scale:.5;opacity:0}25%{scale:1.2;opacity:1}100%{scale:1;opacity:0}}
@media(max-width:700px){.ssm-jack-tray{gap:4px;bottom:5px}.ssm-jack-tray button{font-size:11px;padding:6px 7px}.ssm-fishing-rod{font-size:60px}}
/* v0.3.9 - preserve Jack's Playground scale and hand-drawn game style */
.ssm-builtin-drawn{background:transparent!important;overflow:visible!important;box-shadow:none!important;border:0!important}.ssm-builtin-canvas{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 4px 3px #0002)}
.ssm-blackhole{width:172px;height:172px;background:radial-gradient(circle,#000 0 31%,#120020 34%,#301065 44%,#6941c6 52%,#2586d9 60%,transparent 68%);box-shadow:0 0 30px #a78bfa,0 0 72px #2563eb99,0 0 115px #581c8790;animation:ssm-vortex .82s linear infinite;pointer-events:none}.ssm-blackhole:before,.ssm-blackhole:after,.ssm-blackhole i,.ssm-blackhole b,.ssm-blackhole em{content:'';position:absolute;border-radius:50%;border-style:solid;border-color:transparent;transform:rotate(-18deg)}.ssm-blackhole:before{inset:-24px;border-width:7px;border-top-color:#c4b5fd;border-right-color:#38bdf8;animation:ssm-vortex .65s linear infinite}.ssm-blackhole:after{inset:-42px;border-width:5px;border-bottom-color:#8b5cf6;border-left-color:#60a5fa;animation:ssm-vortex 1.05s linear infinite reverse}.ssm-blackhole i{inset:8px;border-width:6px;border-top-color:#7dd3fc;animation:ssm-vortex .42s linear infinite reverse}.ssm-blackhole b{inset:-62px;border-width:3px;border-top-color:#a78bfa99;border-right-color:#38bdf899;animation:ssm-vortex 1.35s linear infinite}.ssm-blackhole em{inset:-78px;border-width:2px;border-bottom-color:#c084fc88;animation:ssm-vortex 1.7s linear infinite reverse}

/* v0.4.0 built-in Jack asset library */
.ssm-lightning-canvas{position:absolute;inset:0;z-index:70;pointer-events:none}
.ssm-snow{z-index:40;pointer-events:none}.ssm-clouds,.ssm-rainbow{pointer-events:none}
.builtin-asset-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:8px;text-align:center;padding:24px;border-radius:20px;background:#fff;color:#173d34;box-shadow:0 10px 30px #0002}.builtin-asset-note b{font-size:28px}.builtin-asset-note span{max-width:360px;color:#64766f}

.ssm-scene-fx{position:absolute;inset:0;z-index:65;width:100%;height:100%;pointer-events:none}.ssm-fishing-rod-anchor{display:none}
.ssm-number-value{position:absolute;inset:0;z-index:30;display:grid;place-items:center;color:#fff;font:1000 clamp(22px,6vw,64px)/1 system-ui;text-shadow:0 3px 0 #0004;pointer-events:none}.ssm-countdown{position:absolute;z-index:35;left:50%;top:-18px;transform:translateX(-50%);min-width:32px;padding:4px 7px;border-radius:999px;background:#fff;color:#d92d45;text-align:center;font:1000 18px/1 system-ui;box-shadow:0 2px 8px #0003;pointer-events:none}.ssm-warning{animation:ssm-warning .26s ease-in-out infinite alternate}.ssm-warning .ssm-countdown{background:#ff4d6d;color:#fff}@keyframes ssm-warning{from{filter:brightness(1);transform:rotate(-2deg) scale(.97)}to{filter:brightness(1.25);transform:rotate(2deg) scale(1.06)}}
.ssm-impact-count{animation:ssm-impact-count .18s ease-out}.ssm-fishing-target{position:absolute;z-index:95;border:4px dashed #fff;border-radius:50%;box-shadow:0 0 0 3px #ef4444,0 0 18px #0005;transform:translate(-50%,-50%);pointer-events:none}@keyframes ssm-impact-count{50%{filter:brightness(1.7);transform:scale(.9) rotate(4deg)}}

/* Layered, code-drawn bomb blast */
.ssm-explosion{position:absolute;z-index:145;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 18px #ff8c00)}
.ssm-explosion-core,.ssm-explosion-ring{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#fff3a3 18%,#ffd43b 34%,#ff7b00 57%,#ef233c 72%,transparent 74%);animation:ssm-blast-core .72s cubic-bezier(.12,.7,.18,1) forwards}
.ssm-explosion-ring{inset:34%;background:transparent;border:clamp(7px,5vw,18px) solid #fff3a3;box-shadow:0 0 24px #ff7b00,inset 0 0 20px #ff4d00;animation:ssm-blast-ring .75s ease-out forwards}
.ssm-explosion-spark{position:absolute;left:50%;top:50%;width:clamp(5px,2.2vw,13px);height:clamp(10px,4vw,27px);border-radius:999px;transform:translate(-50%,-50%);animation:ssm-blast-spark .72s var(--delay) cubic-bezier(.1,.7,.25,1) forwards}
.ssm-explosion-smoke{position:absolute;left:42%;top:40%;width:26%;aspect-ratio:1;border-radius:50%;background:#3f4652;box-shadow:20px -8px 0 #59616c,-16px -15px 0 #2f3540;opacity:0;animation:ssm-blast-smoke 1s .18s ease-out forwards}.ssm-explosion-smoke.s2{left:24%;top:48%;scale:.75;animation-delay:.25s}.ssm-explosion-smoke.s3{left:58%;top:52%;scale:.62;animation-delay:.3s}
.ssm-explosion.big:after{content:'';position:absolute;inset:-25%;border-radius:50%;background:#fff;mix-blend-mode:screen;animation:ssm-blast-flash .32s ease-out forwards}
@keyframes ssm-blast-core{0%{scale:.08;opacity:1}42%{scale:1.25;opacity:1}100%{scale:1.7;opacity:0}}
@keyframes ssm-blast-ring{0%{scale:.15;opacity:1}100%{scale:2.25;opacity:0}}
@keyframes ssm-blast-spark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(540deg) scale(.25)}}
@keyframes ssm-blast-smoke{0%{opacity:.9;transform:translateY(0) scale(.35)}100%{opacity:0;transform:translateY(-45%) scale(1.6)}}
@keyframes ssm-blast-flash{0%{opacity:.9;scale:.2}100%{opacity:0;scale:1.5}}
.ssm-health{position:absolute;z-index:55;left:10%;right:10%;top:-17px;height:11px;overflow:hidden;border:2px solid #fff;border-radius:999px;background:#293241cc;box-shadow:0 2px 5px #0005;pointer-events:none}.ssm-health i{display:block;height:100%;background:linear-gradient(90deg,#ff4d6d,#ffd43b,#69db7c);transition:width .18s ease}.ssm-health b{position:absolute;inset:-1px 0 0;display:grid;place-items:center;color:#fff;font:900 8px/1 system-ui;text-shadow:0 1px 2px #000}.ssm-damaged{animation:ssm-damaged .2s ease-out}@keyframes ssm-damaged{30%{filter:brightness(1.8) saturate(.4);transform:translateX(-5px) rotate(-2deg)}65%{transform:translateX(5px) rotate(2deg)}}

/* Unified playground controls */
.ssm-control-bar{position:absolute;z-index:150;left:0;right:0;top:0;min-height:66px;display:flex;align-items:center;gap:8px;padding:10px 12px;overflow-x:auto;overflow-y:hidden;background:linear-gradient(180deg,rgba(9,25,52,.96),rgba(13,37,72,.91));border-bottom:2px solid rgba(255,255,255,.2);box-shadow:0 5px 20px #0003;scrollbar-width:thin}
.ssm-control-bar .ssm-button,.ssm-control-bar .ssm-env-button,.ssm-control-bar .ssm-home,.ssm-control-bar .ssm-reset{position:static!important;inset:auto!important;flex:0 0 auto;padding:10px 14px;border:0;border-radius:12px;background:#fff;color:#17344c;text-decoration:none;font:800 15px system-ui;box-shadow:0 2px 9px #0003;cursor:pointer}
.ssm-control-bar .ssm-button{background:#ffe066}.ssm-control-bar .ssm-env-button{background:#dff3ff}.ssm-control-bar .ssm-reset{margin-left:auto}.ssm-score{flex:0 0 auto;min-width:104px;padding:10px 15px;border-radius:12px;background:#ff4d6d;color:#fff;font:900 16px system-ui;text-align:center;box-shadow:0 2px 9px #0003}
.ssm-fishing-line{position:absolute;z-index:92;height:3px;transform-origin:0 50%;pointer-events:none;background:linear-gradient(90deg,#fff8,#fff);box-shadow:0 1px 3px #1238}.ssm-fishing-hook{position:absolute;z-index:96;width:15px;height:20px;border-right:4px solid #f8fafc;border-bottom:4px solid #f8fafc;border-radius:0 0 12px 0;transform:translate(-5px,-2px);pointer-events:none}
.ssm-grass{z-index:1;left:0;right:0;bottom:0;background:repeating-linear-gradient(72deg,transparent 0 8px,#68c95e 9px 11px,transparent 12px 17px),repeating-linear-gradient(108deg,transparent 0 10px,#3eaa50 11px 13px,transparent 14px 20px),linear-gradient(#64c85a 0 12px,#3fa54e 13px,#277b3b 100%);border-top:5px solid #8ee878;box-shadow:inset 0 10px 18px #174f2433}
.ssm-kind-fishing-net .ssm-builtin-canvas{transform:scale(.84);transform-origin:center}
.ssm-spawn-cooling{cursor:wait!important;filter:saturate(.72) brightness(.94)}