.sj-app{--sj-ink:#3a2340;--sj-plum:#5a2f62;--sj-coral:#e8604a;--sj-coral-deep:#a8371f;--sj-gold:#f4b73f;--sj-gold-deep:#b97a14;--sj-cream:#fff4e6;--sj-violet:#6e55b0;--sj-night:rgba(44,22,54,0.72);--play-accent:#e8604a;--play-ink:#3a2340;--play-paper:#fff4e6;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#3d3a86;color:#fff}.sj-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none;cursor:pointer}.sj-app:not([data-phase=play]) :is(.sj-top,.sj-strip,.sj-tools,.sj-keys,.sj-tip){display:none}.sj-app:not([data-phase=play]):not([data-phase=finale]) .sj-banner{display:none}.sj-top{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 8px);display:grid;grid-template-columns:40px 1fr 40px;align-items:start;grid-gap:8px;gap:8px;padding:0 10px;pointer-events:none}.sj-top>*{pointer-events:auto}.sj-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--sj-night);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sj-icon-btn .off,.sj-icon-btn[aria-pressed=true] .on{display:none}.sj-icon-btn[aria-pressed=true] .off{display:inline}.sj-score-box{justify-self:center;display:grid;justify-items:center;grid-gap:3px;gap:3px;padding:6px 16px 7px;border-radius:16px;pointer-events:none;background:var(--sj-cream);color:var(--sj-ink);border:2px solid #fff;box-shadow:0 3px 0 var(--sj-gold-deep);min-width:150px;max-width:100%}.sj-score-box small{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;color:var(--sj-coral-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.sj-counts{display:flex;gap:12px;align-items:baseline;font:700 13px/1 Playful,sans-serif;color:#7a5a6a}.sj-counts b{font:800 24px/1 Playful,sans-serif;color:var(--sj-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-block}.sj-counts .sj-par b{font-size:17px;color:var(--sj-violet)}.sj-counts.over .sj-par b{color:var(--sj-coral)}.sj-counts b.pop{animation:sj-pop .35s cubic-bezier(.3,1.8,.5,1)}@keyframes sj-pop{40%{transform:scale(1.3);color:var(--sj-coral)}}.sj-strip{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 66px);display:flex;gap:5px;padding:5px 8px;border-radius:14px;background:var(--sj-night);border:2px solid rgba(255,225,190,.6);pointer-events:none}.sj-strip i{position:relative;width:30px;height:18px;border-radius:6px;display:block;border:2px solid rgba(255,255,255,.55);background-size:100% 100%;opacity:.55;transition:opacity .3s,transform .3s}.sj-strip i.done{opacity:1;transform:translateY(-1px) scale(1.06);border-color:#fff;box-shadow:0 0 10px rgba(255,220,150,.8)}.sj-strip i.done:after{content:"✓";position:absolute;right:-6px;top:-8px;width:15px;height:15px;border-radius:50%;background:#fff;color:#2f8a4a;font:900 11px/15px Playful,sans-serif;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.3)}.sj-tools{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);display:flex;gap:10px}.sj-tool{display:grid;justify-items:center;grid-gap:2px;gap:2px;width:84px;padding:8px 0 7px;border-radius:18px;cursor:pointer;background:var(--sj-cream);color:var(--sj-ink);border:3px solid #fff;box-shadow:0 4px 0 #b88a6a,0 8px 18px rgba(30,10,40,.3);font:800 13px/1 Playful,sans-serif;transition:transform .12s,opacity .2s}.sj-tool:active{transform:translateY(3px);box-shadow:0 1px 0 #b88a6a}.sj-tool:disabled{opacity:.45;cursor:default}.sj-tool.pulse{animation:sj-pulse .9s ease-in-out infinite;background:#ffe7a6}@keyframes sj-pulse{50%{transform:translateY(-3px);box-shadow:0 7px 0 #b88a6a,0 0 0 5px rgba(255,210,110,.5)}}.sj-banner,.sj-tool b{position:absolute}.sj-banner{z-index:7;left:50%;top:24%;transform:translate(-50%,10px) scale(.85);opacity:0;pointer-events:none;font:800 34px/1.05 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);letter-spacing:.5px;-webkit-text-stroke:8px var(--sj-plum);paint-order:stroke fill;text-shadow:0 5px 0 var(--sj-plum);transition:opacity .18s,transform .3s cubic-bezier(.3,1.6,.5,1)}.sj-banner.show{opacity:1;transform:translate(-50%) scale(1)}.sj-banner.gold{color:#ffe08a;-webkit-text-stroke-color:#8a4a00;text-shadow:0 5px 0 #8a4a00;font-size:40px}.sj-banner.coral{color:#ffe3da;-webkit-text-stroke-color:var(--sj-coral-deep);text-shadow:0 5px 0 var(--sj-coral-deep)}.sj-banner.small{font-size:25px}.sj-tip{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 100px);transform:translateX(-50%);margin:0;padding:9px 16px;border-radius:16px;background:var(--sj-night);border:2px solid rgba(255,220,180,.7);font:700 14.5px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .25s;pointer-events:none}.sj-tip.show{opacity:1}.sj-tip.warn{border-color:#ff9a7a;background:rgba(110,30,30,.8)}.sj-tip.tap:before{content:"👆";display:block;font-size:20px;margin-bottom:3px;animation:sj-tap 1s ease-in-out infinite}@keyframes sj-tap{50%{transform:translateY(5px)}}.sj-keys{display:none}@media (hover:hover) and (pointer:fine){.sj-keys{display:block;position:absolute;z-index:5;left:50%;bottom:6px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,240,225,.85);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.sj-tools{bottom:26px}.sj-tip{bottom:116px}}.playful-game .sj-menu,.playful-game .sj-results{background:linear-gradient(180deg,rgba(40,18,50,0) 30%,rgba(40,18,50,.55));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:30vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .sj-results{padding-top:16vh}.sj-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--sj-cream);color:var(--sj-ink);border:3px solid #fff;border-radius:26px;padding:12px 12px 14px;box-shadow:0 7px 0 #c99a7a,0 20px 50px rgba(30,10,40,.45);text-align:center}.sj-kicker{display:inline-block;font:800 10.5px/1 Playful,sans-serif;letter-spacing:1.8px;color:var(--sj-coral-deep);background:#ffe2d6;border-radius:10px;padding:5px 10px}.sj-logo{margin:4px 0 6px;font:800 36px/.95 Playful,sans-serif;letter-spacing:.5px;color:#fff4dc;-webkit-text-stroke:3px var(--sj-coral-deep);paint-order:stroke fill;text-shadow:0 5px 0 #7a2a3a;transform:rotate(-2deg)}.sj-label{margin:6px 2px 5px;text-align:left;font:800 11px/1 Playful,sans-serif;letter-spacing:1.4px;color:#9a6a74;text-transform:uppercase}.sj-levels{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px}.sj-lv{position:relative;display:grid;place-items:center;grid-gap:1px;gap:1px;height:38px;padding:2px 0 3px;border-radius:10px;cursor:pointer;min-width:0;background:#fff;border:2px solid #f1dccb;color:var(--sj-ink);transition:transform .15s,border-color .15s}.sj-lv strong{font:800 14px/1 Playful,sans-serif}.sj-lv small{font:800 8px/1 Playful,sans-serif;color:#e0a020;letter-spacing:.3px;min-height:8px}.sj-lv small.none{color:#dcc8bc}.sj-lv.on{border-color:var(--sj-coral);background:#ffeee6;transform:translateY(-2px);box-shadow:0 3px 0 var(--sj-coral)}.sj-lv.locked{background:#f1e5dc;color:#bba596;cursor:not-allowed}.sj-lv.locked strong:after{content:"🔒";font-size:8px;position:absolute;top:2px;right:3px}.sj-lv.twist:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--sj-violet)}.sj-level-info{margin:6px 2px 0;font:700 12.5px/1.3 Playful,sans-serif;color:#6a4a5a;min-height:1.3em;text-align:left}.sj-level-info b{color:var(--sj-coral-deep)}.sj-legend{list-style:none;margin:8px 0 10px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:5px 8px;gap:5px 8px;text-align:left}.sj-legend li{display:flex;gap:6px;align-items:center;font:600 11.5px/1.2 Playful,sans-serif;color:#5a3a4a}.sj-legend p{margin:0}.sj-legend b{color:var(--sj-ink)}.sj-legend .sw{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(60,20,40,.3)}.sw-pour{background:linear-gradient(180deg,transparent 40%,var(--sj-gold) 40% 70%,var(--sj-coral) 70%)}.sw-match{background:linear-gradient(180deg,var(--sj-violet) 50%,var(--sj-violet) 50%);box-shadow:inset 0 -7px 0 #d2507f}.sw-tilt{background:#fff3dc;position:relative}.sw-tilt:before{content:"➜";position:absolute;inset:0;font:800 13px/18px Playful,sans-serif;color:#7a4a22;text-align:center}.sw-rope{background:repeating-linear-gradient(45deg,#c9a06a 0 3px,#8a5a2a 3px 5px)}.playful-game .sj-card button.big{width:100%;background:var(--sj-coral);color:#fff;border-color:var(--sj-coral-deep);box-shadow:inset 0 3px 0 #ffa48c,0 5px 0 var(--sj-coral-deep);font-size:24px;letter-spacing:1px}.sj-best{margin:9px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8a6a74}.sj-r-title{margin:0;font:800 30px/1 Playful,sans-serif;color:var(--sj-coral);letter-spacing:.5px}.sj-r-line{margin:4px 0 8px;font:700 12.5px/1.3 Playful,sans-serif;color:#6a4a5a}.sj-photo{margin:0 auto 8px;width:70%;background:#fff;padding:5px 5px 4px;border-radius:6px;box-shadow:0 3px 12px rgba(40,10,30,.28);transform:rotate(-2deg)}.sj-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#5a3a6a}.sj-photo img[hidden]{display:none}.sj-photo figcaption{font:800 10.5px/1.3 Playful,sans-serif;color:#8a6a74;padding-top:3px}.sj-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.sj-r-score b{font:800 44px/1 Playful,sans-serif;color:var(--sj-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sj-r-score span{font:800 17px/1 Playful,sans-serif;color:#a88a94}.sj-stars{display:flex;justify-content:center;gap:6px;margin:2px 0 6px}.sj-stars i{width:28px;height:28px;background:#ecd9cc;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.sj-stars i.on{background:var(--sj-gold);transform:scale(1.18) rotate(-6deg)}.sj-r-rows{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:3px 12px;gap:3px 12px}.sj-r-rows li{display:flex;justify-content:space-between;font:700 12.5px/1.25 Playful,sans-serif;color:#5a3a4a;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s;padding:0 4px}.sj-r-rows li.show{opacity:1;transform:none}.sj-r-rows em{font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--sj-coral-deep);font-weight:800}.sj-r-best{margin:0 0 8px;font:800 13px/1 Playful,sans-serif;color:#2f8a4a;min-height:13px}.playful-game .sj-card button.big.sj-again{margin-top:8px;background:var(--sj-gold);border-color:var(--sj-gold-deep);box-shadow:inset 0 3px 0 #ffe09a,0 5px 0 var(--sj-gold-deep);color:#4a2a10}.playful-game .sj-card button.big[hidden]{display:none}.sj-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .sj-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.sj-link-btn{margin-top:10px;background:#ffe9dc;color:var(--sj-ink);border:2px solid #f0cfbe;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .sj-loading{background:radial-gradient(ellipse at 50% 40%,#b8507a,#3d3a86)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .sj-menu,.playful-game .sj-results{background:linear-gradient(90deg,rgba(40,18,50,0) 45%,rgba(40,18,50,.45));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.sj-card{margin:auto 0}.sj-logo{font-size:44px}.sj-top{grid-template-columns:44px 1fr 44px}.sj-icon-btn{width:44px;height:44px}.sj-strip{top:74px}.sj-lv{height:42px}}@media (max-height:700px) and (max-width:759px){.playful-game .sj-menu{padding-top:14vh}.playful-game .sj-results{padding-top:6vh}.sj-legend{display:none}.sj-photo{width:50%}}