@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-devanagari-400-normal-DwSYK00u.woff2) format("woff2"),url(/assets/baloo-2-devanagari-400-normal-BdQx5VUP.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-vietnamese-400-normal-Bw8Sx-UF.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-400-normal-q9RGxceT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-ext-400-normal-D__FNg33.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-400-normal-nuHowdHt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-400-normal-D8VfTcZx.woff2) format("woff2"),url(/assets/baloo-2-latin-400-normal-DCk_bY-6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-devanagari-700-normal-D37Te3iF.woff2) format("woff2"),url(/assets/baloo-2-devanagari-700-normal-CEIF4sJg.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-devanagari-800-normal-BURIY0wZ.woff2) format("woff2"),url(/assets/baloo-2-devanagari-800-normal-YLp1oUqR.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;font-family:"Baloo 2",system-ui,sans-serif;background:#e8e8e8;color:#2b3a4a;overscroll-behavior:none;overflow-x:clip;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{min-height:100dvh}.chunky-title{font-weight:800;color:#fff;-webkit-text-stroke:2px #2b3a4a;paint-order:stroke fill;text-shadow:0 4px 0 #2b3a4a;letter-spacing:3px;margin:0}.pk-screen{--pk-scale: min(100vw / 360, 100dvh / 800);--pk-oy: calc((100dvh - 800 * var(--pk-scale)) / 2);position:relative;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#4caf50;-webkit-user-select:none;user-select:none}.pk-scorebar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 0;pointer-events:none}.pk-scorepill{display:flex;align-items:flex-start;justify-content:center;gap:14px;background:#fff;border:4px solid #2b3a4a;border-radius:20px;padding:6px 18px 8px;box-shadow:0 4px #2b3a4a40}.pk-side{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:96px}.pk-name{font-weight:800;font-size:13px;letter-spacing:2px;color:#2b3a4a}.pk-goals{font-size:28px;font-weight:800;color:#2b3a4a;line-height:1}.pk-dash{font-size:24px;font-weight:800;color:#2b3a4a;opacity:.35;padding-top:16px}.pk-dots{display:flex;gap:6px;margin-top:3px;min-height:12px;flex-wrap:wrap;justify-content:center}.pk-dot{width:12px;height:12px;border-radius:50%;background:#c9ced4;border:2px solid #2b3a4a}.pk-dot.goal{background:#2fbf71}.pk-dot.saved{background:#ff6b6b}.pk-scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;background:repeating-linear-gradient(to bottom,#4caf50,#4caf50 70px,#47a34b 70px,#47a34b 140px)}.pk-scene svg{width:100%;height:100%;display:block;overflow:visible}.pk-keeper{transition:transform .35s ease}.pk-kit{transition:fill .3s ease}.pk-arm{transition:transform .3s ease}.pk-ball{transition:transform .65s ease-in}.pk-ball.noanim{transition:none}.pk-ballspin{transform-box:fill-box;transform-origin:center;transition:transform .65s ease-in}.pk-ball.noanim .pk-ballspin{transition:none}.pk-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font-size:64px;font-weight:800;color:#fff;letter-spacing:2px;animation:pk-pop .3s ease}.pk-banner.saved,.pk-banner.out{color:#fff}@keyframes pk-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.pk-howto-svg{width:100%;height:100%;display:block}.back-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;z-index:30;width:44px;height:44px;background:#fff;border:4px solid #2b3a4a;border-radius:50%;box-shadow:0 3px #2b3a4a40;display:grid;place-items:center;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.back-btn:active{transform:translateY(3px);box-shadow:0 1px #2b3a4a40}.back-btn:focus-visible{outline:4px solid #4aa3ff;outline-offset:2px}.gamelist-screen{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#fff;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px 24px;box-sizing:border-box;display:flex;flex-direction:column}.gamelist-scroll{flex:1;min-height:0;width:100%;position:relative;overflow:hidden}.gamelist-viewport{width:100%;height:100%}.gamelist-scrollbar{width:8px;background:transparent;padding:2px}.gamelist-scroll:not([data-overflow-y]) .gamelist-scrollbar{display:none}.gamelist-thumb{background:#cbd5e1;border-radius:4px}.gamelist-title{text-align:center;font-size:44px;margin:0 0 18px}.gamelist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.game-card{position:relative;font-family:inherit;border:6px solid #2b3a4a;border-radius:24px;overflow:hidden;background:#aed9f5;padding:0;cursor:pointer;aspect-ratio:1 / 1;box-shadow:0 6px #2b3a4a2e;transition:transform .06s ease,box-shadow .06s ease}.game-card:active{transform:translateY(4px);box-shadow:0 2px #2b3a4a2e}.game-card:focus-visible{outline:4px solid #4aa3ff;outline-offset:3px}.game-card-art{position:absolute;top:0;right:0;bottom:0;left:0}.game-card-art img{width:100%;height:100%;object-fit:cover;display:block}.game-card-title{position:absolute;left:0;right:0;bottom:0;text-align:left;padding:14px;font-size:26px;letter-spacing:1px;line-height:1.1}.menu-screen{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#e8e8e8}.menu-hero{position:relative;flex:0 0 30dvh;display:flex;align-items:flex-end;justify-content:center;background:var(--hero-art) center / cover no-repeat,var(--hero-tint, #ff6b6b);overflow:hidden;padding:calc(16px + env(safe-area-inset-top)) 16px 52px}.menu-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-tint, #ff6b6b);opacity:.35;pointer-events:none}.hero-title{position:relative;z-index:1;text-align:center;font-size:clamp(50px,14vw,76px);line-height:.95}.menu-card{position:relative;background:#fff;border-radius:36px;margin:-38px 16px 0;padding:20px 22px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:0 10px #2b3a4a1f;z-index:1;flex:1 1 auto;min-height:0;margin-bottom:calc(14px + env(safe-area-inset-bottom))}.menu-actions{display:flex;flex-direction:column;gap:10px}.menu-desc{margin:0;text-align:center;font-size:21px;font-weight:700;line-height:1.5;color:#5c7186}.mode-btn{display:flex;align-items:center;gap:16px;font-family:inherit;border:5px solid #2b3a4a;border-radius:26px;padding:12px 20px;cursor:pointer;color:#fff;transition:transform .06s ease,box-shadow .06s ease;text-align:left;width:100%}.mode-btn:active{transform:translateY(4px)}.mode-bot{background:#2f80c3;box-shadow:0 6px #24619a}.mode-bot:active{box-shadow:0 2px #24619a}.mode-friend{background:#2f80c3;box-shadow:0 6px #24619a}.mode-friend:active{box-shadow:0 2px #24619a}.mode-how{background:#7b8fa3;box-shadow:0 6px #5f7185}.mode-how:active{box-shadow:0 2px #5f7185}.mode-how-sm{padding:5px 14px;border-width:4px;border-radius:18px;align-self:center;width:auto;box-shadow:0 4px #5f7185}.mode-how-sm:active{box-shadow:0 1px #5f7185}.mode-how-sm .mode-icon-sm{width:32px;height:32px}.mode-how-sm .mode-label strong{font-size:18px;letter-spacing:1px;-webkit-text-stroke-width:1px;text-shadow:0 2px 0 #2b3a4a}.mode-btn:focus-visible{outline:4px solid #4aa3ff;outline-offset:3px}.mode-icon{width:58px;height:58px;flex-shrink:0;filter:drop-shadow(0 3px 0 rgba(43,58,74,.3))}.mode-label{display:flex;flex-direction:column;line-height:1.05;gap:2px}.mode-label small{font-size:16px;font-weight:800;letter-spacing:2px;color:#bfe3f7}.mode-label strong{font-size:34px;font-weight:800;letter-spacing:2px;color:#fff;-webkit-text-stroke:1.5px #2b3a4a;paint-order:stroke fill;text-shadow:0 3px 0 #2b3a4a}.diff-screen{height:100dvh;max-height:100dvh;overflow:hidden;background:#39434f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.diff-card{position:relative;width:min(92vw,430px);background:#424f5c;border-radius:34px;margin-top:64px;padding:88px 34px 38px;display:flex;flex-direction:column;align-items:center;gap:20px}.diff-bot{position:absolute;top:-72px;left:50%;transform:translate(-50%);width:144px;height:144px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25))}.diff-bot-face{width:100%;height:100%}.diff-title{font-size:clamp(48px,13vw,62px);color:#fff;margin:0;text-align:center}.diff-slider{width:100%}.diff-screen .dslider-control{position:relative;width:100%;height:76px;display:flex;align-items:center;touch-action:none}.diff-screen .dslider-track{position:relative;width:100%;height:52px;background:#8b95a1;border:6px solid #fff;border-radius:999px;overflow:hidden}.diff-screen .dslider-range{position:absolute;top:0;bottom:0;left:0;background:var(--slider-color, #ffa726);transition:background .12s ease}.diff-screen .dslider-thumb{width:70px;height:70px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #00000059;cursor:grab;position:relative}.diff-screen .dslider-thumb:active{cursor:grabbing}.diff-screen .dslider-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:26px;height:26px;border-radius:50%;background:var(--slider-color, #ffa726);transition:background .12s ease}.diff-screen .dslider-thumb:focus-visible{outline:4px solid #4aa3ff;outline-offset:3px}.diff-hint{margin:0;text-align:center;font-size:25px;font-weight:800;line-height:1.25;color:#d7dde3}.diff-play{font-family:inherit;font-size:46px;font-weight:800;letter-spacing:4px;color:#fff;background:var(--diff-color, #ffa726);border:5px solid #2b3a4a;border-radius:22px;box-shadow:0 6px 0 var(--diff-lip, #d98a1f);padding:8px 0;width:100%;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.15);transition:transform .06s ease,box-shadow .06s ease,background .15s ease}.diff-play:active{transform:translateY(4px);box-shadow:0 2px 0 var(--diff-lip, #d98a1f)}.diff-play:focus-visible{outline:4px solid #4aa3ff;outline-offset:3px}.diff-back{background:none;border:none;padding:8px 16px;color:#fff;font-family:inherit;font-size:30px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:22px;cursor:pointer}.diff-back-chevron{font-size:44px;line-height:1;transform:translateY(-2px)}.diff-back:active{transform:scale(.95)}.page-center{min-height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.game-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#ff6b6b;transition:background-color .45s ease}.game-bg[data-turn=O]{background-color:#29b6f6}.game-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px}.status-text{margin:0;text-align:center;font-size:clamp(30px,8vw,40px);font-weight:800;letter-spacing:3px;color:#fff;-webkit-text-stroke:2px #2b3a4a;paint-order:stroke fill;text-shadow:0 4px 0 #2b3a4a}.board{position:relative;width:min(100%,54dvh,440px);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;background:#2b3a4a;border:6px solid #2b3a4a;border-radius:28px;box-shadow:0 8px #00000038}.cell{aspect-ratio:1;background:#ffe9c7;border:none;border-radius:16px;display:grid;place-items:center;padding:14%;cursor:pointer;transition:transform .08s ease,background .12s ease}.cell:disabled{cursor:default}.cell:not(:disabled):hover{background:#ffdfae}.cell:not(:disabled):active{transform:scale(.93)}.cell:focus-visible{outline:4px solid #4aa3ff;outline-offset:2px}.cell svg{width:100%;height:100%;display:block}.mark{animation:pop .22s cubic-bezier(.2,1.6,.4,1);transform-origin:center}@keyframes pop{0%{transform:scale(.3)}to{transform:scale(1)}}.win-layer{position:absolute;top:12px;left:12px;right:12px;bottom:12px;pointer-events:none}.win-bar{position:absolute;background:#2b3a4a;border-radius:999px;transform:rotate(var(--rot, 0deg)) scale(0);animation:win-draw .45s ease-out forwards}.win-bar-h{transform-origin:left center}.win-bar-v{transform-origin:center top}.win-bar-d{transform-origin:center}@keyframes win-draw{to{transform:rotate(var(--rot, 0deg)) scale(1)}}.winner-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;animation:winner-in .35s ease-out}.winner-splash[data-result=X]{background:#ff6b6beb}.winner-splash[data-result=O]{background:#29b6f6eb}.winner-splash[data-result=draw]{background:#2b3a4aeb}.winner-text{font-size:clamp(64px,18vw,120px);line-height:1.05;text-align:center;animation:countdown-pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes winner-in{0%{opacity:0}to{opacity:1}}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#141c268c;display:grid;place-items:center}.countdown-num{font-size:clamp(90px,28vw,160px);animation:countdown-pop .6s cubic-bezier(.2,1.4,.4,1)}@keyframes countdown-pop{0%{transform:scale(.3);opacity:0}45%{transform:scale(1.12);opacity:1}70%{transform:scale(.98)}to{transform:scale(1);opacity:1}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c2b3a8c;animation:fadein .15s ease;z-index:50}.dialog-positioner{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;z-index:51}.dialog-content{background:#fff;border:6px solid #2b3a4a;border-radius:32px;box-shadow:0 10px #2b3a4a40;padding:30px 26px;width:100%;max-width:430px;max-height:calc(100dvh - 60px);overflow-y:auto;text-align:center;animation:dialogin .2s cubic-bezier(.2,1.4,.4,1)}@keyframes fadein{0%{opacity:0}}@keyframes dialogin{0%{transform:scale(.85) translateY(12px);opacity:0}}.dialog-title{margin:0 0 12px;font-size:34px;font-weight:800;letter-spacing:2px;color:#fff;-webkit-text-stroke:1.5px #2b3a4a;paint-order:stroke fill;text-shadow:0 3px 0 #2b3a4a}.dialog-sub{margin:0 0 10px;font-size:19px;font-weight:700;color:#5c7186}.dialog-score{margin:0 0 20px;font-size:17px;font-weight:800;letter-spacing:1px;color:#8aa2b8}.dialog-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.rules-list{text-align:left;margin:0 0 6px;padding-left:22px;font-size:18px;font-weight:600;color:#2b3a4a;display:flex;flex-direction:column;gap:8px}.dialog-positioner.howto-positioner{padding:12px}.howto-dialog{background:#e9f1f6;border:none;box-shadow:0 10px #2b3a4a2e;padding:18px 16px 16px;width:100%;max-width:520px}.howto-title{margin:0 0 8px;text-align:center;font-size:28px;font-weight:800;letter-spacing:2px;color:#3d4c5c}.howto-card{background:#fff;border-radius:20px;padding:12px 12px 14px}.howto-art{border-radius:14px;overflow:hidden;padding:20px;display:grid;place-items:center;width:100%;height:300px;box-sizing:border-box}.howto-art .board{width:min(100%,260px);aspect-ratio:1;margin:0}.howto-art .cell{cursor:default}.howto-art .cell:not(:disabled):hover{background:#ffe9c7}.howto-art .cell{position:relative}.tap-ripple{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:5px solid #ffffff;border-radius:50%;pointer-events:none;animation:tap-ripple 1.2s ease-out infinite}@keyframes tap-ripple{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.25);opacity:0}}.howto-caption{margin:10px 4px 0;min-height:2.8em;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:800;line-height:1.35;color:#3d4c5c}.howto-dots{display:flex;justify-content:center;gap:10px;margin:12px 0}.howto-dot{width:20px;height:20px;border-radius:50%;background:#b9c4cd;transition:background .2s ease}.howto-dot.active{background:#29b6f6}.howto-nav{display:flex;gap:12px;align-items:stretch}.howto-arrow{width:64px;min-height:60px;border:4px solid #2b3a4a;border-radius:18px;background:#5e4f74;box-shadow:0 4px #463a56;display:grid;place-items:center;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,opacity .15s ease}.howto-arrow:disabled{opacity:.35;cursor:default}.howto-arrow:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #463a56}.howto-arrow:focus-visible,.howto-ok:focus-visible{outline:4px solid #4aa3ff;outline-offset:3px}.howto-ok{flex:1;font-family:inherit;font-size:28px;font-weight:800;letter-spacing:3px;color:#fff;background:#5e4f74;border:4px solid #2b3a4a;border-radius:16px;box-shadow:0 4px #463a56;padding:10px 0;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.howto-ok:active{transform:translateY(3px);box-shadow:0 1px #463a56}.pk-howto-art{background:#4caf50;padding:12px}.pk-howto-scene{position:relative;height:100%;aspect-ratio:3 / 4;max-width:100%;overflow:hidden;border-radius:12px}.pk-howto-scene .pk-scene{position:absolute;top:0;right:0;bottom:0;left:0}.pk-howto-scenecenter{display:grid;place-items:center}.pk-howto-pill{gap:8px;padding:6px 10px 8px}.pk-howto-pill .pk-dots{gap:4px}.pk-howto-pill .pk-dot{width:10px;height:10px}.pk-howto-pill .pk-side{min-width:0}.pk-arrow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.pk-arrow-overlay path{animation:pk-dash-march .8s linear infinite;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}@keyframes pk-dash-march{to{stroke-dashoffset:-24}}.sd-screen{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#e8e8e8;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);box-sizing:border-box;user-select:none;-webkit-user-select:none}.sd-topbar{width:100%;max-width:460px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.sd-timer{background:#fff;border:4px solid #2b3a4a;border-radius:12px;box-shadow:0 3px #2b3a4a40;padding:4px 12px;font-weight:800;font-size:16px;color:#2b3a4a;font-variant-numeric:tabular-nums}.sd-mistakes{font-weight:800;font-size:18px;letter-spacing:1px;color:#2b3a4a}.sd-new{background:#a855f7;color:#fff;border:4px solid #2b3a4a;border-radius:12px;box-shadow:0 3px #2b3a4a;padding:6px 12px;font-weight:800;font-size:13px;letter-spacing:1px;cursor:pointer}.sd-new:active{transform:translateY(2px);box-shadow:0 1px #2b3a4a}.sd-board-wrap{flex:1;min-height:0;width:100%;display:grid;place-items:center}.sd-board{width:min(94vw,440px);max-width:100%;max-height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:#fff;border:5px solid #2b3a4a;border-radius:14px;overflow:hidden;box-sizing:border-box;box-shadow:0 5px #2b3a4a38}.sd-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:#fff;border:0;border-right:1px solid #c3ccd6;border-bottom:1px solid #c3ccd6;box-sizing:border-box;padding:0;margin:0;display:grid;place-items:center;cursor:pointer;font:inherit;min-width:0;min-height:0}.sd-cell.sd-r{border-right:3px solid #2b3a4a}.sd-cell.sd-b{border-bottom:3px solid #2b3a4a}.sd-cell.sd-peer{background:#f3e8ff}.sd-cell.sd-sel{background:#d8b4fe}.sd-cell.sd-same{background:#e9d5ff}.sd-cell.sd-sel.sd-same{background:#d8b4fe}.sd-given{font-weight:800;color:#2b3a4a;font-size:clamp(16px,5.4vw,26px);line-height:1}.sd-user{font-weight:800;color:#a855f7;font-size:clamp(16px,5.4vw,26px);line-height:1}.sd-wrong{font-weight:800;color:#e53935;font-size:clamp(16px,5.4vw,26px);line-height:1}.sd-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;place-items:center}.sd-notes span{font-size:clamp(6px,1.9vw,10px);font-weight:700;color:#8a94a0;line-height:1}.sd-pad{width:100%;max-width:460px;display:flex;flex-direction:column;gap:8px}.sd-nums{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.sd-num{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:#fff;border:4px solid #2b3a4a;border-radius:12px;box-shadow:0 3px #2b3a4a;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;font:inherit}.sd-num strong{font-size:20px;font-weight:800;color:#2b3a4a;line-height:1.1}.sd-num small{font-size:10px;font-weight:700;color:#8a94a0;line-height:1}.sd-num:active{transform:translateY(2px);box-shadow:0 1px #2b3a4a}.sd-num.sd-depleted{opacity:.35}.sd-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sd-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:#fff;border:4px solid #2b3a4a;border-radius:12px;box-shadow:0 4px #2b3a4a;padding:10px 0;font-weight:800;font-size:15px;letter-spacing:1px;color:#2b3a4a;cursor:pointer}.sd-action:active{transform:translateY(2px);box-shadow:0 2px #2b3a4a}.sd-action.sd-notes-on{background:#a855f7;color:#fff}.sd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1c2b3a99;display:grid;place-items:center;padding:24px;box-sizing:border-box}.sd-card{background:#fff;border:5px solid #2b3a4a;border-radius:20px;box-shadow:0 6px #2b3a4a4d;padding:28px 24px;text-align:center;max-width:320px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;align-items:center}.sd-win-title{color:#2fbf71;font-size:34px}.sd-fail-title{color:#e53935;font-size:30px}.sd-stat{margin:0;font-weight:700;color:#5b6b7c;font-size:15px}.sd-bigbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#a855f7;color:#fff;border:5px solid #2b3a4a;border-radius:16px;box-shadow:0 5px #2b3a4a;padding:12px 32px;font-weight:800;font-size:18px;letter-spacing:1px;cursor:pointer;font:inherit;width:100%}.sd-bigbtn:active{transform:translateY(3px);box-shadow:0 2px #2b3a4a}.sd-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:#5b6b7c;font-weight:700;font-size:14px;cursor:pointer;font:inherit;text-decoration:underline}.sdm-art{background:#f3e8ff}.sdm-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(100%,230px);aspect-ratio:1;background:#fff;border:4px solid #2b3a4a;border-radius:10px;overflow:hidden;box-sizing:border-box}.sdm-cell{border-right:1px solid #c3ccd6;border-bottom:1px solid #c3ccd6;box-sizing:border-box;display:grid;place-items:center;min-width:0;min-height:0}.sdm-cell.sdm-r{border-right:2px solid #2b3a4a}.sdm-cell.sdm-b{border-bottom:2px solid #2b3a4a}.sdm-cell.sdm-hl{background:#e9d5ff}.sdm-cell.sdm-sel{background:#a855f7}.sdm-given{font-weight:800;color:#2b3a4a;font-size:11px;line-height:1}.sdm-user{font-weight:800;color:#fff;font-size:11px;line-height:1}.sdm-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;place-items:center}.sdm-notes span{font-size:6px;font-weight:700;color:#8a94a0;line-height:1}.ns-screen{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#e8e8e8;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px calc(env(safe-area-inset-bottom,0px) + 12px)}.ns-topbar{width:100%;max-width:460px;display:flex;align-items:center;justify-content:center}.ns-title{font-weight:800;font-size:26px;letter-spacing:1px;color:#2b3a4a}.ns-score{background:#fff;border:4px solid #2b3a4a;border-radius:12px;box-shadow:0 3px #2b3a4a40;padding:4px 14px;display:flex;flex-direction:column;align-items:center;line-height:1.15;font-family:inherit}.ns-score small{font-size:10px;font-weight:800;letter-spacing:2px;color:#8a94a0}.ns-score strong{font-size:20px;font-weight:800;color:#2b3a4a;font-variant-numeric:tabular-nums}.ns-board-wrap{flex:1;min-height:0;width:100%;display:grid;place-items:center;touch-action:none}.ns-board{width:min(94vw,460px);max-width:100%;max-height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#bbada0;border:5px solid #2b3a4a;border-radius:16px;box-shadow:0 6px #2b3a4a40;touch-action:none;user-select:none;-webkit-user-select:none}.ns-cell{background:#cdc1b2;border-radius:8px;aspect-ratio:1;display:grid;place-items:center}.ns-tile{width:100%;height:100%;display:grid;place-items:center;border-radius:8px;font-weight:800;font-size:2rem;font-family:inherit;color:#776e65;animation:ns-pop .12s ease-out}@keyframes ns-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.ns-tile[data-v="2"],.nsm-cell[data-v="2"]{background:#eee4da;color:#776e65}.ns-tile[data-v="4"],.nsm-cell[data-v="4"]{background:#ede0c8;color:#776e65}.ns-tile[data-v="8"],.nsm-cell[data-v="8"]{background:#f2b179;color:#fff}.ns-tile[data-v="16"],.nsm-cell[data-v="16"]{background:#f59563;color:#fff}.ns-tile[data-v="32"],.nsm-cell[data-v="32"]{background:#f67c5f;color:#fff}.ns-tile[data-v="64"],.nsm-cell[data-v="64"]{background:#f65e3b;color:#fff}.ns-tile[data-v="128"],.nsm-cell[data-v="128"]{background:#edcf72;color:#fff}.ns-tile[data-v="256"],.nsm-cell[data-v="256"]{background:#edcc61;color:#fff}.ns-tile[data-v="512"],.nsm-cell[data-v="512"]{background:#edc850;color:#fff}.ns-tile[data-v="1024"],.nsm-cell[data-v="1024"]{background:#edc53f;color:#fff}.ns-tile[data-v="2048"],.nsm-cell[data-v="2048"]{background:#edc22e;color:#fff}.ns-tile[data-v=super],.nsm-cell[data-v=super]{background:#3c3a32;color:#fff}.nsm-art{background:#fef3e2}.nsm-grid{width:min(100%,220px);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#bbada0;border-radius:12px}.nsm-grid-sm{width:150px}.nsm-cell{background:#cdc1b2;border-radius:6px;aspect-ratio:1;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:#776e65;font-family:inherit}.nsm-grid-sm .nsm-cell{font-size:1.2rem}.nsm-fresh{outline:3px solid #ffa726;outline-offset:-3px;animation:nsm-fresh-pulse 1.2s ease-in-out infinite}@keyframes nsm-fresh-pulse{0%,to{outline-color:#ffa726}50%{outline-color:#ffd28a}}.nsm-merge-row{display:flex;align-items:center;justify-content:center;gap:12px}.nsm-single{width:64px;height:64px;font-size:1.5rem;border-radius:8px}.fb-screen{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#7ec8ef;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box}.fb-wrap{flex:1;min-height:0;width:100%;display:block;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.fb-canvas{display:block;width:100%;height:100%;border:0;border-radius:0}.fb-art{padding:0;background:#aee3fa}.fb-demo{width:100%;height:100%;display:block}.fb-tapring{transform-origin:110px 130px;animation:fb-tapring 1.1s ease-out infinite}@keyframes fb-tapring{0%{transform:scale(.72);opacity:1}to{transform:scale(1.18);opacity:.15}}.tb-screen{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#ffcf9e;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box}.tb-wrap{flex:1;min-height:0;width:100%;display:block;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tb-canvas{display:block;width:100%;height:100%;border:0;border-radius:0}.tb-art{padding:0;background:#ffcf9e}.tb-demo{width:100%;height:100%;display:block}