.akg-app{--sky:#DEDAF7; --sky-2:#EEEBFF; --sky-deep:#C6BEF0;
  --ink:#2B2160; --ink-soft:#5F55A6;
  --sun:#FFDB12; --sun-edge:#D69A00;
  --eye-rim:#2F86C6; --iris:#5DB6EE;
  --berry:#F0506A; --leaf:#34B872; --tang:#FF9A3C; --sea:#4FA8F0;
  --card:#FFFFFF; --shadow:rgba(43,33,96,.18);
  --f-ar:"Baloo Bhaijaan 2","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --f-ui:"Fredoka","Baloo Bhaijaan 2",system-ui,sans-serif;
  color-scheme:light;}
.akg-app [hidden]{display:none!important}
.akg-app *, .akg-app, .akg-app *::before, .akg-app *::after{box-sizing:border-box}
.akg-app{background:var(--sky);color:var(--ink);margin:0}
.akg-app{font-family:var(--f-ui);font-size:18px;line-height:1.4;padding-inline:16px;padding-block:12px 40px;-webkit-tap-highlight-color:transparent}
.akg-app .akg-wrap{max-width:980px;margin-inline:auto;display:flex;flex-direction:column;gap:18px}
.akg-app button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none}
.akg-app button:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:16px}
.akg-app h1, .akg-app h2{margin:0;text-wrap:balance;line-height:1.05}
.akg-app .lt{display:inline-flex;flex-direction:column;align-items:center;line-height:1;--s:64px;font-size:var(--s);user-select:none;-webkit-user-select:none}
.akg-app .lt .g{font-family:var(--f-ar);font-weight:800;color:var(--sun);line-height:1.15;
  text-shadow:0 .045em 0 var(--sun-edge),.02em 0 0 var(--sun-edge),-.02em 0 0 var(--sun-edge)}
.akg-app .lt .eyes{display:flex;gap:.03em;margin-top:-.2em}
.akg-app .lt .eyes i{display:block;width:.2em;height:.25em;border-radius:50%;background:#fff;border:.022em solid var(--eye-rim);position:relative;overflow:hidden;animation:akg-blink 6s infinite}
.akg-app .lt .eyes i:nth-child(2){animation-delay:.05s}
.akg-app .lt .eyes i::after{content:"";position:absolute;width:.12em;height:.12em;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,var(--ink) 0 34%,var(--iris) 36% 100%);
  left:calc(50% - .06em + var(--px,0) * .035em);top:calc(50% - .06em + var(--py,0) * .05em)}
