:root{--bg:#f3f5ff;--ink:#1d2340;--mut:#5d6488;--pri:#3b4cca;--acc:#ff8a3d;--card:#fff;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif;background:var(--bg) radial-gradient(circle at 10% 0,#e3e8ff 0,transparent 40%);color:var(--ink);line-height:1.55;font-size:17px}
a{color:var(--pri)}
header.site{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fff;box-shadow:0 2px 10px rgba(30,40,120,.08);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.1rem}.brand img{border-radius:50%}
.hdrbtn,.btn,.ghost,.lvb,.macb,.opt,.pk,.tbtn,.mt{font:inherit;cursor:pointer;border-radius:999px;border:0}
.hdrbtn{background:#eef0ff;padding:8px 14px;font-weight:700;color:var(--pri)}
main{max-width:980px;margin:0 auto;padding:10px 12px 30px}
.bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;margin:4px 0 8px}
.lvs{display:flex;flex-wrap:wrap;gap:5px}
.lvb{background:#fff;border:2px solid #d9ddf5;padding:6px 11px;font-size:.92rem;font-weight:700;color:var(--ink)}
.lvb.on{background:var(--pri);border-color:var(--pri);color:#fff}
.macb{background:#fff;border:2px dashed #b9bfe6;padding:6px 11px;font-size:.88rem;color:var(--mut)}.macb.on{background:#222a55;color:#fff;border-style:solid}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}
.tabs a{flex:0 0 auto;text-decoration:none;background:#fff;color:var(--ink);padding:8px 13px;border-radius:999px;font-weight:700;font-size:.92rem;box-shadow:0 1px 4px rgba(30,40,120,.1)}
.tabs a.on{background:var(--acc);color:#fff}
.hero{text-align:center;padding:16px 8px 8px}
.hero h1{margin:.2em 0;font-size:clamp(1.7rem,6vw,2.7rem);line-height:1.2}.hero h1 span{font-size:.62em;color:var(--pri)}
.hero p{color:var(--mut);margin:.3em auto;max-width:640px}
.kbdart{display:flex;justify-content:center;align-items:center;gap:8px;direction:ltr;animation:bob 2.6s ease-in-out infinite}
.kbdart kbd{font-size:1.5rem;padding:.35em .6em}
@keyframes bob{50%{transform:translateY(-6px)}}
.card{background:var(--card);border-radius:var(--r);padding:14px 16px;margin:12px 0;box-shadow:0 4px 18px rgba(30,40,120,.08)}
.card h2,.grp h2{margin:.1em 0 .5em;font-size:1.25rem}
.pt{font-size:clamp(1.5rem,5vw,2.1rem);margin:.2em 0}.lead{color:var(--mut);margin-top:0}
.mut{color:var(--mut)}.small{font-size:.88rem}
.btn{display:inline-block;background:var(--pri);color:#fff;padding:12px 20px;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #26318f;margin:4px}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #26318f}.btn.alt{background:var(--acc);box-shadow:0 4px 0 #c45d17}
.ghost{background:#eef0ff;color:var(--pri);padding:10px 16px;font-weight:700;margin:4px}
.row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:8px 0}
kbd{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.3em;padding:.28em .5em;background:linear-gradient(#fff,#eceffa);border:1.5px solid #c3c8e4;border-bottom-width:4px;border-radius:9px;font-family:inherit;font-weight:800;font-size:1rem;color:#1d2340;line-height:1.1;position:relative}
kbd small{font-size:.62em;color:var(--acc);font-weight:800}
.combo{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center;margin:3px 0}.combo i{font-style:normal;font-weight:800;color:var(--mut)}
.or{margin:0 6px;color:var(--mut)}
.none{color:var(--mut);font-size:.9rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}
.tile{background:#fff;border-radius:var(--r);padding:16px 10px;text-align:center;text-decoration:none;color:var(--ink);font-weight:800;box-shadow:0 4px 14px rgba(30,40,120,.09);transition:transform .15s}
.tile span{display:block;font-size:2rem}.tile:hover{transform:translateY(-3px)}
.today{background:linear-gradient(135deg,#fff,#fff4ea)}.tday{display:flex;gap:12px;align-items:center}.emo{font-size:2.4rem}
.lvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.lvcard{font:inherit;cursor:pointer;background:#f6f7ff;border:2px solid #dde1f7;border-radius:16px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:3px}
.lvcard.on{border-color:var(--pri);background:#e9ecff}.lvcard span{font-size:.88rem;color:var(--mut)}.lvcard em{font-style:normal;font-size:.82rem;color:var(--pri);font-weight:700}
.grp{margin:16px 0}.grp h2{border-right:6px solid var(--gc);padding-right:10px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}
.cgrid.big{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.fc{font:inherit;border:0;background:none;padding:0;cursor:pointer;perspective:900px;min-height:170px;text-align:center}
.fc .in{position:relative;width:100%;height:100%;min-height:170px;transition:transform .5s;transform-style:preserve-3d}
.fc.flip .in{transform:rotateY(180deg)}
.fc .f,.fc .bk{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;border-top:6px solid var(--gc);box-shadow:0 3px 12px rgba(30,40,120,.1)}
.fc .bk{transform:rotateY(180deg);background:#fbfbff;font-size:.92rem}.fc .bk p{margin:.2em 0}
.fc .ok{position:absolute;top:6px;left:8px;color:#1fa855;font-weight:900}
.cgrid.big .fc,.cgrid.big .fc .in{min-height:230px}.cgrid.big kbd{font-size:1.5rem}.cgrid.big b{font-size:1.4rem}
.mini{background:#eef0ff;padding:6px 12px;border-radius:999px;text-decoration:none;font-weight:700}
.vocab{display:flex;flex-wrap:wrap;gap:8px}.vocab span{background:#e8f8ee;border-radius:12px;padding:6px 10px;font-size:1.15rem}
.note{background:#fffbe6;border-radius:14px;padding:10px 14px}
.ptop{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--mut);font-weight:700;flex-wrap:wrap}
.qx{text-align:center;padding:6px}.qx h2{margin:.2em 0;font-size:1.45rem}.qx .emo{font-size:3rem}
.live{margin:10px auto;background:#f1f3ff;border:2px dashed #b9c0ee;border-radius:14px;padding:12px;max-width:420px;font-weight:700}
.pressed{display:block;font-size:1.3rem;color:var(--pri);min-height:1.5em}
.pal{text-align:center}.pal .row{margin:6px 0}
.pk{background:linear-gradient(#fff,#eceffa);border:1.5px solid #c3c8e4;border-bottom-width:4px;border-radius:12px;padding:10px 14px;font-weight:800;min-width:56px;display:inline-flex;flex-direction:column;align-items:center}
.pk small{font-size:.65em;color:var(--acc)}.pk.on{background:var(--pri);color:#fff;border-color:#26318f}.pk.on small{color:#ffd9bf}
.fb{text-align:center;min-height:1.6em;margin:6px 0;font-weight:800}.yes{color:#16883f}.no{color:#c73232}
.shake{animation:sh .35s}@keyframes sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px}.opts.big .opt{font-size:1.3rem;padding:18px}
.opt{background:#f4f6ff;border:2px solid #dde1f7;border-radius:16px;padding:12px;font-weight:700;color:var(--ink)}
.opt.right{background:#dcf7e5;border-color:#1fa855}.opt.wrong{background:#ffe1e1;border-color:#d64545}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mgrid>div{display:flex;flex-direction:column;gap:8px}
.mt{background:#f4f6ff;border:2px solid #dde1f7;border-radius:14px;padding:10px 6px;font-weight:700;min-height:58px;color:var(--ink)}
.mt kbd{font-size:.85rem;min-width:1.9em}.mgrid.big .mt{font-size:1.25rem;min-height:84px}
.mt.sel{border-color:var(--acc);background:#fff1e6}.mt.done{background:#dcf7e5;border-color:#1fa855;opacity:.75}
.race{text-align:center}.race h2{font-size:clamp(1.6rem,6vw,2.6rem);margin:.2em 0}.race .emo{font-size:3.6rem}
.hid{visibility:hidden}.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0}
.tbtn{background:#222a55;color:#fff;padding:14px 8px;border-radius:16px;font-weight:800;display:flex;flex-direction:column;align-items:center}.tbtn b{font-size:1.8rem}.tbtn:disabled{opacity:.6}
#rc label{display:block;margin:8px 0;font-weight:700}#rc select,.tn{font:inherit;padding:8px 12px;border-radius:12px;border:2px solid #dde1f7;margin:4px}
.podium{text-align:right;display:inline-block;font-size:1.2rem}
.warn{background:#fff8ec;border:2px solid #ffd7a8}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0}
.nq{background:#fff;border-radius:16px;padding:10px;text-align:center;box-shadow:0 3px 12px rgba(30,40,120,.08);display:flex;flex-direction:column;align-items:center;gap:4px}
.nx{font-size:2.6rem;line-height:1.2;color:var(--pri)}
.target{font-size:2.6rem;text-align:center;color:var(--pri)}.big{font-size:1.4em}
.ninp{display:block;width:100%;max-width:420px;margin:8px auto;font-size:1.8rem;padding:10px;border-radius:14px;border:2px solid #c3c8e4;text-align:center}
.conf{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.conf span{position:absolute;top:-40px;font-size:1.8rem;animation:fall 2.2s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}
.pnote{background:#eef0ff;border-radius:12px;padding:8px 12px;font-weight:700;text-align:center}
.wrap{flex-wrap:wrap}
.poster{background:#fff;border-radius:var(--r);padding:14px;margin-top:12px}.poster h1{text-align:center;font-size:1.5rem;margin:.2em 0 .6em}
.poster section{margin-bottom:10px;break-inside:avoid}.poster h2{font-size:1.1rem;margin:.2em 0;color:var(--gc)}
.poster table{width:100%;border-collapse:collapse}.poster td{border-bottom:1px solid #eceefa;padding:3px 4px;font-size:.92rem}.poster td:first-child{width:2em}.poster kbd{font-size:.8rem}
.pfoot{text-align:center;color:var(--mut)}
.plan li{margin-bottom:6px}
footer.site{text-align:center;padding:14px 12px 26px;color:var(--mut)}.cred{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700}.cred img{border-radius:50%}
@media (max-width:420px){body{font-size:16px}.cgrid{grid-template-columns:1fr 1fr}.fc,.fc .in{min-height:160px}.opts{grid-template-columns:1fr}.mt kbd{font-size:.74rem;padding:.2em .32em;min-width:1.6em}.btn{padding:11px 16px}}
body[data-lv="chinuch"] .qx h2{font-size:1.9rem}body[data-lv="chinuch"] kbd{font-size:1.25rem}
@media print{@page{size:A4;margin:15mm}body{background:#fff;font-size:12px;direction:rtl;text-align:right}header.site,.bar,.tabs,.noprint,footer.site .pnote,.hdrbtn{display:none!important}main{max-width:none;padding:0}.card,.poster{box-shadow:none;padding:0}.poster{columns:2;column-gap:10mm}.poster h1{column-span:all}.fc .bk{display:none}.fc .in{transform:none!important}kbd{border-bottom-width:2px}}