:root{--sd-app-pad-x: 14px;--sd-app-gap: 14px;--sd-logo-w: 65%;--sd-hud-gap: 3px;--sd-chip-size: 31px;--sd-chip-radius: 10px;--sd-heart-w: 22px;--sd-date-font: 13px;--sd-score-star: 24px;--sd-score-font: 13px;--sd-rules-pad: 9px;--sd-rules-gap: 4px;--sd-rule-pad-y: 20px;--sd-rule-font: 14px;--sd-board-pad: 10px;--sd-board-gap-size: 4px;--sd-cell-radius: 10%;--sd-star-size: 90%;--sd-cross-size: 58%;--sd-mascot-size: 122px;--sd-mascot-top: -50px;--sd-popup-pad-top: 72px}@media(max-width:430px){:root{--sd-app-pad-x: 6px;--sd-board-pad: 5px;--sd-board-gap-size: 3px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%}body{font-family:"Baloo 2",Nunito,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800;color:var(--sd-text-brown);background:linear-gradient(180deg,var(--sd-page-top) 0%,var(--sd-page-top) 42%,var(--sd-page-bottom) 100%);touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow-x:hidden}.sd-app{max-width:560px;margin:0 auto;padding:12px var(--sd-app-pad-x) 28px;display:flex;flex-direction:column;gap:var(--sd-app-gap)}.sd-hud{display:grid;grid-template-columns:auto auto auto 1fr auto auto auto auto;grid-template-areas:"level hearts score . date theme sound lang";align-items:center;gap:var(--sd-hud-gap)}.sd-level{grid-area:level}.sd-hearts{grid-area:hearts}.sd-score{grid-area:score}.sd-date{grid-area:date}#btn-theme{grid-area:theme}#btn-sound{grid-area:sound}#btn-lang{grid-area:lang}.sd-date,.sd-level{display:flex;align-items:center;gap:3px;padding:6px 7px;white-space:nowrap}.sd-date__emoji,.sd-level__emoji{font-size:17px;line-height:1}.sd-date__text,.sd-level__text{font-size:var(--sd-date-font)}.sd-panel{background:var(--sd-panel);border-radius:18px;box-shadow:inset 0 2px 4px #0000000f}.sd-hearts{display:flex;gap:2px;padding:6px 8px}.sd-heart{width:var(--sd-heart-w);height:calc(var(--sd-heart-w) * .9);background:url(../img/heart-empty.png) no-repeat center / contain}.sd-heart--full{background-image:url(../img/heart-full.png)}.sd-score{display:flex;align-items:center;gap:3px;padding:5px 8px 5px 5px}.sd-score__star{flex:0 0 auto;width:var(--sd-score-star);height:var(--sd-score-star);background:url(../img/star-hud.png) no-repeat center / contain}.sd-score__label{font-size:var(--sd-score-font);white-space:nowrap}.sd-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sd-rules-gap);padding:var(--sd-rules-pad);border-radius:14px;background:var(--sd-panel-soft);box-shadow:0 0 0 3px var(--sd-progress-fill) inset}.sd-rule{margin:0;padding:var(--sd-rule-pad-y) 8px;border-radius:10px;background:var(--sd-rule-idle);font-size:var(--sd-rule-font);line-height:1.25;text-align:center;transition:background .2s ease,color .2s ease}@media(max-width:430px){.sd-rule{padding:9px 5px;font-size:11px;letter-spacing:-.2px}}.sd-rule--violated{background:var(--sd-rule-active);color:var(--sd-on-accent)}.sd-board-wrap{padding:var(--sd-board-pad);border-radius:22px;background:var(--sd-board-panel);box-shadow:0 4px #0000000f}.sd-board{display:grid;grid-template-columns:repeat(var(--sd-dim, 9),1fr);gap:var(--sd-board-gap-size);touch-action:none}.sd-cellface{position:relative;aspect-ratio:1;border-radius:var(--sd-cell-radius);background:var(--sd-tint);box-shadow:inset 0 -2px #0000001f;display:grid;place-items:center}.sd-cell{cursor:pointer;transition:background .18s ease,transform .1s ease}.sd-cellface[data-state=star],.sd-cellface[data-state=redCross]{cursor:default}.sd-mark{width:78%;height:78%;background:no-repeat center / contain;pointer-events:none}.sd-cellface[data-state=empty] .sd-mark{background-image:none}.sd-cellface[data-state=star] .sd-mark{background-image:url(../img/star.png);width:var(--sd-star-size);height:var(--sd-star-size)}.sd-cellface[data-state=whiteCross] .sd-mark,.sd-cellface[data-state=redCross] .sd-mark{position:relative;width:var(--sd-cross-size);height:var(--sd-cross-size)}.sd-cellface[data-state=whiteCross] .sd-mark:before,.sd-cellface[data-state=whiteCross] .sd-mark:after,.sd-cellface[data-state=redCross] .sd-mark:before,.sd-cellface[data-state=redCross] .sd-mark:after{content:"";position:absolute;top:0;left:50%;width:20%;height:100%;margin-left:-10%;border-radius:999px;background:var(--sd-cross-color, #fff);box-shadow:0 1px 2px #00000047}.sd-cellface[data-state=whiteCross] .sd-mark:before,.sd-cellface[data-state=redCross] .sd-mark:before{transform:rotate(45deg)}.sd-cellface[data-state=whiteCross] .sd-mark:after,.sd-cellface[data-state=redCross] .sd-mark:after{transform:rotate(-45deg)}.sd-cellface[data-state=redCross] .sd-mark{--sd-cross-color: var(--sd-red-cross)}.sd-tools{display:flex;align-items:center;justify-content:center;gap:14px}.sd-tool{position:relative;width:66px;height:66px;border:0;padding:0;border-radius:18px;background:var(--sd-panel-strong);box-shadow:0 3px #00000014;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.sd-tool:active{transform:translateY(2px);box-shadow:0 1px #00000014}.sd-tool:before{content:"";position:absolute;inset:9px 9px 18px;background:no-repeat center / contain}.sd-tool--hint:before{background-image:url(../img/bulb.png)}.sd-tool__count{position:absolute;left:0;right:0;bottom:4px;font-size:15px}.sd-tool--selected{box-shadow:0 0 0 3px var(--sd-progress-fill),0 3px #00000014}.sd-tool:disabled{opacity:.45;cursor:default}.sd-howto{margin:-4px 0 0;text-align:center;font-size:13px;font-weight:700;opacity:.62}body.sd-modal-open{overflow:hidden}.sd-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#301e146b;backdrop-filter:blur(2px);animation:sd-backdrop-in .18s ease-out both}.sd-mascot{width:128px;height:128px}.sd-popup{position:relative;width:min(360px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;padding:26px 24px 24px;border-radius:28px;text-align:center;background:var(--sd-board-panel);box-shadow:0 12px 32px #301e1447,inset 0 0 0 4px var(--sd-popup-edge);animation:sd-popup-in .28s cubic-bezier(.34,1.4,.64,1) both}.sd-popup--mascot{padding-top:var(--sd-popup-pad-top)}.sd-popup__mascot{position:absolute;top:var(--sd-mascot-top);left:50%;transform:translate(-50%);width:var(--sd-mascot-size);height:var(--sd-mascot-size);filter:drop-shadow(0 6px 8px rgba(48,30,20,.22))}.sd-popup__body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.sd-popup__body--scrollable{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}.sd-popup__title{margin:0 0 8px;font-size:26px}.sd-popup__text{margin:0 0 16px;font-size:15px;font-weight:700;line-height:1.45;opacity:.82}.sd-popup__buttons{display:flex;flex-direction:column;gap:10px;margin-top:18px;flex:none}.sd-welcome__logo{width:62%;height:auto;margin:0 auto 12px;display:block}.sd-welcome__teach{margin-top:4px}.sd-guide{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 2px 10px;border-radius:18px;background:#0000000d}.sd-guide__col{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.sd-guide__col+.sd-guide__col:after{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:currentColor;opacity:.12}.sd-guide__demo{position:relative;width:100%;height:62px}.sd-guide__cells{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;gap:4px}.sd-demo-cell{width:26px;height:26px;flex:none;cursor:default;--sd-tint: #5C83B8}.sd-guide__touch{position:absolute;top:7px;left:calc(50% - 6px);width:30px;height:39px}.sd-guide__col--drag .sd-guide__touch{left:calc(50% - 36px)}.sd-guide__hand{display:block;width:100%;height:100%;fill:#fff;stroke:var(--sd-text-brown);stroke-width:2;stroke-linejoin:round;transform:rotate(-9deg);transform-origin:12px 3px;filter:drop-shadow(0 2px 2px rgba(48,30,20,.25))}.sd-guide__touch:before{content:"";position:absolute;left:3px;top:-6px;width:18px;height:18px;border:2px solid var(--sd-text-brown);border-radius:999px;opacity:0}.sd-guide__op{margin:0;font-size:14px;font-weight:700;line-height:1.2}.sd-guide__foot{display:flex;flex-direction:column;gap:4px;margin-top:10px}.sd-guide__foot-line{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;font-weight:700;line-height:1.3;text-align:left;opacity:.68}.sd-guide__hearts{display:flex;flex:none;gap:2px}.sd-guide__heart{width:14px;height:12.6px;flex:none}.sd-guide__bulb{width:16px;height:16px;flex:none;object-fit:contain}@media(max-height:620px){.sd-welcome__logo{width:38%;margin-bottom:6px}.sd-popup--welcome .sd-popup__title{font-size:21px}.sd-popup--welcome .sd-popup__text{margin-bottom:10px}.sd-popup--welcome .sd-guide__foot{margin-top:7px}}.sd-btn{padding:14px 20px;border:0;border-radius:16px;font:inherit;font-size:17px;color:var(--sd-on-accent);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.sd-btn--primary{background:var(--sd-btn-purple);box-shadow:0 4px #00000038}.sd-btn--secondary{background:var(--sd-panel-strong);color:var(--sd-text-brown);box-shadow:0 4px #0000001a}.sd-btn:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.sd-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:16px;background:var(--sd-panel);font-size:17px}.sd-toggle{min-width:74px;padding:9px 14px;border:0;border-radius:12px;font:inherit;font-size:15px;color:var(--sd-text-brown);background:var(--sd-rule-idle);cursor:pointer}.sd-toggle--on{background:var(--sd-progress-fill)}.sd-share__input{width:100%;padding:12px 14px;border:0;border-radius:14px;font:inherit;font-size:13px;font-weight:700;color:var(--sd-text-brown);background:var(--sd-panel-input);text-align:center;box-shadow:inset 0 2px 4px #00000014}.sd-brand{display:block;width:var(--sd-logo-w);margin:0 auto -4px;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;height:auto}.sd-footer{text-align:center;font-size:12px;font-weight:700;opacity:.6}.sd-footer a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.sd-chip-btn{width:var(--sd-chip-size);height:var(--sd-chip-size);border:0;padding:0;border-radius:var(--sd-chip-radius);font-size:calc(var(--sd-chip-size) * .5);line-height:1;cursor:pointer;transition:transform .12s ease,filter .12s ease}.sd-chip-btn:active{transform:scale(.9)}.sd-chip-btn[aria-pressed=false]{filter:grayscale(1) opacity(.5)}[data-theme=dark] .sd-board{filter:brightness(.82) saturate(.92)}[data-theme=dark] .sd-brand{filter:brightness(1.04)}.sd-langs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:4px}.sd-lang{padding:11px 8px;border:0;border-radius:12px;font:inherit;font-size:14px;color:var(--sd-text-brown);background:var(--sd-panel-strong);cursor:pointer;transition:transform .12s ease}.sd-lang:active{transform:scale(.96)}.sd-lang--current{background:var(--sd-progress-fill)}.sd-lead{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.sd-lead__ask{margin:0 0 2px;font-size:13px;font-weight:700;line-height:1.45;opacity:.78}.sd-lead__input{width:100%;padding:12px 14px;border:0;border-radius:14px;font:inherit;font-size:15px;color:var(--sd-text-brown);background:var(--sd-panel-input);text-align:center;box-shadow:inset 0 2px 4px #00000014}.sd-lead__input::placeholder{color:var(--sd-text-brown);opacity:.45}.sd-lead__error{margin:0;min-height:16px;font-size:12px;font-weight:700;color:var(--sd-red-cross)}.sd-cell--hint{filter:brightness(1.1)}.sd-cell--hint:after{content:"";position:absolute;inset:0;border-radius:inherit;border:3px solid var(--sd-hint-ring, #ffb703);box-shadow:0 0 6px #ffb703a6;pointer-events:none;animation:sd-hint-ring 1.2s ease-in-out infinite}@keyframes sd-hint-ring{0%,to{opacity:.55}50%{opacity:1}}.sd-cell[data-preview] .sd-mark{opacity:.5}.sd-cell[data-preview=star] .sd-mark,.sd-cell[data-preview=whiteCross] .sd-mark{animation:sd-ghost-pulse 1.2s ease-in-out infinite}.sd-cell[data-preview=star] .sd-mark{background-image:url(../img/star.png);width:var(--sd-star-size);height:var(--sd-star-size)}.sd-cell[data-preview=whiteCross] .sd-mark{position:relative;width:var(--sd-cross-size);height:var(--sd-cross-size)}.sd-cell[data-preview=whiteCross] .sd-mark:before,.sd-cell[data-preview=whiteCross] .sd-mark:after{content:"";position:absolute;top:0;left:50%;width:20%;height:100%;margin-left:-10%;border-radius:999px;background:var(--sd-cross-color, #fff);box-shadow:0 1px 2px #00000047}.sd-cell[data-preview=whiteCross] .sd-mark:before{transform:rotate(45deg)}.sd-cell[data-preview=whiteCross] .sd-mark:after{transform:rotate(-45deg)}.sd-cell[data-preview=erase] .sd-mark{animation:sd-ghost-blink .9s ease-in-out infinite}@keyframes sd-ghost-pulse{0%,to{opacity:.32}50%{opacity:.7}}@keyframes sd-ghost-blink{0%,to{opacity:1}50%{opacity:.15}}.sd-hint{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:var(--sd-panel-strong);animation:sd-hint-in .22s ease-out}.sd-hint[hidden]{display:none}@keyframes sd-hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sd-hint__text{margin:0;font-size:14px;font-weight:600;line-height:1.45;color:var(--sd-text-brown);text-align:center}.sd-hint__apply{border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:700;padding:7px 26px;border-radius:999px;color:var(--sd-text-brown);background:var(--sd-panel);box-shadow:0 2px 6px #0000001f;animation:sd-hint-in .22s ease-out}.sd-hint__apply:active{transform:translateY(1px)}.sd-hint__apply[hidden]{display:none}@keyframes sd-star-pop{0%{transform:scale(0)}36%{transform:scale(1.15)}48%{transform:scale(.92)}72%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sd-cross-pop{0%{transform:scale(0);opacity:0}45%{transform:scale(.35);opacity:1}to{transform:scale(1)}}@keyframes sd-red-pop{0%{transform:scale(0) rotate(-14deg)}40%{transform:scale(1.22) rotate(4deg)}65%{transform:scale(.94) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.sd-cell[data-state=star] .sd-mark--enter{animation:sd-star-pop .26s cubic-bezier(.3,1.2,.5,1) both}.sd-cell[data-state=whiteCross] .sd-mark--enter{animation:sd-cross-pop .2s ease-out both}.sd-cell[data-state=redCross] .sd-mark--enter{animation:sd-red-pop .34s cubic-bezier(.3,1.3,.5,1) both}@keyframes sd-red-flash{0%,40%{background-color:var(--sd-red-cross)}to{background-color:var(--sd-tint)}}.sd-cell[data-state=redCross]{animation:sd-red-flash .75s ease-out both}.sd-cell[data-state=redCross] .sd-mark--enter{animation-delay:.16s}@keyframes sd-rule-flash{0%,to{background-color:var(--sd-rule-idle);color:var(--sd-text-brown)}12%,62%{background-color:var(--sd-rule-active);color:var(--sd-on-accent)}37%,87%{background-color:var(--sd-rule-idle);color:var(--sd-text-brown)}}.sd-rule--violated{animation:sd-rule-flash 1.1s ease-in-out both}@keyframes sd-cell-enter{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.sd-cell--enter{animation:sd-cell-enter .24s cubic-bezier(.32,1.3,.6,1) both;animation-delay:var(--sd-enter-delay, 0ms)}@keyframes sd-heart-break{0%{transform:scale(1)}28%{transform:scale(1.4)}to{transform:scale(1)}}.sd-heart--breaking{animation:sd-heart-break .42s ease-out}.sd-mascot{overflow:hidden}.sd-mascot__strip{display:block;width:1200%;height:100%;background:var(--sd-mascot-src) no-repeat 0 0 / 100% 100%}@keyframes sd-mascot-play{0%{transform:translate(0)}to{transform:translate(-100%)}}.sd-mascot--blink{--sd-mascot-src: url(../img/mascot-blink.webp)}.sd-mascot--shake{--sd-mascot-src: url(../img/mascot-shake.webp)}.sd-mascot--cry{--sd-mascot-src: url(../img/mascot-cry.webp)}.sd-mascot--fail{--sd-mascot-src: url(../img/mascot-fail.webp)}.sd-mascot--playing .sd-mascot__strip{animation:sd-mascot-play 1s steps(12) infinite}.sd-mascot--once .sd-mascot__strip{animation:sd-mascot-play 1s steps(12) 1 forwards}@keyframes sd-popup-in{0%{transform:scale(.6) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes sd-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sd-guide-press-tap{0%,4%{transform:translateY(0)}8%,12%{transform:translateY(3px)}16%,46%{transform:translateY(0)}50%,54%{transform:translateY(3px)}58%,to{transform:translateY(0)}}@keyframes sd-guide-press-double{0%{transform:translateY(0)}4%{transform:translateY(3px)}8%{transform:translateY(0)}12%{transform:translateY(3px)}16%,to{transform:translateY(0)}}@keyframes sd-guide-press-drag{0%{opacity:0;transform:translate(0)}4%{opacity:1;transform:translate(0)}6%{transform:translateY(3px)}38%{transform:translate(60px,3px)}44%,64%{opacity:1;transform:translate(60px)}74%,88%{opacity:0;transform:translate(60px)}89%,to{opacity:0;transform:translate(0)}}@keyframes sd-guide-ripple-tap{0%,7%{opacity:0;transform:scale(.3)}9%{opacity:.5;transform:scale(.4)}22%{opacity:0;transform:scale(1.3)}23%,49%{opacity:0;transform:scale(.3)}51%{opacity:.5;transform:scale(.4)}64%,to{opacity:0;transform:scale(1.3)}}@keyframes sd-guide-ripple-double{0%{opacity:.5;transform:scale(.4)}10%{opacity:0;transform:scale(1.25)}11%{opacity:.5;transform:scale(.4)}24%,to{opacity:0;transform:scale(1.25)}}@keyframes sd-guide-ripple-drag{0%,4%{opacity:0;transform:scale(.3)}7%{opacity:.45;transform:scale(.4)}20%,to{opacity:0;transform:scale(1.2)}}@keyframes sd-guide-mark-tap{0%,8%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(1.15)}20%,52%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scale(.4)}}@keyframes sd-guide-mark-drag{0%,5%{opacity:0;transform:scale(0)}11%{opacity:1;transform:scale(1.12)}15%,72%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(.4)}}@keyframes sd-guide-mark-star{0%,14%{opacity:0;transform:scale(0)}22%{opacity:1;transform:scale(1.18)}28%,80%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.4)}}.sd-guide__col--tap .sd-guide__touch{animation:sd-guide-press-tap 2.4s ease-in-out infinite}.sd-guide__col--tap .sd-guide__touch:before{animation:sd-guide-ripple-tap 2.4s linear infinite}.sd-guide__col--tap .sd-mark{animation:sd-guide-mark-tap 2.4s cubic-bezier(.3,1.2,.5,1) infinite both}.sd-guide__col--drag .sd-guide__touch{animation:sd-guide-press-drag 2.4s ease-in-out infinite}.sd-guide__col--drag .sd-guide__touch:before{animation:sd-guide-ripple-drag 2.4s linear infinite}.sd-guide__col--drag .sd-mark{animation:sd-guide-mark-drag 2.4s cubic-bezier(.3,1.2,.5,1) infinite both}.sd-guide__col--drag .sd-demo-cell:nth-child(2) .sd-mark{animation-delay:.385s}.sd-guide__col--drag .sd-demo-cell:nth-child(3) .sd-mark{animation-delay:.77s}.sd-guide__col--double .sd-guide__touch{animation:sd-guide-press-double 2.4s ease-in-out infinite}.sd-guide__col--double .sd-guide__touch:before{animation:sd-guide-ripple-double 2.4s linear infinite}.sd-guide__col--double .sd-mark{animation:sd-guide-mark-star 2.4s cubic-bezier(.3,1.2,.5,1) infinite both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sd-mascot--playing{animation:sd-mascot-play 2s steps(12) infinite!important}.sd-guide__touch,.sd-guide__touch:before,.sd-guide .sd-mark{animation:none!important}.sd-guide__touch:before{display:none}.sd-guide .sd-mark{opacity:1;transform:none}.sd-guide__col--drag .sd-guide__touch{transform:translate(60px,3px)}.sd-guide__col--tap .sd-guide__touch,.sd-guide__col--double .sd-guide__touch{transform:translateY(3px)}}