:root{--navy:#0b2a5b;--blue:#1d4ed8;--sky:#dbeafe;--gold:#f5b301;--gold2:#ffd766;--cream:#fffaf0;--ink:#13213d;--muted:#475569;--card:#ffffff;--fs:1}
*{box-sizing:border-box}
html{font-size:calc(17px * var(--fs))}
body{margin:0;font-family:"Rubik","Heebo","Assistant",Arial,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 80% -10%,#fff3c4 0,transparent 60%),linear-gradient(180deg,#eef4ff 0,#f8fbff 40%,#fffaf0 100%);line-height:1.65}
a{color:var(--blue)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.skip{position:absolute;right:-999px;top:0;background:var(--navy);color:#fff;padding:.5rem 1rem;z-index:99}.skip:focus{right:0}
header.top{background:linear-gradient(135deg,#0b2a5b,#173f8a 60%,#1d4ed8);color:#fff;box-shadow:0 4px 18px rgba(11,42,91,.35);position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;gap:.6rem;max-width:1180px;margin:auto;padding:.45rem .8rem}
.brand{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:800;font-size:1.05rem;white-space:nowrap}
.brand .m{font-size:1.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
nav.main{flex:1;overflow-x:auto;scrollbar-width:thin}
nav.main ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
nav.main a{display:block;color:#fff;text-decoration:none;padding:.35rem .6rem;border-radius:999px;font-size:.88rem;white-space:nowrap}
nav.main a:hover,nav.main a[aria-current=page]{background:rgba(255,215,102,.25);box-shadow:inset 0 0 0 1px rgba(255,215,102,.6)}
.tools{display:flex;gap:.25rem}
.tools button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;padding:.3rem .5rem;font:inherit;font-size:.85rem;cursor:pointer;min-width:2.2rem}
.tools button:hover{background:rgba(255,215,102,.3)}
#allpages{display:none;background:#0d3270;padding:.6rem 1rem 1rem}#allpages.open{display:block}
#allpages ul{columns:3 210px;list-style:none;margin:0 auto;padding:0;max-width:1180px}#allpages a{color:#fff;display:block;padding:.2rem 0}
.crumbs{max-width:1180px;margin:.6rem auto 0;padding:0 1rem;font-size:.85rem;color:var(--muted)}.crumbs a{color:var(--muted)}
main{max-width:1180px;margin:auto;padding:.5rem 1rem 2rem}
h1{font-family:"Frank Ruhl Libre","Rubik",serif;color:var(--navy);font-size:2rem;line-height:1.2;margin:.6rem 0 .4rem}
h2{color:var(--navy);font-size:1.4rem;margin:1.6rem 0 .5rem;border-bottom:3px solid var(--gold2);display:inline-block;padding-bottom:.1rem}
h3{color:#173f8a;margin:1rem 0 .3rem}
.lead{font-size:1.1rem;color:#334155;max-width:60rem}
.hero{position:relative;border-radius:28px;padding:1.6rem 1.4rem;background:linear-gradient(140deg,#0b2a5b 0,#1e3a8a 55%,#2563eb 100%);color:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(11,42,91,.35);display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:center}
.hero h1{color:#fff;font-size:2.3rem;text-shadow:0 3px 10px rgba(0,0,0,.35)}.hero p{color:#e0e9ff}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,215,102,.35),transparent 30%),radial-gradient(circle at 80% 85%,rgba(255,255,255,.12),transparent 35%);pointer-events:none}
.stars i{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:.7;animation:tw 3s infinite}
@keyframes tw{50%{opacity:.15}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:1rem 0}
.card{background:var(--card);border-radius:20px;padding:1rem 1.1rem;box-shadow:0 8px 22px rgba(15,40,90,.10),0 1px 0 rgba(255,255,255,.9) inset;border:1px solid #e3ebfb;position:relative}
a.card{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:block}
a.card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 16px 30px rgba(15,40,90,.18)}
.card .ic{font-size:2rem;display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:16px;background:linear-gradient(145deg,#fff6d6,#ffd766);box-shadow:0 6px 12px rgba(245,179,1,.35),inset 0 -3px 0 rgba(0,0,0,.08);margin-bottom:.4rem}
.card h3{margin:.2rem 0}.card p{margin:.2rem 0;color:var(--muted);font-size:.93rem}
.tag{display:inline-block;font-size:.75rem;background:var(--sky);color:#1e3a8a;border-radius:999px;padding:.05rem .55rem;margin:.1rem}
.tag.t{background:#fef3c7;color:#7c4a03}.tag.s{background:#dcfce7;color:#14532d}
.box{background:#fff;border-radius:18px;padding:1rem 1.2rem;border-inline-start:6px solid var(--gold);box-shadow:0 6px 16px rgba(15,40,90,.08);margin:.8rem 0}
.box.blue{border-color:var(--blue)}.box.warn{border-color:#dc2626;background:#fff7f7}
.seg{display:grid;grid-template-columns:7.2rem 1fr;gap:.8rem;background:#fff;border-radius:18px;padding:.9rem 1rem;margin:.7rem 0;box-shadow:0 5px 14px rgba(15,40,90,.08);border:1px solid #e6edf9}
.seg .tm{font-weight:800;color:#fff;background:linear-gradient(160deg,#1d4ed8,#0b2a5b);border-radius:14px;display:grid;place-items:center;text-align:center;padding:.4rem;font-size:.9rem}
.seg h3{margin:0 0 .2rem}.cues{display:flex;flex-wrap:wrap;gap:.3rem;margin:.3rem 0}.cue{font-size:.8rem;background:#f1f5ff;border-radius:10px;padding:.15rem .5rem}
.say{background:linear-gradient(180deg,#fffdf5,#fff8e1);border-radius:12px;padding:.6rem .8rem;white-space:pre-line;font-size:1.02rem}
.nik .say,.nik{font-family:"Noto Sans Hebrew","Rubik",sans-serif}
.note{font-size:.88rem;color:#7c4a03}
.btn{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(180deg,#ffd766,#f5b301);color:#3b2600;border:0;border-radius:14px;padding:.55rem 1rem;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 5px 0 #c98d00,0 8px 16px rgba(245,179,1,.35);text-decoration:none}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #c98d00}
.btn.blue{background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 5px 0 #1e3a8a}.btn.ghost{background:#fff;color:var(--navy);box-shadow:0 3px 0 #c7d4ee;border:1px solid #c7d4ee}
.pager{display:flex;justify-content:space-between;gap:.6rem;margin:2rem 0 1rem;flex-wrap:wrap}.pager a{background:#fff;border-radius:14px;padding:.6rem 1rem;text-decoration:none;box-shadow:0 4px 10px rgba(15,40,90,.1);color:var(--navy);font-weight:600}
footer.foot{background:#0b2a5b;color:#dbe6ff;text-align:center;padding:1.2rem 1rem 1.6rem;margin-top:2rem}footer.foot img{width:64px;height:64px;border-radius:50%;background:#fff;vertical-align:middle;margin-inline-end:.5rem}
footer.foot a{color:#ffd766}
table.t{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;margin:.5rem 0}table.t th{background:#1e3a8a;color:#fff;padding:.45rem}table.t td{border-top:1px solid #e2e8f0;padding:.45rem}
.files a{display:flex;justify-content:space-between;gap:.5rem}
ul.chk{list-style:none;padding:0}ul.chk li{padding:.2rem 0}ul.chk input{width:1.15rem;height:1.15rem;margin-inline-end:.4rem;vertical-align:middle}
/* menorah */
.menorah{width:100%;max-width:560px;margin:auto;display:block}
.flame{transform-origin:50% 100%;animation:fl 1.4s ease-in-out infinite alternate}
@keyframes fl{0%{transform:scale(1,1) rotate(-2deg)}50%{transform:scale(.92,1.08) rotate(2deg)}100%{transform:scale(1.05,.95) rotate(-1deg)}}
.cand{cursor:pointer}.cand .flame{opacity:0;transition:opacity .4s}.cand.lit .flame{opacity:1}.cand .glow{opacity:0;transition:opacity .6s}.cand.lit .glow{opacity:.8}
.cand:focus{outline:none}.cand:focus-visible .wax{stroke:#ffd766;stroke-width:4}
.panel{min-height:12rem}
.val-chips{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:.6rem 0}
.val-chips button{border:0;border-radius:999px;padding:.35rem .8rem;font:inherit;cursor:pointer;background:#e0e8fb;color:#1e3a8a}.val-chips button.on{background:linear-gradient(180deg,#ffd766,#f5b301);color:#3b2600;font-weight:700}
/* games */
.qwrap{background:linear-gradient(160deg,#0b2a5b,#1d4ed8);color:#fff;border-radius:24px;padding:1rem;box-shadow:0 14px 30px rgba(11,42,91,.35)}
.qq{font-size:1.35rem;font-weight:700;text-align:center;margin:.6rem 0 1rem}
.answers{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.answers button{border:0;border-radius:16px;padding:1rem .8rem;font:inherit;font-size:1.05rem;font-weight:700;color:#fff;cursor:pointer;text-align:right;display:flex;gap:.6rem;align-items:center;box-shadow:0 5px 0 rgba(0,0,0,.25);min-height:4rem}
.answers button .sh{font-size:1.4rem}
.a0{background:#e11d48}.a1{background:#2563eb}.a2{background:#ca8a04}.a3{background:#16a34a}
.answers button.right{outline:5px solid #fff}.answers button.dim{opacity:.35}
.timer{height:12px;background:rgba(255,255,255,.2);border-radius:99px;overflow:hidden}.timer i{display:block;height:100%;background:linear-gradient(90deg,#ffd766,#f59e0b);width:100%}
.score{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:.5rem 0}.score span{background:rgba(255,255,255,.15);border-radius:12px;padding:.25rem .7rem}.score span.cur{background:#ffd766;color:#3b2600;font-weight:800}
.keys{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;direction:rtl}.keys button{width:2.5rem;height:2.6rem;border-radius:10px;border:0;font:inherit;font-size:1.15rem;font-weight:700;background:#fff;color:var(--navy);box-shadow:0 3px 0 #b9c7e6;cursor:pointer}.keys button:disabled{opacity:.3}
.word{display:flex;gap:.35rem;justify-content:center;direction:rtl;flex-wrap:wrap;margin:1rem 0}.word span{width:2.3rem;height:2.8rem;border-bottom:4px solid var(--navy);font-size:1.7rem;font-weight:800;text-align:center}
.flip{perspective:900px}.flip .in{position:relative;transition:transform .6s;transform-style:preserve-3d;min-height:11rem}.flip.on .in{transform:rotateY(180deg)}
.flip .f,.flip .b{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 8px 18px rgba(15,40,90,.15)}
.flip .b{transform:rotateY(180deg);background:#fff;color:var(--ink)}
.c-blue{background:linear-gradient(150deg,#1d4ed8,#0b2a5b);color:#fff}.c-gold{background:linear-gradient(150deg,#ffd766,#f5b301);color:#3b2600}.c-white{background:linear-gradient(150deg,#fff,#eef2ff);color:#0b2a5b;border:2px solid #c7d4ee}.c-sky{background:linear-gradient(150deg,#bfdbfe,#60a5fa);color:#0b2a5b}
.flip button{all:unset;display:block;cursor:pointer;width:100%}
.dreidel{width:180px;height:220px;margin:1rem auto;display:block}
.spin{animation:sp 1.6s cubic-bezier(.2,.7,.3,1)}@keyframes sp{0%{transform:rotateY(0) rotate(0)}100%{transform:rotateY(1440deg) rotate(8deg)}}
/* slides */
.deck{position:relative;background:radial-gradient(circle at 20% 10%,#2b5bd7,#0b2a5b 70%);border-radius:24px;color:#fff;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 18px 40px rgba(11,42,91,.4)}
.deck.kids{background:radial-gradient(circle at 20% 10%,#7dd3fc,#2563eb 55%,#1e3a8a)}
.slide{display:none;text-align:center;padding:2rem 1.5rem;max-width:56rem}.slide.on{display:block;animation:pop .5s}
@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1}}
.slide .se{font-size:5.5rem;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));display:inline-block;animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px) rotate(3deg)}}
.slide h2{color:#ffd766;border:0;font-size:2.4rem;font-family:"Frank Ruhl Libre",serif;display:block}.slide p.sub{font-size:1.3rem;color:#e0e9ff}.slide ul{list-style:none;padding:0;font-size:1.35rem}.slide li{background:rgba(255,255,255,.12);margin:.4rem auto;border-radius:14px;padding:.4rem .9rem;max-width:40rem}
.deckctl{display:flex;justify-content:center;gap:.5rem;margin:.7rem 0;flex-wrap:wrap}
.dots{position:absolute;bottom:.7rem;left:0;right:0;text-align:center;font-size:.85rem;color:#c7d6ff}
.inv{background:linear-gradient(160deg,#fffdf6,#fff2c2);border:3px double #c98d00;border-radius:24px;padding:1.5rem;text-align:center;max-width:36rem;margin:1rem auto;box-shadow:0 12px 28px rgba(201,141,0,.25)}
.inv h2{display:block;border:0;font-family:"Frank Ruhl Libre",serif}
.formrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.formrow label{display:flex;flex-direction:column;font-size:.9rem}
input,textarea,select{font:inherit;border:1px solid #c7d4ee;border-radius:10px;padding:.45rem}
textarea{width:100%;min-height:4.5rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nikswitch{margin:.4rem 0}
@media (max-width:760px){.hero{grid-template-columns:1fr}.hero h1{font-size:1.8rem}h1{font-size:1.6rem}.seg{grid-template-columns:1fr}.seg .tm{justify-self:start;padding:.2rem .7rem}.answers{grid-template-columns:1fr}.brand span.t{display:none}.slide h2{font-size:1.7rem}.slide .se{font-size:4rem}.slide ul{font-size:1.1rem}}
@media print{header.top,.tools,.pager,footer.foot,.crumbs,#allpages{display:none}}