.ak-connect-game,.ak-connect-game *{box-sizing:border-box}.ak-connect-game{--ak-connect-ink:#29235f;--ak-connect-purple:#7558e9;--ak-connect-purple-dark:#5139b4;--ak-connect-lilac:#ece6ff;--ak-connect-blue:#55aaf2;--ak-connect-yellow:#ffd45c;--ak-connect-pink:#ff82ad;--ak-connect-green:#2ac67a;position:relative;isolation:isolate;width:min(100%, 820px);margin:0 auto 28px;overflow:hidden;border:2px solid rgb(113 87 216 / .17);border-radius:30px;background:#fff;box-shadow:0 24px 58px rgb(50 35 90 / .14),0 7px 18px rgb(50 35 90 / .07);font-family:"Nunito","Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ak-connect-ink);text-align:center}.ak-connect-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px 12px;background:radial-gradient(circle at 8% 15%,rgb(255 212 92 / .20),transparent 25%),linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%)}.ak-connect-brand{display:flex;align-items:center;gap:10px;min-width:0;text-align:left}.ak-connect-brand-icon{flex:0 0 49px;display:grid;place-items:center;width:49px;height:49px;border:3px solid #fff;border-radius:16px;background:linear-gradient(145deg,#fff0a8,#ffc94b);box-shadow:0 6px 0 #e5a92a,0 11px 18px rgb(185 126 21 / .16);font-size:26px;transform:rotate(-5deg)}.ak-connect-brand-copy{min-width:0}.ak-connect-brand-copy small,.ak-connect-brand-copy strong{display:block}.ak-connect-brand-copy small{margin-bottom:2px;color:#7663bf;font-size:9px;font-weight:950;letter-spacing:.55px;text-transform:uppercase}.ak-connect-brand-copy strong{overflow:hidden;color:var(--ak-connect-purple-dark);font-size:clamp(17px, 2.5vw, 22px);font-weight:1000;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.ak-connect-hud{display:flex;align-items:center;justify-content:flex-end;gap:7px}.ak-connect-stat,.ak-connect-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgb(113 87 216 / .12);border-radius:13px;background:rgb(255 255 255 / .94);box-shadow:0 7px 15px rgb(50 35 90 / .06)}.ak-connect-stat{gap:6px;padding:0 10px}.ak-connect-stat>span{font-size:16px}.ak-connect-stat div{text-align:left}.ak-connect-stat small,.ak-connect-stat strong{display:block;line-height:1}.ak-connect-stat small{margin-bottom:2px;color:#887fa4;font-size:7px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.ak-connect-stat strong{color:var(--ak-connect-ink);font-size:13px;font-weight:1000}.ak-connect-icon-btn{width:40px;padding:0;border:1px solid rgb(113 87 216 / .12);color:var(--ak-connect-purple-dark);font:inherit;font-size:17px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ak-connect-icon-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgb(50 35 90 / .09)}.ak-connect-progress-row{display:flex;align-items:center;gap:10px;padding:0 17px 13px;background:#fbf9ff}.ak-connect-progress-track{flex:1;height:9px;overflow:hidden;border-radius:999px;background:#e8e2f8;box-shadow:inset 0 1px 2px rgb(61 45 116 / .08)}.ak-connect-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7758e9,#55aaf2 55%,#ff82ad);box-shadow:0 2px 8px rgb(93 78 205 / .28);transition:width .25s ease}.ak-connect-progress-row strong{min-width:42px;color:#6955bd;font-size:11px;font-weight:1000;text-align:right}.ak-connect-board{position:relative;width:100%;aspect-ratio:1 / .88;min-height:430px;overflow:hidden;border-top:1px solid rgb(113 87 216 / .10);background:radial-gradient(circle at 14% 12%,rgb(255 216 83 / .26),transparent 24%),radial-gradient(circle at 88% 8%,rgb(85 170 242 / .20),transparent 25%),linear-gradient(180deg,#fdfcff 0%,#f4f1ff 100%);touch-action:none;user-select:none;-webkit-user-select:none}.ak-connect-board::before{position:absolute;z-index:3;top:14px;left:50%;width:min(350px, calc(100% - 130px));height:48px;border:2px solid rgb(113 87 216 / .12);border-radius:18px;background:rgb(255 255 255 / .93);box-shadow:0 9px 20px rgb(50 35 90 / .09);content:"";transform:translateX(-50%);pointer-events:none}.ak-connect-guide{position:absolute;z-index:5;top:14px;left:50%;display:flex;align-items:center;justify-content:center;gap:7px;width:min(350px, calc(100% - 130px));height:48px;padding:0 15px;color:#5c4da0;font-size:13px;font-weight:950;line-height:1.1;transform:translateX(-50%);pointer-events:none}.ak-connect-guide::before{font-size:18px;content:"✏️"}.ak-connect-svg{position:relative;z-index:1;display:block;width:100%;height:100%}.ak-connect-scene-decor{pointer-events:none}.ak-connect-decor-sun{fill:rgb(255 216 83 / .42);filter:drop-shadow(0 0 18px rgb(255 208 63 / .28))}.ak-connect-cloud{fill:rgb(255 255 255 / .66)}.ak-connect-decor-hill-back{fill:rgb(157 218 161 / .30)}.ak-connect-decor-hill-front{fill:rgb(116 202 157 / .24)}.ak-connect-decor-dot{fill:rgb(123 92 255 / .16)}.ak-connect-line-shadow{fill:none;stroke:rgb(103 78 185 / .14);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ak-connect-line-done{fill:none;stroke:url(#akConnectLineGradient);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 7px rgb(74 55 145 / .22))}.ak-connect-line-preview{fill:none;stroke:rgb(255 164 49 / .72);stroke-width:7;stroke-linecap:round;stroke-dasharray:11 9;filter:drop-shadow(0 3px 4px rgb(255 159 28 / .14))}.ak-connect-point-group{cursor:pointer}.ak-connect-hit{fill:#fff0;stroke:#fff0;pointer-events:all}.ak-connect-point-halo{fill:rgb(255 255 255 / .68);stroke:rgb(117 88 233 / .14);stroke-width:3}.ak-connect-point{fill:#fff;stroke:#7758e9;stroke-width:5;filter:drop-shadow(0 5px 6px rgb(50 35 90 / .19))}.ak-connect-point-group.is-current .ak-connect-point-halo{fill:rgb(255 216 83 / .33);stroke:rgb(255 159 28 / .46);animation:akConnectHaloPulse .85s ease-in-out infinite alternate}.ak-connect-point-group.is-current .ak-connect-point{fill:#ffd45c;stroke:#ff9f1c;stroke-width:6;filter:url(#akConnectGlow)}.ak-connect-point-group.is-done .ak-connect-point{fill:#2ac67a;stroke:#16a75f}.ak-connect-point-group.is-done .ak-connect-point-halo{fill:rgb(42 198 122 / .14);stroke:rgb(42 198 122 / .20)}.ak-connect-number-badge circle{fill:rgb(255 255 255 / .97);stroke:#e4dcf8;stroke-width:2;filter:drop-shadow(0 4px 5px rgb(50 35 90 / .12))}.ak-connect-point-group.is-current .ak-connect-number-badge circle{fill:#fff1b5;stroke:#ffae2f;stroke-width:3}.ak-connect-point-group.is-done .ak-connect-number-badge{opacity:.52}.ak-connect-number{fill:#3f3473;font-size:16px;font-weight:1000;pointer-events:none}.ak-connect-point-group.is-current .ak-connect-number{fill:#7b4b00;font-size:18px}.ak-connect-pencil-guide{pointer-events:none;animation:akConnectPencilBob .9s ease-in-out infinite alternate}.ak-connect-pencil-emoji{font-size:28px}.ak-connect-guide-arrow{fill:none;stroke:#ff9f1c;stroke-width:4;stroke-linecap:round;stroke-dasharray:5 4}.ak-connect-guide-tap{font-size:21px;animation:akConnectTap .8s ease-in-out infinite alternate}.ak-connect-point-burst{position:absolute;z-index:8;width:1px;height:1px;pointer-events:none}.ak-connect-point-burst span{position:absolute;font-size:16px;animation:akConnectBurst .62s ease-out forwards}.ak-connect-point-burst span:nth-child(1){--ak-x:-35px;--ak-y:-28px}.ak-connect-point-burst span:nth-child(2){--ak-x:2px;--ak-y:-42px}.ak-connect-point-burst span:nth-child(3){--ak-x:34px;--ak-y:-24px}.ak-connect-shape-fill{fill:url(#akConnectFillGradient);stroke:none;opacity:0;animation:akConnectFillReveal .7s .25s ease forwards}.ak-connect-finished-glow,.ak-connect-finished-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.ak-connect-finished-glow{stroke:rgb(255 212 92 / .40);stroke-width:25;animation:akConnectDrawFinal .85s ease forwards}.ak-connect-finished-line{stroke:url(#akConnectLineGradient);stroke-width:12;filter:drop-shadow(0 8px 12px rgb(50 35 90 / .22));animation:akConnectDrawFinal .85s .08s ease forwards}.ak-connect-finished-badge rect{fill:rgb(255 255 255 / .96);stroke:rgb(117 88 233 / .18);stroke-width:2;filter:drop-shadow(0 8px 12px rgb(50 35 90 / .12))}.ak-connect-finished-badge text{fill:#5139b4;font-size:19px;font-weight:1000}.ak-connect-message{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.ak-connect-toast{position:absolute;z-index:40;top:75px;left:50%;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:2px solid #e7dfff;border-radius:999px;background:rgb(255 255 255 / .97);box-shadow:0 14px 30px rgb(50 35 90 / .17);color:var(--ak-connect-ink);font-size:13px;font-weight:1000;white-space:nowrap;transform:translateX(-50%);animation:akConnectToastIn .20s ease forwards;pointer-events:none}.ak-connect-toast.is-leaving{animation:akConnectToastOut .32s ease forwards}.ak-connect-confetti{position:absolute;z-index:45;inset:0;overflow:hidden;pointer-events:none}.ak-connect-confetti span{position:absolute;top:-20px;font-size:17px;color:#7758e9;animation:akConnectConfetti 1.45s ease-in forwards;transform:rotate(var(--ak-connect-spin,0deg))}.ak-connect-stage-overlay,.ak-connect-final-overlay{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgb(46 35 86 / .44);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .20s ease}.ak-connect-stage-overlay.is-visible,.ak-connect-final-overlay.is-visible{opacity:1}.ak-connect-stage-card,.ak-connect-final-card{width:min(380px, 100%);border:3px solid rgb(255 255 255 / .58);border-radius:28px;background:radial-gradient(circle at top,rgb(255 212 92 / .26),transparent 36%),linear-gradient(180deg,#ffffff,#f3efff);box-shadow:0 28px 65px rgb(31 20 67 / .32);text-align:center;transform:translateY(12px) scale(.88);transition:transform .25s ease}.ak-connect-stage-overlay.is-visible .ak-connect-stage-card,.ak-connect-final-overlay.is-visible .ak-connect-final-card{transform:translateY(0) scale(1)}.ak-connect-stage-card{padding:24px}.ak-connect-stage-card>span{display:block;font-size:48px}.ak-connect-stage-card small,.ak-connect-stage-card strong,.ak-connect-final-card small,.ak-connect-final-card strong,.ak-connect-final-card span{display:block}.ak-connect-stage-card small,.ak-connect-final-card small{margin:5px 0 2px;color:#7d7399;font-size:11px;font-weight:950;letter-spacing:.6px;text-transform:uppercase}.ak-connect-stage-card strong{color:#5139b4;font-size:31px;font-weight:1000}.ak-connect-final-card{padding:25px 24px 23px}.ak-connect-final-icon{font-size:62px}.ak-connect-final-card strong{margin:4px 0 10px;color:#5139b4;font-size:25px;font-weight:1000;line-height:1.13}.ak-connect-final-card span{margin-bottom:17px;color:#5f557d;font-size:15px;font-weight:900}.ak-connect-final-card button{width:100%;min-height:50px;border:0;border-radius:16px;background:linear-gradient(180deg,#8065e8,#5940bc);box-shadow:0 9px 18px rgb(81 56 184 / .24);color:#fff;font:inherit;font-size:15px;font-weight:1000;cursor:pointer}.ak-connect-board.is-shaking{animation:akConnectShake .40s ease}.ak-connect-icon-btn,.ak-connect-icon-btn:focus,.ak-connect-icon-btn:active,.ak-connect-icon-btn:focus-visible,.ak-connect-final-card button,.ak-connect-final-card button:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important}@keyframes akConnectHaloPulse{from{transform:scale(.86);opacity:.65}to{transform:scale(1.16);opacity:1}}@keyframes akConnectPencilBob{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-7px) rotate(2deg)}}@keyframes akConnectTap{from{transform:translateY(0) scale(.92)}to{transform:translateY(5px) scale(1.05)}}@keyframes akConnectBurst{from{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--ak-x)),calc(-50% + var(--ak-y))) scale(1.15)}}@keyframes akConnectFillReveal{from{opacity:0;transform:scale(.94);transform-origin:center}to{opacity:.82;transform:scale(1);transform-origin:center}}@keyframes akConnectDrawFinal{to{stroke-dashoffset:0}}@keyframes akConnectToastIn{from{opacity:0;transform:translateX(-50%) translateY(-9px) scale(.93)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes akConnectToastOut{from{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.92)}}@keyframes akConnectConfetti{0%{opacity:0;transform:translateY(0) rotate(0deg)}12%{opacity:1}100%{opacity:0;transform:translateY(560px) rotate(420deg)}}@keyframes akConnectShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-3px)}}@media (max-width:760px){.ak-connect-game{margin-bottom:22px;border-radius:24px}.ak-connect-topbar{gap:8px;padding:11px 10px 9px}.ak-connect-brand{gap:7px}.ak-connect-brand-icon{flex-basis:42px;width:42px;height:42px;border-radius:14px;font-size:22px;box-shadow:0 4px 0 #e5a92a,0 8px 14px rgb(185 126 21 / .14)}.ak-connect-brand-copy small{font-size:7px}.ak-connect-brand-copy strong{font-size:15px}.ak-connect-hud{gap:5px}.ak-connect-stat{min-height:34px;gap:4px;padding:0 7px;border-radius:10px}.ak-connect-stat>span{font-size:13px}.ak-connect-stat small{display:none}.ak-connect-stat strong{font-size:11px}.ak-connect-icon-btn{width:34px;min-height:34px;border-radius:10px;font-size:14px}.ak-connect-progress-row{padding:0 10px 9px}.ak-connect-progress-track{height:7px}.ak-connect-progress-row strong{font-size:9px}.ak-connect-board{aspect-ratio:1 / 1;min-height:350px}.ak-connect-board::before,.ak-connect-guide{top:10px;width:min(270px, calc(100% - 90px));height:42px;border-radius:15px}.ak-connect-guide{padding:0 10px;font-size:11px}.ak-connect-guide::before{font-size:15px}.ak-connect-toast{top:61px;padding:8px 12px;font-size:11px}.ak-connect-final-card strong{font-size:22px}}@media (max-width:390px){.ak-connect-brand-copy small{display:none}.ak-connect-brand-copy strong{font-size:14px}.ak-connect-stat{padding:0 6px}.ak-connect-stat>span{display:none}.ak-connect-board{min-height:325px}}.ak-connect-board::before{display:none!important;content:none!important}.ak-connect-guide{display:none!important}.ak-connect-pencil-guide,.ak-connect-pencil-emoji,.ak-connect-guide-arrow,.ak-connect-guide-tap{display:none!important}.ak-connect-decor-hill,.ak-connect-decor-hill-back,.ak-connect-decor-hill-front{display:none!important}.ak-connect-board{background:radial-gradient(circle at 15% 12%,rgb(255 216 83 / .24),transparent 24%),radial-gradient(circle at 88% 9%,rgb(85 170 242 / .18),transparent 25%),linear-gradient(180deg,#ffffff 0%,#f8f6ff 100%)!important}