:root{--p:#6c3ce1;--p2:#f06595;--y:#ffd43b;--g:#2b8a3e;--b:#1c7ed6;--o:#e8590c;--ink:#1d1d35;--bg:#fff8ef;--fs:18px}
*{box-sizing:border-box}html{font-size:var(--fs)}body{margin:0;font-family:Rubik,Assistant,"Noto Sans Hebrew",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
a{color:#4b2bb8}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--o);outline-offset:3px}
.skip{position:absolute;right:-999px;top:0;background:#fff;padding:8px;z-index:99}.skip:focus{right:8px}
.top{background:linear-gradient(120deg,#6c3ce1,#f06595 55%,#ffa94d);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 0 #0002}
.bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex-wrap:wrap}.brand{color:#fff;font-weight:900;font-size:1.25rem;text-decoration:none;text-shadow:0 2px 0 #0003}
.tools{display:flex;gap:6px}.tools button{min-width:44px;min-height:44px;border-radius:14px;border:2px solid #fff9;background:#ffffff2e;color:#fff;font-weight:800;font-size:1rem;cursor:pointer;font-family:inherit}
nav.main ul{list-style:none;margin:0;padding:0 8px 8px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}nav.main a{display:block;white-space:nowrap;color:#fff;text-decoration:none;font-weight:700;padding:8px 12px;border-radius:999px;background:#ffffff26;min-height:44px}
nav.main a[aria-current=page]{background:#fff;color:#4b2bb8}
main{max-width:1050px;margin:0 auto;padding:12px 14px 30px;outline:none}
.crumbs{font-size:.85rem;margin:4px 0 10px}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.crumbs li+li:before{content:"‹ ";color:#888}
h1{font-size:1.9rem;margin:.2em 0 .3em;color:#4b2bb8;line-height:1.25}h2{font-size:1.4rem;color:#4b2bb8;margin:1em 0 .4em}h3{font-size:1.15rem;margin:.8em 0 .3em}
.hero{background:linear-gradient(135deg,#fff3bf,#ffdeeb 50%,#d0bfff);border-radius:28px;padding:22px 18px;text-align:center;border:4px solid #fff;box-shadow:0 6px 0 #0001}
.hero .big{font-size:3.4rem;line-height:1.1}.hero p{font-size:1.1rem;margin:.4em 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.grid.sm{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.tile{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-decoration:none;color:var(--ink);background:#fff;border-radius:22px;padding:16px;border:4px solid var(--c,#d0bfff);box-shadow:0 6px 0 var(--c,#d0bfff);transition:transform .1s;min-height:120px}
.tile:hover{transform:translateY(-3px)}.tile .ic{font-size:2.4rem}.tile b{font-size:1.2rem;color:#4b2bb8}.tile span{font-size:.92rem;color:#444}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:8px 18px;border-radius:18px;border:0;background:var(--p);color:#fff;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;text-decoration:none;box-shadow:0 5px 0 #3b1d8f}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #3b1d8f}.btn.alt{background:#fff;color:#4b2bb8;border:3px solid var(--p);box-shadow:0 5px 0 #b197fc}.btn.g{background:#2b8a3e;box-shadow:0 5px 0 #1b5e28}.btn.o{background:#d9480f;box-shadow:0 5px 0 #8f2f08}.btn.b{background:#1864ab;box-shadow:0 5px 0 #0b3d6b}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chip{min-height:46px;padding:6px 14px;border-radius:999px;border:3px solid var(--p);background:#fff;color:#4b2bb8;font:inherit;font-weight:800;cursor:pointer}.chip[aria-pressed=true]{background:var(--p);color:#fff}
.card{background:#fff;border-radius:20px;padding:14px;border:3px solid #e5dbff;box-shadow:0 4px 0 #e5dbff}
.wcard{text-align:center}.wcard .pairline{font-size:1.5rem;font-weight:900;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.wcard .eq{color:#e8590c}.wcard .snt{font-size:.95rem;color:#333;margin:.4em 0}
.lvtag{display:inline-block;font-size:.75rem;border-radius:8px;padding:1px 8px;background:#f3f0ff;color:#4b2bb8;font-weight:800}
.say{min-width:44px;min-height:44px;border-radius:12px;border:2px solid #d0bfff;background:#f8f5ff;cursor:pointer;font-size:1.1rem}
.feedback{min-height:1.8em;font-weight:800;font-size:1.15rem;margin:8px 0}.ok{color:#2b8a3e}.no{color:#c92a2a}
.mem{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.mem button{aspect-ratio:1/1;border-radius:18px;border:0;font:inherit;font-weight:900;font-size:1.25rem;cursor:pointer;background:linear-gradient(135deg,#7048e8,#f06595);color:#fff;box-shadow:0 5px 0 #3b1d8f;padding:6px}
.mem button.up{background:#fff;color:var(--ink);border:3px solid #b197fc;box-shadow:0 5px 0 #b197fc}.mem button.done{background:#d3f9d8;color:#1b5e28;border:3px solid #2b8a3e;box-shadow:none}.mem .ic{display:block;font-size:2rem}
.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match .col{display:flex;flex-direction:column;gap:10px}.match button{min-height:60px;border-radius:16px;border:3px solid #b197fc;background:#fff;font:inherit;font-size:1.25rem;font-weight:800;cursor:pointer;touch-action:none}
.match button.sel{background:#fff3bf;border-color:#f59f00}.match button.done{background:#d3f9d8;border-color:#2b8a3e;color:#1b5e28;cursor:default}.match button.bad{animation:sh .35s}
@keyframes sh{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.q{font-size:1.6rem;font-weight:900;text-align:center;margin:12px 0}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.opts button{min-height:64px;font-size:1.3rem}
.big2{font-size:2.6rem;text-align:center;margin:6px 0}
.wheelbox{display:flex;flex-direction:column;align-items:center;gap:12px}.wheelwrap{position:relative;width:min(86vw,420px);aspect-ratio:1}.wheelwrap svg{width:100%;height:100%;transition:transform 3.2s cubic-bezier(.17,.67,.2,1)}.pin{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:2.4rem;z-index:2}
.bar2{height:18px;background:#eee;border-radius:9px;overflow:hidden}.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#2b8a3e,#ffd43b,#e8590c);transition:width 1s linear}
table{border-collapse:collapse;width:100%;background:#fff}td,th{border:2px solid #e5dbff;padding:8px;text-align:right;vertical-align:top}th{background:#f3f0ff}
.files li{margin:6px 0;list-style:none}.files ul{padding:0}.ftag{display:inline-block;font-size:.8rem;font-weight:800;border-radius:8px;padding:1px 8px;margin-inline-start:6px}.ftag.t{background:#d3f9d8;color:#1b5e28}.ftag.m{background:#ffe8cc;color:#8f2f08}.ftag.f{background:#e7f5ff;color:#0b3d6b}
.pager{display:flex;justify-content:space-between;gap:10px;margin-top:28px;flex-wrap:wrap}
footer{text-align:center;padding:20px;background:#f3f0ff;margin-top:30px}footer img{display:block;margin:0 auto 6px;border-radius:50%;background:#fff}
.note{background:#fff9db;border-right:6px solid #f59f00;padding:10px 14px;border-radius:12px}
.wotd{background:linear-gradient(135deg,#fff3bf,#ffd8a8);border-radius:28px;padding:20px;text-align:center;border:4px solid #fff;box-shadow:0 6px 0 #f59f0055}.wotd .w{font-size:3.2rem;font-weight:900;color:#4b2bb8}
.reveal{min-height:56px;border-radius:16px;border:3px dashed var(--p);background:#fff;font:inherit;font-size:1.2rem;font-weight:800;cursor:pointer;padding:6px 16px;color:#4b2bb8}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.hc{--bg:#fff;background:#fff}body.hc .top{background:#000}body.hc .tile,body.hc .card{border-color:#000;box-shadow:none}body.hc *{color:#000!important}body.hc .top *,body.hc .btn,body.hc .mem button:not(.up):not(.done){color:#fff!important}body.hc .btn{background:#000;box-shadow:none}
@media (max-width:520px){h1{font-size:1.55rem}.hero .big{font-size:2.6rem}.match button{font-size:1.1rem}.q{font-size:1.35rem}}
@media print{.top,footer,.pager,.tools{display:none}}