:root{--fs:18px;--pri:#2b7a3a;--pri2:#ff7a59;--ink:#1f2140;--mut:#55597a;--bg:#f2fbf3;--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}

/* football additions */
body{background-image:radial-gradient(circle at 8% 12%,#e3f7e6 0 90px,transparent 91px),radial-gradient(circle at 92% 30%,#dff1ff 0 120px,transparent 121px),radial-gradient(circle at 15% 85%,#fff3d6 0 110px,transparent 111px)}
.top{background:linear-gradient(120deg,#1f7a34,#2f9e44 55%,#1c7ed6)!important}
.sec{border-inline-start:6px solid #2f9e44;padding-inline-start:.8rem;margin:1rem 0}.sec h3{margin:.2rem 0;color:#1f7a34}
.txt{font-size:1.12rem;line-height:1.9}body.young .txt{font-size:1.3rem;line-height:2.1}
.tools2{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.vgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.vwrap{position:relative}
.vcard{width:100%;min-height:170px;border:0;background:none;padding:0;font:inherit;cursor:pointer;perspective:800px}
.vcard .in{display:block;position:relative;min-height:170px;transition:transform .5s;transform-style:preserve-3d}
.vcard.on .in{transform:rotateY(180deg)}
.vcard .f,.vcard .b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border-radius:18px;backface-visibility:hidden;padding:.6rem;box-shadow:0 6px 0 rgba(0,0,0,.18),0 10px 22px rgba(0,0,0,.12)}
.vcard .f{background:linear-gradient(160deg,#40c057,#1f7a34);color:#fff;font-size:1.25rem}.vcard .ve{font-size:2.6rem}
.vcard .b{background:#fff;color:#1f2140;transform:rotateY(180deg);border:3px solid #40c057;font-size:.95rem}
.mini{border:0;border-radius:10px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);padding:.2rem .45rem;font-size:1rem;cursor:pointer}
.vwrap .mini{position:absolute;top:.4rem;inset-inline-start:.4rem;z-index:2}
ol.order{padding:0;list-style:none;counter-reset:o}ol.order li{counter-increment:o;display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:#fff;border:2px solid #ced4da;border-radius:14px;padding:.55rem .8rem;margin:.45rem 0}
ol.order li::before{content:counter(o);background:#2f9e44;color:#fff;border-radius:50%;min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
ol.order li .ot{flex:1}ol.order li.right{border-color:#2b8a3e;background:#ebfbee}ol.order li.wrong{border-color:#c92a2a;background:#fff5f5}.obtn{display:flex;gap:.3rem}.mini[disabled]{opacity:.35}
.sline{min-height:2.6rem;font-size:1.3rem;font-weight:700;background:#fff9db;border-radius:12px;padding:.5rem .8rem}
.pcard{background:linear-gradient(160deg,#fff,#e6fcf5);border:4px solid #2f9e44;border-radius:22px;padding:1rem 1.2rem;box-shadow:0 8px 0 #1f7a34;min-height:260px}.pcard h3{font-size:1.5rem;margin-top:0}
.box input[type=text]{width:100%;font:inherit;padding:.45rem .6rem;border:2px solid #ced4da;border-radius:10px}
textarea{width:100%;font:inherit}textarea.lined{background:repeating-linear-gradient(#fff 0 2.05rem,#adb5bd 2.05rem 2.1rem);line-height:2.1rem;border:2px solid #ced4da;border-radius:10px;padding:0 .6rem}
.fieldwrap svg{width:100%;height:auto;max-width:760px;display:block;margin:0 auto 1rem;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}
.shirtcv{width:100%;max-width:380px;height:auto}
.nonik .txt{letter-spacing:.01em}

nav.main{max-width:100%;overflow:hidden}nav.main ul{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:thin}
@media(max-width:600px){nav.main ul{flex-wrap:wrap;justify-content:center;overflow:visible}nav.main a{padding:.25rem .5rem;font-size:.85rem}}
.tile small{overflow-wrap:anywhere}

@media(max-width:600px){nav.main ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.3rem}.brand span{font-size:1rem}.top .hrow{gap:.4rem}}
textarea.lined{background-attachment:local;padding-top:0}