/* Kid-friendly confirm dialog (SweetAlert-style, no library) */
.kmodal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px 16px;background:rgba(18,50,58,.45);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:kfade .25s ease both;overflow:hidden}
.kmodal.out{animation:kfadeout .22s ease both}
.kbox{position:relative;width:min(92vw,400px);margin-top:64px;padding:78px 22px 22px;text-align:center;background:var(--surface,#fff);color:var(--ink,#12323a);
  border:3px solid var(--line,#cde3e1);border-bottom-width:6px;border-radius:30px;box-shadow:0 24px 60px rgba(10,30,40,.35);animation:kpop .62s cubic-bezier(.2,1.4,.4,1) both;direction:rtl}
.kmodal.out .kbox{animation:kpopout .22s ease-in both}
.kcat{position:absolute;left:50%;top:0;transform:translate(-50%,-62%);pointer-events:none;filter:drop-shadow(0 6px 0 rgba(60,30,0,.12))}
.ktitle{margin:0 0 8px;font-size:clamp(21px,5.6vw,25px);font-weight:800;line-height:1.55}
.ktext{margin:0 0 20px;color:var(--muted,#587479);font-weight:600;font-size:16px;line-height:1.8}
.kbtns{display:flex;gap:12px}
.kbtn{flex:1;min-height:54px;padding:3px 14px 0;border:2px solid var(--line,#cde3e1);border-bottom-width:5px;border-radius:18px;font:inherit;font-weight:800;font-size:19px;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.kbtn:hover{transform:translateY(-1px)}
.kbtn:active{transform:translateY(3px);border-bottom-width:2px;margin-top:3px}
.kbtn.main{background:var(--sun,#f28c28);border-color:#b96612;color:#2b1503}
.kbtn.ghost{background:var(--surface,#fff);color:var(--ink,#12323a)}
.kbtn:focus-visible{box-shadow:0 0 0 4px var(--sun-soft,rgba(255,180,60,.35))}
.kstar{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;opacity:0;animation:kburst .95s cubic-bezier(.15,.8,.3,1) both;animation-delay:calc(.12s + var(--i) * .03s);-webkit-user-drag:none}
@keyframes kfade{from{opacity:0}to{opacity:1}}
@keyframes kfadeout{to{opacity:0}}
@keyframes kpop{0%{opacity:0;transform:translateY(60px) scale(.6) rotate(-4deg)}55%{opacity:1;transform:translateY(-8px) scale(1.05) rotate(1.2deg)}80%{transform:translateY(2px) scale(.99) rotate(-.4deg)}100%{opacity:1;transform:none}}
@keyframes kpopout{to{opacity:0;transform:translateY(24px) scale(.9)}}
@keyframes kburst{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--r))}}
@media (prefers-reduced-motion: reduce){.kmodal,.kbox,.kmodal.out,.kmodal.out .kbox{animation:none}.kstar{display:none}}
html.kopen,html.kopen body{overflow:hidden}