.akg-app .lt .tr{font-family:var(--f-ui);font-weight:600;font-size:.26em;color:var(--ink-soft);margin-top:.25em;letter-spacing:.01em}
.akg-app.nohints .lt .tr{display:none}
@keyframes akg-blink{0%,95%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.akg-app .top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}
.akg-app .eyebrow{font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.akg-app .top h2{font-size:clamp(30px,6vw,48px);font-weight:700}
.akg-app .top .ar{font-family:var(--f-ar);font-weight:700;font-size:clamp(22px,4vw,30px);color:var(--ink-soft);margin:2px 0 0}
.akg-app .tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.akg-app .chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border-radius:999px;padding:8px 14px;font-weight:600;font-size:16px;box-shadow:0 3px 0 var(--sky-deep)}
.akg-app .chip[aria-pressed="false"]{opacity:.55}
.akg-app .chip .star{color:var(--tang)}
.akg-app .note{font-size:14px;color:var(--ink-soft);background:var(--sky-2);border-radius:14px;padding:8px 14px;margin:0}
.akg-app .akg-map{display:flex;flex-direction:column;gap:14px}
.akg-app .path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;padding:8px 0}
@container akg (max-width:640px){
.akg-app .path{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.akg-app .lvl{background:var(--card);border-radius:28px;padding:16px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;
  box-shadow:0 6px 0 var(--sky-deep);transition:transform .15s}
.akg-app .lvl:nth-child(even){transform:translateY(14px)}
.akg-app .lvl:hover{transform:translateY(-4px) rotate(-1deg)}
.akg-app .lvl:nth-child(even):hover{transform:translateY(10px) rotate(1deg)}
.akg-app .lvl .ic{font-size:44px;line-height:1}
.akg-app .lvl .n{font-size:13px;font-weight:600;color:var(--ink-soft)}
.akg-app .lvl .t{font-weight:600;font-size:17px;text-align:center}
.akg-app .lvl .st{font-size:20px;letter-spacing:2px;color:var(--sky-deep)}
.akg-app .lvl .st b{color:var(--tang);font-weight:400}
.akg-app .akg-stage{display:flex;flex-direction:column;gap:12px}
.akg-app .bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.akg-app .round{width:52px;height:52px;border-radius:50%;background:var(--card);font-size:24px;display:grid;place-items:center;box-shadow:0 4px 0 var(--sky-deep);flex:none}
.akg-app .bar h2{font-size:clamp(24px,4.5vw,34px);font-weight:700;flex:1;min-width:0}
.akg-app .pips{display:flex;gap:6px}
.akg-app .pips i{width:14px;height:14px;border-radius:50%;background:var(--card);display:block}
.akg-app .pips i.on{background:var(--leaf)}
.akg-app .how{margin:0;font-size:clamp(18px,3vw,22px);font-weight:500;display:flex;gap:10px;align-items:center}
.akg-app .how button{flex:none}
.akg-app .play{position:relative;min-height:340px}
.akg-app .area{position:relative;height:min(62vh,470px);min-height:320px;border-radius:32px;background:linear-gradient(180deg,var(--sky-2),var(--card));overflow:hidden;box-shadow:inset 0 0 0 4px var(--card)}
.akg-app .big-btn{background:var(--ink);color:#fff;border-radius:999px;padding:12px 22px;font-weight:600;font-size:20px;box-shadow:0 5px 0 #17113A;display:inline-flex;gap:8px;align-items:center}
.akg-app .big-btn.light{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--sky-deep)}
.akg-app .big-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #17113A}
.akg-app .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}
.akg-app .nope{animation:akg-nope .45s}
@keyframes akg-nope{20%,60%{transform:translateX(-10px) rotate(-3deg)}40%,80%{transform:translateX(10px) rotate(3deg)}}
.akg-app .yay{animation:akg-yay .5s}
@keyframes akg-yay{40%{transform:scale(1.25) rotate(-4deg)}}
.akg-app .balloon{position:absolute;top:105%;width:clamp(86px,21%,150px);aspect-ratio:.82;animation:akg-rise 11s linear infinite}
.akg-app .balloon .body{position:absolute;inset:0;border-radius:50% 50% 47% 47%/56% 56% 44% 44%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.65) 0 8%,transparent 9%),var(--c);
  display:grid;place-items:center;animation:akg-sway 3s ease-in-out infinite alternate;box-shadow:inset -10px -12px 0 rgba(0,0,0,.08)}
