@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%;min-height:100dvh;background:#fff;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px 24px}.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}}