/* kids.css — Kids Corner (קינדער ווינקל), Oct 26 2026 */
.kc{--kr:18px;max-width:900px;margin:0 auto;padding:4px 2px 30px;font-family:"Arial Hebrew","Noto Sans Hebrew",system-ui,-apple-system,Arial,sans-serif}
.kc h1{margin:4px 0 2px;font-size:28px;line-height:1.2}
.kc-top{text-align:center;padding:10px 6px 4px}.kc-top p{margin:2px 0 12px;color:var(--mut)}
.kc-head{padding:6px 2px 10px}.kc-head p{margin:2px 0 0;color:var(--mut);font-size:15px}
.kc-back{display:inline-block;text-decoration:none;color:var(--gold);font-weight:700;margin-bottom:4px;font-size:15px}
.kc-wod{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff7e0,#ffe9b3);border-radius:var(--kr);padding:12px 16px;text-decoration:none;color:#5a3d00;box-shadow:var(--sh);margin:0 0 14px}
.kc-wod .kc-wode{font-size:54px;line-height:1}.kc-wod small{display:block;font-size:13px;opacity:.8}.kc-wod b{display:block;font-size:30px}.kc-wod i{font-style:normal;font-size:14px;direction:ltr;display:block;text-align:right}
.kc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.kc-tile{--k:#2F80ED;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:118px;border-radius:var(--kr);background:linear-gradient(160deg,var(--k),color-mix(in srgb,var(--k) 70%,#000));color:#fff;text-decoration:none;box-shadow:var(--sh);padding:10px;text-align:center;transition:transform .12s}
.kc-tile:active{transform:scale(.96)}.kc-ico{font-size:40px;line-height:1.1}.kc-tile b{font-size:19px}.kc-tile small{font-size:12px;opacity:.9;direction:ltr}
.kc-card{background:var(--panel);border-radius:var(--kr);box-shadow:var(--sh);padding:16px;margin:0 0 14px;text-align:center}
.kc-h2{font-size:20px;margin:16px 0 8px}
.kc-letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.kc-let{border:0;border-radius:16px;background:var(--panel);box-shadow:var(--sh);padding:8px 2px 6px;cursor:pointer;color:var(--txt);font-family:inherit}
.kc-let span{display:block;font-size:46px;line-height:1.15;font-weight:700;color:var(--gold2)}.kc-let small{font-size:11px;direction:ltr;display:block;color:var(--mut)}
.kc-let:active{transform:scale(.94);background:#fff4c7}
.kc-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 0}
.kc-btn{border:1px solid var(--line);background:var(--bg);color:var(--txt);border-radius:999px;padding:10px 16px;font:600 16px inherit;font-family:inherit;cursor:pointer;text-decoration:none}
.kc-go{background:var(--btn);color:#fff;border:0}
.kc-big{border:0;background:var(--btn);color:#fff;border-radius:999px;padding:14px 26px;font:700 20px inherit;font-family:inherit;cursor:pointer;margin:8px 0}
.kc-big:disabled{opacity:.5}
.kc-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0 4px}
.kc-opts.kc-col{grid-template-columns:1fr}
.kc-opt{border:2px solid var(--line);background:var(--bg);color:var(--txt);border-radius:16px;padding:12px 10px;font:600 18px inherit;font-family:inherit;cursor:pointer;min-height:54px}
.kc-opt b{display:block;font-size:22px}.kc-opt small{display:block;font-size:12px;direction:ltr;color:var(--mut)}
.kc-opt.ok{background:#dff5e1;border-color:#43a047;color:#1b5e20}.kc-opt.no{background:#fde2e1;border-color:#e53935;color:#8e1b1b}
.kc-letopts{grid-template-columns:repeat(4,1fr)}.kc-optlet{font-size:52px;font-weight:700;padding:6px}
.kc-msg{min-height:26px;font-size:19px;font-weight:700;margin:8px 0 0}
.kc-score{color:var(--mut);margin:6px 0 0}
.kc-note{font-size:13px;color:var(--mut);text-align:center;margin:4px 8px}
.kc-emo{font-size:84px;line-height:1.1;display:block}
.kc-food{font-size:28px;display:block}
.kc-wordbig b{display:block;font-size:44px}.kc-wordbig i{font-style:normal;direction:ltr;display:block;color:var(--mut)}
.kc-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.kc-w{border:0;border-radius:14px;background:var(--panel);box-shadow:var(--sh);padding:8px 4px;cursor:pointer;color:var(--txt);font-family:inherit}
.kc-w span{font-size:36px;display:block}.kc-w b{display:block;font-size:17px}.kc-w small{display:block;font-size:11px;direction:ltr;color:var(--mut)}
.kc-ytbox{position:relative;width:200px;height:120px;margin:0 auto;border-radius:14px;overflow:hidden}
.kc-ytbox iframe,.kc-ytbox #kcYT{position:absolute;inset:0;width:100%;height:100%}
.kc-ytcover{position:absolute;inset:0;background:linear-gradient(135deg,#00897b,#26a69a);color:#fff;font-size:56px;display:flex;align-items:center;justify-content:center;pointer-events:auto}
.kc-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px;margin:0 auto}
.kc-mc{position:relative;aspect-ratio:3/4;border:0;padding:0;background:none;cursor:pointer;perspective:600px}
.kc-mc>span{position:absolute;inset:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;transition:transform .35s;box-shadow:var(--sh)}
.kc-mf{background:#fff;transform:rotateY(180deg);color:#3b2f2f}.kc-mf svg{width:78%;height:auto}.kc-mf small{font-size:12px;font-weight:700}
.kc-mb{background:linear-gradient(135deg,#3f5fbf,#2F80ED);color:#fff;font-size:30px}
.kc-mc.on .kc-mf,.kc-mc.done .kc-mf{transform:rotateY(0)}.kc-mc.on .kc-mb,.kc-mc.done .kc-mb{transform:rotateY(-180deg)}
.kc-mc.done .kc-mf{outline:3px solid #43a047}
.kc-chart{overflow-x:auto}.kc-cr{display:grid;grid-template-columns:minmax(84px,1.5fr) repeat(6,minmax(30px,1fr));gap:4px;align-items:center;margin:0 0 4px}
.kc-chh span{font-size:15px;color:var(--mut);font-weight:700}.kc-chh .kc-today{color:var(--gold2);text-decoration:underline}
.kc-cl{font-weight:700;font-size:15px;text-align:right}
.kc-cs{border:1px solid var(--line);background:var(--bg);border-radius:10px;height:42px;font-size:22px;cursor:pointer;color:var(--mut)}
.kc-cs.on{background:#fff4c7;border-color:#f5b92e}.kc-cs:disabled{opacity:.35}
.kc-list{display:grid;gap:10px}
.kc-li{display:block;background:var(--panel);border-radius:var(--kr);box-shadow:var(--sh);padding:14px 16px;text-decoration:none;color:var(--txt)}
.kc-li b{font-size:21px;display:block}.kc-li small{color:var(--mut);direction:ltr;display:block;text-align:right}
.kc-text{--kt:26px;text-align:right}.kc-text p{font-size:var(--kt);line-height:1.75;margin:0 0 14px;font-family:"Taamey Frank CLM","Frank Ruehl CLM","Times New Roman",serif}
.kc-tsz{display:flex;gap:6px;justify-content:flex-start;margin:0 0 8px}
.kc-vid{margin:4px 0 14px;text-align:center}.kc-vid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}
.kc-story p{text-align:right;font-size:19px;line-height:1.7;margin:0 0 10px}
.kc-rq{font-size:24px;line-height:1.5;font-weight:700}.kc-ans b{font-size:28px;display:block}
.kc-pts{text-align:right;font-size:19px;line-height:1.6;padding-inline-start:26px;margin:0}
.kc-clues{text-align:right;font-size:20px;line-height:1.6;padding-inline-start:26px}
.kc-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.kc-ci{background:#fff;border-radius:var(--kr);box-shadow:var(--sh);padding:8px;text-align:center;text-decoration:none;color:#111}.kc-ci svg{width:100%;height:auto}.kc-ci b{font-size:16px}
.kc-pal{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 10px}
.kc-pc{width:38px;height:38px;border-radius:50%;border:2px solid #ccc;cursor:pointer}.kc-pc.on{outline:3px solid var(--gold);outline-offset:2px}
.kc-paint{background:#fff;border-radius:14px;padding:6px;max-width:460px;margin:0 auto;color:#111}.kc-paint svg{width:100%;height:auto;cursor:pointer}.kc-ptitle{display:block;font-size:22px}
.kc-canvas{width:100%;max-width:420px;aspect-ratio:1;border-radius:16px;box-shadow:inset 0 0 0 2px var(--line);background:#fff;touch-action:none}
.kc-tracebar{display:flex;gap:8px;justify-content:center;align-items:center;margin:0 0 10px}
.kc-home{display:flex;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;border-radius:20px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#ff8a00,#e52e71 55%,#7b2ff7);box-shadow:var(--sh2)}
.kc-hi{font-size:44px}.kc-ht{flex:1;display:flex;flex-direction:column}.kc-ht b{font-size:24px}.kc-ht small{font-size:13px;opacity:.95;direction:ltr;text-align:right}
.kc-hw{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.2);border-radius:14px;padding:4px 10px}.kc-hw span{font-size:30px}.kc-hw small{font-size:13px;font-weight:700}
.kc-conf{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.kc-conf i{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:kcfall 1.5s ease-in forwards}
@keyframes kcfall{to{transform:translateY(105vh) rotate(540deg)}}
html.dark .kc-ci,html.dark .kc-paint,html.dark .kc-canvas{background:#fff}
html.dark .kc-wod{color:#5a3d00}
@media (max-width:420px){.kc-grid{grid-template-columns:repeat(2,1fr)}.kc-letters{grid-template-columns:repeat(4,1fr)}.kc-let span{font-size:40px}.kc-tile{min-height:108px}.kc-tile b{font-size:17px}}
@media print{body.kc-printing *{visibility:hidden}body.kc-printing .kc-print,body.kc-printing .kc-print *{visibility:visible}body.kc-printing .kc-print{position:fixed;inset:0;max-width:none;box-shadow:none}}
.kc-en{font-size:13px;color:var(--mut);margin:0}
.kc-top .kc-en{margin-top:-10px;margin-bottom:12px}
@media (max-width:420px){.kc-cs{height:38px;font-size:18px}.kc-cl{font-size:13px}}

/* English spelling (Oct 26 2026) */
.kc-spell{position:relative;text-align:center;overflow:hidden}
.kc-spic{display:inline-flex;flex-direction:column;align-items:center;border:0;background:#E9F8FB;border-radius:24px;padding:10px 26px 6px;cursor:pointer;margin:4px auto 10px}
.kc-spe{font-size:96px;line-height:1.1}.kc-spk{font-size:22px;opacity:.8}
.kc-slots{display:flex;gap:8px;justify-content:center;margin:6px 0 4px;flex-wrap:wrap}
.kc-slot{width:48px;height:58px;border-radius:12px;border:3px dashed #9fb3c8;display:flex;align-items:center;justify-content:center;font:800 32px/1 Arial,sans-serif;color:#1b5e20;background:#fff}
.kc-slot.cur{border-color:#00ACC1;border-style:solid;box-shadow:0 0 0 3px rgba(0,172,193,.2)}
.kc-slot.on{border-style:solid;border-color:#43A047;background:#E8F5E9;animation:kcPop .25s ease}
.kc-abc{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:440px;margin:8px auto 4px}
.kc-key{min-height:48px;border-radius:12px;border:0;background:#fff;box-shadow:0 2px 0 #c9d6e3,0 0 0 2px #dbe5ef inset;font:800 22px/1 Arial,sans-serif;color:#1d3557;cursor:pointer;touch-action:manipulation}
.kc-key:active{transform:translateY(1px)}
.kc-key.yes{background:#C8E6C9;animation:kcPop .25s ease}.kc-key.no{background:#FFE0B2;animation:kcWig .35s ease}
.kc-key.hint{background:#FFF59D;box-shadow:0 0 0 3px #FBC02D inset;animation:kcPulse 1s ease infinite}
.kc-spell .kc-msg{min-height:1.6em;font-size:1.1rem}.kc-yay{color:#2e7d32;font-size:1.3rem}
.kc-bigstar{position:absolute;left:50%;top:40%;font-size:120px;transform:translate(-50%,-50%) scale(.2);animation:kcStar 1.3s ease forwards;pointer-events:none}
.kc-spell.won .kc-spnext{animation:kcPulse 1s ease infinite}
@keyframes kcPop{0%{transform:scale(.7)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes kcWig{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes kcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes kcStar{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-120%) scale(.8)}}
html.dark .kc-slot,html.dark .kc-key{background:#1f2738;color:#e8eefc}html.dark .kc-spic{background:#16333a}
@media(max-width:360px){.kc-key{min-height:42px;font-size:19px}.kc-slot{width:40px;height:50px;font-size:26px}}