.akg-app .balloon::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:60px;background:var(--ink-soft);opacity:.5}
.akg-app .balloon .lt{--s:clamp(40px,7vw,60px)}
.akg-app .balloon .lt .g{color:#fff;text-shadow:0 .04em 0 rgba(0,0,0,.18)}
.akg-app .balloon .lt .tr{color:#fff}
.akg-app .balloon.popped{animation-play-state:paused;transform:scale(1.5);opacity:0;transition:transform .25s,opacity .25s}
@keyframes akg-rise{to{top:-45%}}
@keyframes akg-sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.akg-app .track{position:relative;padding:40px 0 30px;overflow:hidden}
.akg-app .train{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:8px;justify-content:center;transition:transform .9s cubic-bezier(.5,0,.75,0)}
.akg-app .train.go{transform:translateX(120vw)}
.akg-app .train.in{animation:akg-trainin .8s cubic-bezier(.2,.8,.3,1)}
@keyframes akg-trainin{from{transform:translateX(-120vw)}}
.akg-app .engine{font-size:clamp(56px,11vw,96px);transform:scaleX(-1);line-height:1}
.akg-app .car{width:clamp(58px,13vw,104px);aspect-ratio:1;background:var(--c);border-radius:18px 18px 10px 10px;display:grid;place-items:center;position:relative;margin-bottom:10px}
.akg-app .car::before, .akg-app .car::after{content:"";position:absolute;bottom:-14px;width:24px;height:24px;border-radius:50%;background:var(--ink);border:5px solid var(--ink-soft)}
.akg-app .car::before{left:8px}
.akg-app .car::after{right:8px}
.akg-app .car .lt{--s:clamp(34px,7vw,58px)}
.akg-app .car.gap{background:var(--card);outline:4px dashed var(--ink-soft);outline-offset:-4px}
.akg-app .car.gap .q{font-size:clamp(34px,7vw,56px);font-weight:700;color:var(--ink-soft)}
.akg-app .rails{height:8px;background:repeating-linear-gradient(90deg,var(--ink-soft) 0 20px,transparent 20px 30px);opacity:.4;margin-top:6px}
.akg-app .opt{background:var(--card);border-radius:24px;padding:10px 18px;box-shadow:0 6px 0 var(--sky-deep)}
.akg-app .opt .lt{--s:clamp(46px,9vw,70px)}
.akg-app .mem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;perspective:900px}
@container akg (max-width:520px){
.akg-app .mem{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.akg-app .mcard{aspect-ratio:.85;position:relative;transform-style:preserve-3d;transition:transform .45s}
.akg-app .mcard.flip, .akg-app .mcard.done{transform:rotateY(180deg)}
.akg-app .mcard .f{position:absolute;inset:0;border-radius:20px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.akg-app .mcard .back{background:repeating-linear-gradient(45deg,var(--sea) 0 14px,#6CB9F5 14px 28px);box-shadow:0 5px 0 var(--eye-rim)}
.akg-app .mcard .back::after{content:"؟";font-family:var(--f-ar);font-size:48px;color:#fff;font-weight:800}
.akg-app .mcard .front{background:var(--card);transform:rotateY(180deg);box-shadow:0 5px 0 var(--sky-deep)}
.akg-app .mcard.done .front{box-shadow:0 0 0 5px var(--leaf),0 5px 0 var(--sky-deep)}
.akg-app .mcard .lt{--s:clamp(40px,8vw,64px)}
.akg-app .mcard .nm{font-weight:700;font-size:clamp(22px,4.5vw,34px)}
.akg-app .mcard .nm small{display:block;font-size:.5em;text-align:center;color:var(--ink-soft)}
.akg-app .choices{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;direction:rtl;padding:20px 0}
.akg-app .choice{background:var(--card);border-radius:30px;padding:18px 24px 14px;box-shadow:0 7px 0 var(--sky-deep)}
.akg-app .choice .lt{--s:clamp(70px,16vw,120px)}
.akg-app .ask{font-size:clamp(22px,4vw,30px);font-weight:600;text-align:center;margin:0}
.akg-app .sortarea{display:flex;flex-direction:column;align-items:center;gap:16px}
.akg-app .dragme{touch-action:none;cursor:grab;background:var(--card);border-radius:30px;padding:14px 22px 10px;box-shadow:0 7px 0 var(--sky-deep);position:relative;z-index:5}
.akg-app .dragme.drag{cursor:grabbing;box-shadow:0 14px 24px var(--shadow)}
.akg-app .dragme .lt{--s:clamp(70px,15vw,110px)}
.akg-app .baskets{display:flex;gap:16px;justify-content:center;width:100%}
.akg-app .basket{flex:1;max-width:280px;min-height:150px;border-radius:14px 14px 60px 60px;background:repeating-linear-gradient(0deg,#C9853F 0 12px,#B06F2F 12px 24px);
  border-top:14px solid #8E5520;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px;color:#fff;font-weight:700;font-size:20px;gap:4px}
.akg-app .basket .pile{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;direction:rtl}
.akg-app .basket .pile .lt{--s:30px}
.akg-app .basket .pile .lt .eyes, .akg-app .basket .pile .lt .tr{display:none}
.akg-app .basket.hot{filter:brightness(1.15);transform:scale(1.04)}
.akg-app .tracebox{display:flex;flex-direction:column;align-items:center;gap:12px}
.akg-app .canvwrap{position:relative;width:min(100%,440px);aspect-ratio:1;background:var(--card);border-radius:32px;box-shadow:0 7px 0 var(--sky-deep);touch-action:none}
.akg-app .canvwrap canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:32px}
.akg-app .meter{width:min(100%,440px);height:16px;border-radius:99px;background:var(--card);overflow:hidden}
.akg-app .meter i{display:block;height:100%;width:0;background:var(--leaf);transition:width .3s}
.akg-app .catchtop{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}
.akg-app .target{background:var(--card);border-radius:22px;padding:6px 16px;display:flex;align-items:center;gap:10px;font-weight:600}
.akg-app .target .lt{--s:52px}
.akg-app .faller{position:absolute;top:-120px;background:var(--card);border-radius:50%;width:clamp(76px,15vw,104px);aspect-ratio:1;display:grid;place-items:center;box-shadow:0 5px 0 var(--sky-deep)}
.akg-app .faller .lt{--s:clamp(38px,7vw,52px)}
.akg-app .faller .lt .tr{display:none}
.akg-app .faller.got{transform:scale(1.4);opacity:0;transition:.3s}
.akg-app .slots{display:flex;gap:8px;justify-content:center;direction:rtl;flex-wrap:wrap;padding:6px}
.akg-app .slot{width:clamp(48px,11vw,80px);aspect-ratio:1;border-radius:18px;background:var(--card);opacity:.6;display:grid;place-items:center}
.akg-app .slot.full{opacity:1}
.akg-app .slot .lt{--s:clamp(28px,6vw,46px)}
.akg-app .slot .lt .tr{display:none}
.akg-app .bub{position:absolute;background:var(--card);border-radius:50%;width:clamp(80px,16vw,112px);aspect-ratio:1;display:grid;place-items:center;box-shadow:0 6px 0 var(--sky-deep);animation:akg-bob 2.6s ease-in-out infinite alternate}
.akg-app .bub .lt{--s:clamp(40px,8vw,56px)}
@keyframes akg-bob{to{translate:0 -10px}}
.akg-app .singstage{display:flex;flex-direction:column;align-items:center;gap:14px}
.akg-app .now{height:clamp(170px,30vw,230px);display:grid;place-items:center}
.akg-app .now .lt{--s:clamp(110px,22vw,170px);animation:akg-pop .35s}
.akg-app .now .q{font-size:110px;font-weight:700;color:var(--ink-soft)}
@keyframes akg-pop{from{transform:scale(.4) rotate(-10deg)}}
.akg-app .strip{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;direction:rtl;max-width:760px}
.akg-app .strip span{font-family:var(--f-ar);font-weight:800;font-size:clamp(24px,4.5vw,34px);width:1.6em;height:1.6em;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--sky-deep);transition:.2s}
.akg-app .strip span.sung{color:var(--sun-edge)}
.akg-app .strip span.cur{background:var(--sun);color:var(--ink);transform:scale(1.15)}
.akg-app .monzone{display:flex;flex-direction:column;align-items:center;gap:8px}
.akg-app .cookies{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;direction:rtl}
.akg-app .cookie{touch-action:none;width:clamp(84px,17vw,116px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;cursor:grab;position:relative;z-index:5;
  background:radial-gradient(circle at 30% 30%,#7A4A1E 0 5%,transparent 6%),radial-gradient(circle at 68% 62%,#7A4A1E 0 5%,transparent 6%),radial-gradient(circle at 40% 72%,#7A4A1E 0 4%,transparent 5%),#E8B46A;box-shadow:0 6px 0 #B98238}
.akg-app .cookie .lt{--s:clamp(38px,7vw,52px)}
.akg-app .cookie .lt .tr{display:none}
.akg-app .monster{width:min(260px,62vw);aspect-ratio:1.1;background:var(--leaf);border-radius:48% 48% 40% 40%;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:14%;box-shadow:inset -14px -18px 0 rgba(0,0,0,.1);margin-top:10px}
.akg-app .monster::before, .akg-app .monster::after{content:"";position:absolute;top:-16px;width:30px;height:46px;background:var(--leaf);border-radius:50% 50% 10% 10%}
.akg-app .monster::before{left:22%;transform:rotate(-18deg)}
.akg-app .monster::after{right:22%;transform:rotate(18deg)}
.akg-app .monster .lt{--s:150px}
.akg-app .monster .lt .g{display:none}
.akg-app .mouth{width:48%;height:22%;background:#5A1530;border-radius:10px 10px 60px 60px;margin-top:8%;position:relative;overflow:hidden;transition:height .2s}
.akg-app .mouth::after{content:"";position:absolute;bottom:-14px;left:30%;width:40%;height:28px;background:var(--berry);border-radius:50%}
.akg-app .monster.open .mouth{height:30%}
.akg-app .monster.chomp{animation:akg-chomp .5s}
@keyframes akg-chomp{30%{transform:scale(1.08,.92)}60%{transform:scale(.96,1.05)}}
.akg-app .akg-win{position:fixed;inset:0;background:rgba(43,33,96,.55);display:grid;place-items:center;z-index:50;padding:16px}
.akg-app .wincard{background:var(--card);border-radius:36px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:420px;width:100%;animation:akg-pop .4s}
.akg-app .wincard .stars{font-size:56px;letter-spacing:6px;color:var(--sky-deep)}
.akg-app .wincard .stars b{color:var(--tang);font-weight:400;display:inline-block;animation:akg-pop .5s backwards}
.akg-app .wincard .stars b:nth-child(2){animation-delay:.2s}
.akg-app .wincard .stars b:nth-child(3){animation-delay:.4s}
.akg-app .wincard h2{font-size:34px}
.akg-app .akg-fx{position:fixed;inset:0;pointer-events:none;z-index:60}
@media (prefers-reduced-motion:reduce){
.akg-app *, .akg-app, .akg-app *::before, .akg-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.akg-app .balloon{animation:none;top:30%!important}

}


/* Shield the games from theme styles */
.akg-app{display:block;position:relative;text-align:start;line-height:1.4;font-family:var(--f-ui);font-size:18px;color:var(--ink);background:var(--sky);border-radius:28px;padding:16px;margin:0 0 24px;-webkit-tap-highlight-color:transparent}
.akg-app button{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;min-width:0;width:auto;height:auto;line-height:inherit;cursor:pointer;border-radius:0;text-decoration:none;text-shadow:none}
.akg-app h1,.akg-app h2,.akg-app p{font-family:inherit;color:inherit;text-transform:none;letter-spacing:normal;padding:0}
.akg-app select{font:inherit;border:0;background:none;color:inherit;padding:0;margin:0;height:auto;width:auto;box-shadow:none}
.akg-app img,.akg-app canvas{max-width:none}
.akg-app.akg-single .akg-top{display:none}
.akg-app .akg-wrap{container-type:inline-size;container-name:akg}
.akg-app .top h2{margin:0}
.akg-app .akg-startcard{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--card);border-radius:28px;padding:28px 16px;box-shadow:0 6px 0 var(--sky-deep)}
.akg-app .akg-startcard .ic{font-size:64px;line-height:1}
.akg-app .akg-startcard .t{font-size:clamp(24px,5cqi,34px);font-weight:700}
.akg-app .akg-fx{position:fixed;inset:0;pointer-events:none;z-index:99999;width:100vw;height:100vh}
.akg-app .akg-win{z-index:99998}
@container akg (max-width:520px){.akg-app .bar .pips{order:3;flex-basis:100%;padding-inline-start:62px}}
/* word games */
.akg-app .wordcard{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--card);border-radius:30px;padding:18px 16px;box-shadow:0 7px 0 var(--sky-deep);margin:12px auto;max-width:360px}
.akg-app .wordcard .emo{font-size:clamp(84px,18cqi,130px);line-height:1}
.akg-app .wordcard .word{font-family:var(--f-ar);font-weight:800;font-size:clamp(40px,9cqi,64px);color:var(--ink);line-height:1.2;visibility:hidden}
.akg-app .wordcard.reveal .word{visibility:visible;animation:akg-pop .4s}
.akg-app .wordcard .word .first{color:var(--sun-edge)}
.akg-app .wordcard .en{font-size:18px;color:var(--ink-soft);font-weight:600}
.akg-app .picgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
@container akg (max-width:520px){.akg-app .picgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.akg-app .piccard{background:var(--card);border-radius:24px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 6px 0 var(--sky-deep)}
.akg-app .piccard .emo{font-size:clamp(54px,11cqi,80px);line-height:1}
.akg-app .piccard .word{font-family:var(--f-ar);font-weight:800;font-size:clamp(24px,5cqi,34px);color:var(--ink)}
.akg-app .mcard .nm.pic{display:flex;flex-direction:column;align-items:center;line-height:1}
.akg-app .mcard .nm.pic .emo{font-size:clamp(40px,8cqi,60px)}
.akg-app .mcard .nm.pic small{font-family:var(--f-ar);font-weight:700;font-size:clamp(18px,3.5cqi,24px);color:var(--ink)}

/* ---------- v1.2 games ---------- */
.akg-app .molefield{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;padding:22px 10px 30px;border-radius:32px;background:linear-gradient(180deg,#9BE38E,#5CC46B);box-shadow:inset 0 0 0 4px var(--card)}
.akg-app .hole{position:relative;height:clamp(110px,22cqi,150px);overflow:hidden;border-radius:0 0 50% 50%/0 0 30% 30%}
.akg-app .hole .dirt{position:absolute;left:4%;right:4%;bottom:0;height:32%;border-radius:50%;background:#6B4A2B;box-shadow:inset 0 8px 0 #4E331C;z-index:2}
.akg-app .mole{position:absolute;left:50%;bottom:-100%;translate:-50% 0;width:78%;height:88%;border-radius:48% 48% 20% 20%;background:#B98552;box-shadow:inset 0 -10px 0 #9A6A3C;display:flex;align-items:center;justify-content:center;transition:bottom .22s ease-out;z-index:1}
.akg-app .hole.up .mole{bottom:8%}
.akg-app .mole .lt{--s:clamp(34px,7cqi,52px)}
.akg-app .mole .lt .g{color:#fff;text-shadow:0 .04em 0 rgba(0,0,0,.25)}
.akg-app .mole .lt .tr{color:#FFF3DE}
.akg-app .mole.bonk{animation:akg-yay .45s}
.akg-app .road{position:relative;height:min(58vh,440px);min-height:320px;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);background:repeating-linear-gradient(90deg,#5D5A72 0 calc(33.33% - 3px),#FFF 0 33.33%);box-shadow:inset 0 0 0 4px var(--card)}
.akg-app .lane{height:100%;background:transparent;border-radius:0}
.akg-app .lane:focus-visible{outline-offset:-6px}
.akg-app .racecar{position:absolute;bottom:4%;left:50%;translate:-50% 0;font-size:clamp(54px,11cqi,80px);line-height:1;transition:left .18s ease-out;pointer-events:none;transform:rotate(90deg)}
.akg-app .gates{position:absolute;left:0;right:0;top:-18%;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}
.akg-app .gate{margin:0 10%;background:var(--card);border-radius:22px;padding:6px 0 4px;display:flex;justify-content:center;box-shadow:0 6px 0 var(--sky-deep)}
.akg-app .gate .lt{--s:clamp(34px,7cqi,52px)}
.akg-app .oddgrid .choice .lt .tr{display:none}
.akg-app .yncard{display:flex;justify-content:center;margin:8px auto 0;background:var(--card);border-radius:34px;padding:16px 40px 10px;box-shadow:0 7px 0 var(--sky-deep);width:max-content}
.akg-app .yncard .lt{--s:clamp(90px,20cqi,150px)}
.akg-app .yn{gap:28px}
.akg-app .ynbtn{font-size:clamp(54px,11cqi,76px);line-height:1;padding:14px 30px;border-radius:30px;background:var(--card);box-shadow:0 7px 0 var(--sky-deep)}
.akg-app .ynbtn.yes{background:#DDF6E6}
.akg-app .ynbtn.no{background:#FFE1E6}
.akg-app .dragpic .emo{cursor:grab;touch-action:none}
.akg-app .picbaskets .basket .lt{--s:clamp(44px,9cqi,64px)}
.akg-app .picbaskets .pile .mini{font-size:26px;line-height:1}

.akg-app .vowelrow{gap:16px}
.akg-app .vowelcard{display:flex;flex-direction:column;align-items:center;min-width:120px}
.akg-app .vowelcard .vg{font-family:var(--f-ar);font-weight:800;font-size:clamp(72px,15cqi,110px);line-height:1.35}
.akg-app .vowelcard .vk{font-weight:600;color:var(--ink-soft);font-size:20px}
.akg-app.nohints .vowelcard .vk{display:none}

/* ---------- v1.3 reading & pronunciation games ---------- */
.akg-app .lsrow{gap:22px}
.akg-app .lscard{display:flex;flex-direction:column;align-items:center;min-width:150px}
.akg-app .lscard .ic{font-size:44px;line-height:1}
.akg-app .lscard .vg{font-family:var(--f-ar);font-weight:800;font-size:clamp(64px,13cqi,96px);line-height:1.35;color:var(--ink)}
.akg-app .lscard.long .vg{color:var(--leaf)}
.akg-app .lscard .vk{font-weight:600;color:var(--ink-soft)}
.akg-app .wordcard.small{padding:12px 16px;margin:4px auto}
.akg-app .wordcard.small .emo{font-size:clamp(64px,13cqi,96px)}
.akg-app .cars{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-end;gap:8px;margin:14px 0;direction:ltr;transition:transform 1.4s ease-in}
.akg-app .cars.go{transform:translateX(-120%)}
.akg-app .tengine{font-size:64px;line-height:1;transform:scaleX(-1)}
.akg-app .tcar{min-width:96px;height:78px;border-radius:16px 16px 10px 10px;background:var(--card);border:4px dashed var(--sky-deep);display:flex;align-items:center;justify-content:center;font-family:var(--f-ar);font-weight:800;font-size:40px;position:relative}
.akg-app .tcar.full{border:4px solid var(--tang);background:#FFF1DE;animation:akg-pop .3s}
.akg-app .tcar::after{content:"";position:absolute;bottom:-12px;left:14px;right:14px;height:14px;background:radial-gradient(circle,#444 45%,transparent 50%) 0 0/24px 14px repeat-x}
.akg-app .tilebank{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;direction:rtl;margin-top:16px}
.akg-app .tile{min-width:88px;padding:10px 16px;border-radius:20px;background:var(--sun);box-shadow:0 6px 0 var(--sun-edge);font-family:var(--f-ar);font-weight:800;font-size:40px;color:var(--ink)}
.akg-app .tile.used{opacity:.25}
.akg-app .bubbles{display:flex;justify-content:center;gap:14px;direction:rtl;margin:18px 0;transition:gap .6s,opacity .6s}
.akg-app .bubbles.merge{gap:0;opacity:.2}
.akg-app .sbub{width:clamp(88px,17cqi,120px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#BEE3FF);box-shadow:0 6px 0 var(--sky-deep);font-family:var(--f-ar);font-weight:800;font-size:clamp(34px,7cqi,48px);color:var(--ink)}
.akg-app .sbub.next{animation:akg-bob .7s infinite alternate;outline:4px solid var(--tang)}
.akg-app .sbub.lit{background:radial-gradient(circle at 30% 30%,#fff,#B9F0C9)}
.akg-app .joined{text-align:center;font-family:var(--f-ar);font-weight:800;font-size:clamp(56px,12cqi,88px);min-height:1.3em;opacity:0;transition:opacity .5s}
.akg-app .joined.show{opacity:1;animation:akg-pop .4s}
.akg-app .picgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.akg-app .wordcard .gap{color:var(--berry);border-bottom:4px dotted var(--berry)}
.akg-app .parrot{font-size:clamp(70px,14cqi,110px);text-align:center;line-height:1;transition:transform .2s}
.akg-app .parrot.talk{animation:akg-chomp .3s 3}
.akg-app .parrot.happy{transform:scale(1.25) rotate(-8deg)}
.akg-app .big-btn.mic.on{background:var(--berry);color:#fff}

.akg-app .posrow{gap:16px}
.akg-app .poscard{display:flex;flex-direction:column;align-items:center;min-width:130px}
.akg-app .poscard .vg{font-family:var(--f-ar);font-weight:800;font-size:clamp(60px,12cqi,92px);line-height:1.35;color:var(--sun-edge)}
.akg-app .poscard .vk{font-weight:600;color:var(--ink-soft)}