:root{--fs:18px;--pri:#6a3fd4;--pri2:#ff7a59;--ink:#1f2140;--mut:#55597a;--bg:#fff8ec;--card:#fff;--g1:#22a06b;--g2:#2f6fdb;--g3:#e07800;--g4:#c2255c;--ok:#1d8a4e;--bad:#c92a2a;--rad:20px}
*{box-sizing:border-box}html{font-size:var(--fs)}
body{margin:0;font-family:Rubik,Heebo,Assistant,"Noto Sans Hebrew",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;background-image:radial-gradient(circle at 8% 12%,#ffe3f1 0 90px,transparent 91px),radial-gradient(circle at 92% 30%,#dff4ff 0 120px,transparent 121px),radial-gradient(circle at 15% 85%,#e6ffe9 0 110px,transparent 111px);background-attachment:fixed}
body.elegant{--pri:#29457a;--pri2:#c0841a;--bg:#f4f6fb;background-image:none}
a{color:var(--pri)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:4px solid #ffb703;outline-offset:2px;border-radius:8px}
.skip{position:absolute;right:0;top:-200px;background:#000;color:#fff;padding:.5rem 1rem;z-index:99}.skip:focus{top:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
header.top{background:linear-gradient(135deg,var(--pri),#9b5de5 60%,var(--pri2));color:#fff;padding:.5rem 1rem;box-shadow:0 6px 0 rgba(0,0,0,.12);position:sticky;top:0;z-index:20}
body.elegant header.top{background:linear-gradient(135deg,#1d3157,#29457a 70%,#3b5b96)}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem}
.brand img{width:40px;height:40px;border-radius:50%;background:#fff}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.tools{display:flex;gap:.3rem}.tools button{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:12px;min-width:44px;min-height:44px;font:inherit;font-weight:700;cursor:pointer}
nav.main ul{list-style:none;margin:.4rem 0 0;padding:0;display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:thin}
nav.main a{display:block;white-space:nowrap;color:#fff;text-decoration:none;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.14);font-size:.9rem}
nav.main a[aria-current=page]{background:#fff;color:var(--pri);font-weight:700}
#crumbs{max-width:1100px;margin:.6rem auto 0;padding:0 1rem;font-size:.85rem;color:var(--mut)}
#crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:0}#crumbs li+li::before{content:"‹";margin-left:.3rem}
main{max-width:1100px;margin:0 auto;padding:1rem 1rem 3rem;outline:none}
h1{font-size:1.9rem;line-height:1.25;margin:.4rem 0 .6rem}h2{font-size:1.35rem;margin:1.4rem 0 .5rem}
.lead{font-size:1.1rem;color:var(--mut)}
.hero{background:linear-gradient(160deg,#fff,#fff3d6);border-radius:28px;padding:1.4rem;box-shadow:0 10px 0 #f3d9a4,0 18px 40px rgba(0,0,0,.08);text-align:center;position:relative;overflow:hidden}
body.elegant .hero{background:linear-gradient(160deg,#fff,#e9eef9);box-shadow:0 8px 0 #cfd8ec,0 18px 40px rgba(0,0,0,.06)}
.hero .big{font-size:4rem;filter:drop-shadow(0 8px 6px rgba(0,0,0,.2));display:block;animation:bob 3s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.grid.sm{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.tile{display:block;background:var(--card);border-radius:var(--rad);padding:1rem;text-decoration:none;color:var(--ink);box-shadow:0 6px 0 rgba(0,0,0,.08),0 10px 24px rgba(0,0,0,.06);border:3px solid transparent;transition:transform .15s}
.tile:hover{transform:translateY(-3px) rotate(-.5deg);border-color:var(--pri)}
.tile .em{font-size:2.4rem;display:block;filter:drop-shadow(0 5px 4px rgba(0,0,0,.18))}
.tile b{display:block;font-size:1.1rem}.tile small{color:var(--mut)}
.lvcard{text-align:center;color:#fff!important;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 8px 0 rgba(0,0,0,.18)}
.lvcard small{color:#fff;opacity:.95}
.box{background:var(--card);border-radius:var(--rad);padding:1rem 1.2rem;box-shadow:0 4px 0 rgba(0,0,0,.06),0 8px 20px rgba(0,0,0,.05);margin:1rem 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.5rem 1.1rem;border-radius:16px;border:0;background:var(--pri);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.25);text-decoration:none;margin:.2rem}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.btn.sec{background:#fff;color:var(--pri);border:2px solid var(--pri)}.btn.y{background:#ffb703;color:#2b2100}.btn.g{background:var(--ok)}
.opts{display:grid;gap:.6rem;margin:.6rem 0}
.opts button,.chip{font:inherit;text-align:right;padding:.7rem 1rem;min-height:52px;border-radius:16px;border:3px solid #d9dcef;background:#fff;cursor:pointer;color:var(--ink)}
.opts button:hover,.chip:hover{border-color:var(--pri)}
.right{background:#d3f9d8!important;border-color:var(--ok)!important}.wrong{background:#ffe3e3!important;border-color:var(--bad)!important;animation:shake .3s}
@keyframes shake{25%{transform:translateX(6px)}75%{transform:translateX(-6px)}}
.fb{min-height:1.6em;font-weight:600;margin:.4rem 0}.fb.ok{color:var(--ok)}.fb.no{color:var(--bad)}
.score{display:inline-block;background:#fff3bf;border-radius:999px;padding:.2rem .8rem;font-weight:700}
.prog{height:12px;background:#e9ecf5;border-radius:99px;overflow:hidden;margin:.5rem 0}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--pri),var(--pri2));transition:width .3s}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.chip[aria-pressed=true]{border-color:#ffb703;background:#fff8db;box-shadow:0 0 0 3px #ffe066}
.bins{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.bin{border-radius:var(--rad);padding:.6rem;min-height:120px;border:3px dashed var(--bc,#aab);background:rgba(255,255,255,.8)}
.bin>button{width:100%;font:inherit;font-weight:700;min-height:52px;border:0;border-radius:14px;background:var(--bc,#667);color:#fff;cursor:pointer}
.bin ul{list-style:none;padding:0;margin:.4rem 0 0}.bin li{background:#fff;border-radius:10px;padding:.3rem .6rem;margin:.25rem 0;font-size:.95rem}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:560px){.cols{grid-template-columns:1fr}}
.wsg{display:grid;gap:3px;direction:rtl;max-width:560px;margin:.6rem auto;user-select:none}
.wsg button{aspect-ratio:1;font:inherit;font-weight:700;font-size:clamp(.85rem,3.6vw,1.25rem);border:2px solid #dde;border-radius:8px;background:#fff;cursor:pointer;padding:0;color:var(--ink)}
.wsg button.sel{background:#ffe066}.wsg button.found{background:#b2f2bb;border-color:#40c057}
.wlist{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.wlist li{background:#fff;border-radius:99px;padding:.2rem .7rem;border:2px solid #dde}.wlist li.done{text-decoration:line-through;background:#d3f9d8}
.cwg{display:grid;gap:2px;direction:rtl;margin:.6rem auto;max-width:100%;overflow-x:auto}
.cwg .c{position:relative;aspect-ratio:1;min-width:24px;width:clamp(24px,7.5vw,40px)}.cwg .c input{width:100%;height:100%;text-align:center;font:inherit;font-weight:700;font-size:1rem;border:2px solid #8d93b8;border-radius:6px;padding:0;background:#fff}
.cwg .c sup{position:absolute;top:0;right:2px;font-size:.55rem;color:var(--mut);pointer-events:none}
.cwg .c input.okc{background:#d3f9d8}.cwg .c input.noc{background:#ffe3e3}
.hm-word{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;direction:rtl;margin:1rem 0}.hm-word span{width:2.2rem;height:2.6rem;border-bottom:4px solid var(--pri);font-size:1.6rem;font-weight:800;text-align:center}
.keys{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.keys button{min-width:48px;min-height:48px;font:inherit;font-weight:700;font-size:1.15rem;border-radius:12px;border:2px solid #ccd;background:#fff;cursor:pointer}.keys button:disabled{opacity:.35}
.balloons{font-size:2.2rem;text-align:center;letter-spacing:.2rem;min-height:3rem}
.mem{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;max-width:640px;margin:auto}
.flip{perspective:800px;aspect-ratio:3/4;border:0;background:none;padding:0;cursor:pointer;font:inherit}
.flip .in{display:block;position:relative;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}
.flip.on .in{transform:rotateY(180deg)}
.flip .f,.flip .b{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:.4rem;text-align:center;font-weight:700;font-size:clamp(.75rem,2.6vw,1rem);box-shadow:0 5px 0 rgba(0,0,0,.15)}
.flip .f{background:linear-gradient(145deg,var(--pri),#9b5de5);color:#fff;font-size:2rem}
.flip .b{background:#fff;transform:rotateY(180deg);border:3px solid var(--pri)}
.flip.done .b{background:#d3f9d8;border-color:var(--ok)}
.rcard{border-radius:22px;padding:1rem;color:#fff;background:linear-gradient(160deg,var(--gc),color-mix(in srgb,var(--gc) 60%,#000));box-shadow:0 7px 0 rgba(0,0,0,.2);min-height:220px}
.rcard .e{font-size:3rem;filter:drop-shadow(0 6px 4px rgba(0,0,0,.3))}.rcard h3{margin:.2rem 0}
.bigcard{max-width:420px;margin:1rem auto;aspect-ratio:3/4}
.bigcard .f,.bigcard .b{font-size:1.1rem}
.quiz-q{font-size:clamp(1.3rem,3.5vw,2.2rem);font-weight:800;text-align:center;background:#fff;border-radius:22px;padding:1rem;box-shadow:0 6px 0 rgba(0,0,0,.1)}
.qopts{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}
.qopts button{min-height:84px;font:inherit;font-weight:800;font-size:clamp(1rem,2.6vw,1.5rem);color:#fff;border:0;border-radius:18px;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.25);text-align:right;padding:.6rem 1rem}
.qopts button:nth-child(1){background:#e03131}.qopts button:nth-child(2){background:#1c7ed6}.qopts button:nth-child(3){background:#e8a200;color:#231a00}.qopts button:nth-child(4){background:#2f9e44}
.qopts button.dim{opacity:.3}.qopts button.right{outline:6px solid #ffd43b;background:inherit}
@media(max-width:480px){.qopts{grid-template-columns:1fr}}
.timer{height:16px;background:#e9ecf5;border-radius:99px;overflow:hidden}.timer i{display:block;height:100%;background:linear-gradient(90deg,#2f9e44,#e8a200,#e03131)}
.teams{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.team{background:#fff;border-radius:16px;padding:.5rem .8rem;box-shadow:0 4px 0 rgba(0,0,0,.1);text-align:center;min-width:120px}
.team input{font:inherit;width:8rem;text-align:center;border:2px solid #dde;border-radius:10px}.team b{font-size:1.6rem;display:block}
.board{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;direction:rtl;max-width:720px;margin:auto}
.sq{aspect-ratio:1;border-radius:12px;background:#fff;border:3px solid #dde;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;position:relative}
.sq .ic{font-size:1.2rem}.sq.q{background:#e7f5ff;border-color:#74c0fc}.sq.ch{background:#fff9db;border-color:#ffd43b}.sq.st{background:#d3f9d8;border-color:#69db7c}.sq.go{background:#ffe8cc;border-color:#ffa94d}
.sq .tok{position:absolute;bottom:2px;font-size:.9rem;letter-spacing:-2px}
.dice{font-size:3rem;display:inline-block}
.lock{display:flex;gap:.5rem;justify-content:center;font-size:2rem;margin:.6rem 0}.lock span{background:#fff;border-radius:12px;min-width:3rem;padding:.2rem .4rem;text-align:center;box-shadow:0 4px 0 rgba(0,0,0,.12);border:3px solid #dde}
.lock span.got{border-color:var(--ok);background:#ebfbee}
textarea,input[type=text]{font:inherit;width:100%;border:2px solid #cfd3ea;border-radius:12px;padding:.6rem}
canvas.draw{width:100%;max-width:600px;height:340px;background:#fff;border-radius:16px;border:3px dashed #aab;touch-action:none;display:block}
.swatches button{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #aab;cursor:pointer;margin:.15rem}
.pager{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:2rem;border-top:2px dashed #d9dcef;padding-top:1rem}
.story p{font-size:1.15rem;line-height:1.9}.nik .story p{font-size:1.35rem;line-height:2.1}
.nik{font-family:"Noto Sans Hebrew",Rubik,Arial,sans-serif}
.files td,.files th{padding:.5rem;border-bottom:1px solid #e3e5f0;text-align:right}.files{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.tag{display:inline-block;border-radius:8px;padding:.05rem .45rem;font-size:.8rem;font-weight:700;margin:.1rem}.tag.t{background:#d0ebff;color:#0b4a80}.tag.m{background:#ffe8cc;color:#7a3c00}.tag.p{background:#ffe3e3;color:#8a1c1c}.tag.w{background:#dbe4ff;color:#26368a}
details{background:#fff;border-radius:16px;padding:.6rem 1rem;margin:.6rem 0;box-shadow:0 3px 0 rgba(0,0,0,.06)}summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center}
.charter{background:linear-gradient(#fffdf5,#fff6dc);border:6px double #c99a2e;border-radius:18px;padding:1.2rem;text-align:center}
.charter li{text-align:right;margin:.3rem 0;font-size:1.1rem}
.gloss td,.gloss th{padding:.45rem;border-bottom:1px solid #e3e5f0}.gloss{border-collapse:collapse;background:#fff;width:100%}.gloss td[lang=ar]{direction:rtl}.gloss td[lang=en],.gloss td[lang=ru]{direction:ltr;text-align:left}
.tablewrap{overflow-x:auto}
footer{background:#2b2350;color:#fff;padding:1.2rem 1rem;text-align:center}footer a{color:#ffe066}footer img{width:56px;height:56px;border-radius:50%;background:#fff;vertical-align:middle}
.conf{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.conf span{position:absolute;top:-2rem;font-size:1.6rem;animation:fall 2.2s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
.note{background:#fff9db;border-right:6px solid #ffd43b;padding:.6rem 1rem;border-radius:12px}
.help{background:#e6fcf5;border-right:6px solid #20c997;padding:.8rem 1rem;border-radius:14px}
fieldset{min-width:0}.wsg button{min-width:0}.board .sq{min-width:0}
select{font:inherit;min-height:44px;border-radius:10px;border:2px solid #cfd3ea;padding:.2rem .5rem;background:#fff}.cwg{width:max-content;max-width:none}
.bigcard{display:block;width:100%;max-width:420px;margin:1rem auto}main:focus,main:focus-visible{outline:none}

/* ---- korim additions ---- */
.ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:1rem 0}
.ucard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:1.4rem 1rem;border-radius:26px;color:#fff;text-decoration:none;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 10px 0 rgba(0,0,0,.18),0 18px 30px rgba(40,20,90,.25);transition:transform .2s}
.ucard:hover,.ucard:focus-visible{transform:translateY(-4px) rotate(-1deg)}
.ucard b{font-size:1.3rem;text-shadow:0 2px 0 rgba(0,0,0,.25)}.ucard small{font-size:.95rem;line-height:1.4;color:#fff}
.em3d{font-size:4rem;line-height:1;filter:drop-shadow(0 6px 0 rgba(0,0,0,.2)) drop-shadow(0 12px 14px rgba(0,0,0,.25));display:inline-block;animation:bob 3s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.em3d{animation:none}}
.lvpick{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0}
.lvb{font:inherit;font-weight:700;font-size:1.05rem;padding:.6rem 1.1rem;border-radius:999px;border:3px solid var(--c2);background:#fff;color:#2b2350;cursor:pointer;box-shadow:0 4px 0 var(--c2)}
.lvb[aria-pressed=true]{background:linear-gradient(160deg,var(--c1),var(--c2));color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.lvtile{border-color:var(--c2)!important}
.vcard{background:#fff;border-radius:20px;padding:1rem;text-align:center;box-shadow:0 6px 0 #d9d0f5,0 10px 20px rgba(40,20,90,.12);border:2px solid #ece6ff}
.vcard .e{font-size:2.6rem;display:block;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}.vcard h3{margin:.3rem 0;font-size:1.35rem}.vcard .ex{color:#4a4370;font-size:.95rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
@media (max-width:520px){.grid3{grid-template-columns:repeat(2,1fr)}}
.fcard{font:inherit;border:0;background:none;padding:0;perspective:900px;cursor:pointer;min-height:150px;width:100%}
.fcard .in{display:block;position:relative;width:100%;height:100%;min-height:150px;transition:transform .5s;transform-style:preserve-3d}
.fcard.on .in{transform:rotateY(180deg)}
.fcard .f,.fcard .b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 0 rgba(0,0,0,.15)}
.fcard .f{background:linear-gradient(160deg,#9775fa,#5f3dc4);color:#fff;font-size:1.15rem}.fcard .f .em{font-size:2.6rem}
.fcard .b{background:#fff8e1;color:#2b2350;transform:rotateY(180deg);border:3px dashed #f59f00;font-size:.98rem}
.fcard.big{max-width:420px;min-height:260px;margin:auto;display:block}.fcard.big .in{min-height:260px}.fcard.big .f{font-size:1.8rem}.fcard.big .f .em{font-size:4.5rem}.fcard.big .b{font-size:1.15rem}
@media (prefers-reduced-motion:reduce){.fcard .in{transition:none}}
body.bigmode .fcard.big{max-width:900px;min-height:60vh}body.bigmode .fcard.big .in{min-height:60vh}body.bigmode .fcard.big .f{font-size:3rem}body.bigmode .fcard.big .b{font-size:2rem}
.root{display:flex;align-items:center;gap:.8rem;justify-content:center;background:linear-gradient(160deg,#fff3bf,#ffd43b);border-radius:20px;padding:.8rem;margin:.6rem 0;box-shadow:0 6px 0 #e67700}
.root b{font-size:2rem;letter-spacing:.2rem}.root span{font-size:2.4rem}.root small{font-size:1rem}
.seqdone{background:#f1fff4;border-radius:14px;padding:.6rem 2rem;min-height:2rem}.seqdone li{margin:.3rem 0;font-weight:600}
ul.mini{font-size:.92rem;columns:2;padding-inline-start:1.2rem}
body[data-u=w]{--accent:#1864ab}body[data-u=f]{--accent:#2b8a3e}body[data-u=s]{--accent:#7b4a26}body[data-u=r]{--accent:#e67700}
body[data-u=w] .hero{background-image:radial-gradient(circle at 15% 20%,#e7f5ff 0 8%,transparent 9%),radial-gradient(circle at 80% 30%,#d0ebff 0 6%,transparent 7%)}

body.nik main{line-height:2}body.nik main p,body.nik main li,body.nik main button{font-family:"Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif}
[hidden]{display:none!important}.root b{white-space:nowrap;direction:rtl;letter-spacing:.05rem}
