:root{--ink:#1d1b3a;--muted:#55597a;--bg:#f6f4ff;--card:#fff;--pri:#5b3fd6;--pri2:#ff7a59;--ok:#1f9d55;--bad:#d6336c;--y:#ffd43b;--rad:18px;--fs:17px;--sh:0 6px 0 rgba(40,30,90,.12),0 14px 28px rgba(40,30,90,.10)}
*{box-sizing:border-box}html{font-size:var(--fs)}
body{margin:0;font-family:Rubik,"Heebo","Noto Sans Hebrew",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden}
body.big{--fs:20px}
a{color:#3f2bb0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff9f1c;outline-offset:2px;border-radius:8px}
.skip{position:absolute;right:-999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:99}.skip:focus{right:8px}
header.top{background:linear-gradient(135deg,#4b2fc9,#7b5cff 55%,#ff7a59);color:#fff;box-shadow:0 4px 18px rgba(60,30,160,.25);position:sticky;top:0;z-index:20}
.topin{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;font-size:1.05rem;margin-left:auto}.brand img{width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
nav.main{display:flex;gap:4px;flex-wrap:wrap}nav.main a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:12px;font-weight:600;font-size:.92rem}nav.main a:hover,nav.main a.on{background:rgba(255,255,255,.22)}
.tools{display:flex;gap:6px;align-items:center}.tools button{background:rgba(255,255,255,.2);color:#fff;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;padding:5px 10px;font:inherit;font-size:.85rem;cursor:pointer}
.trackbadge{background:#fff;color:#4b2fc9!important;font-weight:700}
main{max-width:1180px;margin:0 auto;padding:14px 14px 40px}
.crumbs{font-size:.88rem;color:var(--muted);margin:4px 0 10px}.crumbs a{color:var(--muted)}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.crumbs li+li:before{content:"‹";margin-left:4px}
h1{font-size:1.9rem;line-height:1.25;margin:.2em 0 .3em}h2{font-size:1.4rem;margin:1.2em 0 .5em}h3{font-size:1.12rem;margin:.8em 0 .3em}
.hero{background:radial-gradient(circle at 4% 96%,#ffe066 0 40px,transparent 41px),linear-gradient(135deg,#fff,#efeaff);border-radius:28px;padding:26px 22px;box-shadow:var(--sh);position:relative;overflow:hidden}
.hero h1{font-size:2.1rem}.hero p{font-size:1.08rem;color:var(--muted);max-width:720px}
.dice{position:absolute;left:24px;top:22px;width:74px;height:74px;transform-style:preserve-3d;animation:spin 9s linear infinite}.dice div{position:absolute;inset:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,#ff8787,#f06595);color:#fff;box-shadow:inset 0 -6px 0 rgba(0,0,0,.15)}
.dice .f1{transform:translateZ(37px)}.dice .f2{transform:rotateY(90deg) translateZ(37px);background:linear-gradient(135deg,#74c0fc,#4c6ef5)}.dice .f3{transform:rotateY(180deg) translateZ(37px);background:linear-gradient(135deg,#8ce99a,#2f9e44)}.dice .f4{transform:rotateY(-90deg) translateZ(37px);background:linear-gradient(135deg,#ffd43b,#f59f00)}.dice .f5{transform:rotateX(90deg) translateZ(37px);background:linear-gradient(135deg,#d0bfff,#7950f2)}.dice .f6{transform:rotateX(-90deg) translateZ(37px);background:linear-gradient(135deg,#ffc078,#fd7e14)}
@keyframes spin{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.dice{animation:none}*{transition:none!important}}
@media(max-width:640px){.dice{display:none}.hero h1{font-size:1.6rem}h1{font-size:1.5rem}}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.card{background:var(--card);border-radius:var(--rad);padding:16px;box-shadow:var(--sh);text-decoration:none;color:inherit;display:block;border:2px solid transparent;transition:transform .15s}
a.card:hover,button.card:hover{transform:translateY(-3px) rotate(-.4deg);border-color:#d0bfff}
button.card{font:inherit;text-align:right;cursor:pointer;width:100%}
.card .em{font-size:2.2rem;display:block;filter:drop-shadow(0 4px 2px rgba(0,0,0,.15))}.card h3{margin:.3em 0 .2em}.card p{margin:0;color:var(--muted);font-size:.92rem}
.chip{display:inline-block;background:#efeaff;color:#4b2fc9;border-radius:99px;padding:2px 10px;font-size:.8rem;font-weight:700;margin:2px}
.chip.g{background:#d3f9d8;color:#1b6e36}.chip.o{background:#fff0e6;color:#b44a12}.chip.b{background:#e7f5ff;color:#1864ab}
/* 9 tiles */
.tiles{display:grid;grid-template-columns:auto repeat(3,1fr);gap:10px;align-items:stretch;margin:14px 0}
.tiles .hd{font-weight:800;text-align:center;align-self:end;color:var(--muted)}.tiles .rh{font-weight:800;display:flex;align-items:center;justify-content:center;writing-mode:horizontal-tb;color:var(--muted)}
.tile{border:0;border-radius:18px;padding:14px 8px;font:inherit;font-weight:700;cursor:pointer;color:#1d1b3a;box-shadow:0 5px 0 rgba(0,0,0,.14);transition:transform .12s;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.tile:hover{transform:translateY(-3px)}.tile small{font-weight:500;font-size:.78rem;color:#444}.tile .te{font-size:1.6rem}
.tile.y{background:linear-gradient(160deg,#fff3bf,#ffe066)}.tile.m{background:linear-gradient(160deg,#e5dbff,#b197fc);outline:3px solid #7950f2}.tile.t{background:linear-gradient(160deg,#d0ebff,#74c0fc)}
.tile.sel{outline:4px solid #ff7a59!important;transform:scale(1.03)}
@media(max-width:560px){.tiles{grid-template-columns:52px repeat(3,1fr);gap:6px}.tile{min-height:74px;padding:8px 4px;font-size:.85rem}.tile small{display:none}}
.panel{background:#fff;border-radius:var(--rad);padding:16px 18px;box-shadow:var(--sh);margin:12px 0}
.rulept{border-right:6px solid var(--uc,#7950f2);background:#fff;border-radius:14px;padding:10px 14px;margin:10px 0;box-shadow:0 3px 10px rgba(0,0,0,.06)}
.rulept ul{margin:.3em 0;padding-right:1.2em}
mark,.k{background:#fff3bf;border-radius:4px;padding:0 3px;font-weight:700}
.tip{background:#e6fcf5;border-radius:14px;padding:10px 14px;border:2px dashed #20c997}
.warn{background:#fff5f5;border-radius:14px;padding:10px 14px;border:2px dashed #fa5252}
.nik{font-family:"Noto Sans Hebrew",Arial,sans-serif;font-size:1.25rem;line-height:2.1}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--pri);color:#fff;border:0;border-radius:14px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 4px 0 #3b25a0}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #3b25a0}.btn.sec{background:#fff;color:var(--pri);border:2px solid var(--pri);box-shadow:0 4px 0 #d0bfff}.btn.or{background:var(--pri2);box-shadow:0 4px 0 #c94f30}.btn.gr{background:#2f9e44;box-shadow:0 4px 0 #1b6e36}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.say{background:none;border:2px solid #b197fc;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:1rem;flex:none}
/* games */
.game{background:#fff;border-radius:24px;padding:16px;box-shadow:var(--sh);margin-top:10px;position:relative}
.gbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.prog{flex:1;min-width:120px;height:12px;background:#eee;border-radius:99px;overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,#51cf66,#fcc419);width:0;transition:width .3s}
.stars{font-weight:800;color:#e67700}
.qcard{font-size:1.25rem;font-weight:700;text-align:center;padding:18px;border-radius:18px;background:linear-gradient(160deg,#f8f0fc,#fff);border:2px solid #eebefa;margin:8px 0 12px;min-height:80px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.opt{border:0;border-radius:16px;padding:14px 10px;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;background:#f1f3f5;box-shadow:0 4px 0 #ced4da;color:var(--ink)}
.opt:hover{background:#e9ecef}.opt.ok{background:#b2f2bb;box-shadow:0 4px 0 #2f9e44}.opt.no{background:#ffc9c9;box-shadow:0 4px 0 #e03131}.opt:disabled{cursor:default}
.c0{background:#d3f9d8;box-shadow:0 4px 0 #2f9e44}.c1{background:#d0ebff;box-shadow:0 4px 0 #1971c2}.c2{background:#fff3bf;box-shadow:0 4px 0 #f08c00}.c3{background:#ffdeeb;box-shadow:0 4px 0 #c2255c}
.bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.bin{border:3px dashed #adb5bd;border-radius:16px;min-height:90px;padding:8px}.bin h4{margin:0 0 6px;text-align:center}.bin.over{background:#fff9db}
.bin .chipw{display:inline-block;background:#fff;border-radius:10px;padding:2px 8px;margin:2px;font-size:.85rem;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.fb{min-height:1.6em;font-weight:700;margin:10px 0;padding:8px 12px;border-radius:12px}.fb.ok{background:#ebfbee;color:#1b6e36}.fb.no{background:#fff5f5;color:#a61e4d}.fb.hint{background:#fff9db;color:#7a5200}
.tf{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.sign{width:150px;height:150px;border-radius:50%;border:0;font:inherit;font-size:1.3rem;font-weight:800;cursor:pointer;color:#fff;box-shadow:0 8px 0 rgba(0,0,0,.2)}
.sign.t{background:radial-gradient(circle at 35% 30%,#69db7c,#2b8a3e)}.sign.f{background:radial-gradient(circle at 35% 30%,#ff8787,#c92a2a)}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mcol{display:flex;flex-direction:column;gap:8px}
.mi{border:2px solid #dee2e6;background:#fff;border-radius:14px;padding:10px;font:inherit;cursor:pointer;text-align:center}.mi.sel{border-color:#7950f2;background:#f3f0ff}.mi.done{background:#d3f9d8;border-color:#2f9e44;cursor:default}.mi.no{background:#ffe3e3}
.mem{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.mc{height:96px;border-radius:14px;border:0;font:inherit;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#7950f2,#ff7a59);color:#fff;font-size:.9rem;padding:6px;perspective:600px}.mc.up{background:#fff;color:var(--ink);border:2px solid #b197fc}.mc.done{background:#d3f9d8;color:#1b6e36}
.tok{display:inline-block;border:0;background:#fff3bf;border-radius:12px;padding:8px 12px;margin:4px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #f08c00}
.line{min-height:56px;border-bottom:3px solid #7950f2;margin:10px 0;padding:4px;display:flex;flex-wrap:wrap;align-items:center}
.bingo{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:520px;margin:10px auto}.bc{aspect-ratio:1;border-radius:12px;border:2px solid #b197fc;background:#fff;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;padding:4px}.bc.on{background:#ffd43b;border-color:#f08c00}
.caller{background:#1d1b3a;color:#fff;border-radius:18px;padding:14px;text-align:center;font-size:1.2rem;font-weight:700;min-height:70px}
.ttext{background:#fffdf5;border-radius:16px;padding:14px 18px;border:2px solid #ffe8a1;line-height:2}.w{cursor:pointer;border-radius:6px;padding:1px 2px}.w:hover{background:#f3f0ff}.w.on{background:#ffd43b}.w.right{background:#8ce99a}.w.miss{outline:2px dashed #e03131}.w.wrong{background:#ffc9c9}
.end{text-align:center;padding:20px}.end .big{font-size:3rem}
.embedbox{background:#f8f9fa;border-radius:12px;padding:10px;margin-top:14px;font-size:.85rem}.embedbox textarea{width:100%;direction:ltr;font-family:monospace;font-size:.78rem;min-height:56px}
table.tb{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}table.tb th,table.tb td{border:1px solid #e0dcf5;padding:7px 9px;text-align:right;vertical-align:top}table.tb th{background:#efeaff}
.tablewrap{overflow-x:auto}
.files li{margin:4px 0}
footer.site{background:#1d1b3a;color:#e9e6ff;padding:22px 14px;margin-top:30px}footer.site .in{max-width:1180px;margin:0 auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}footer.site img{width:46px;height:46px;border-radius:50%;background:#fff}footer.site a{color:#ffd8a8}
.pager{display:flex;justify-content:space-between;gap:10px;margin:22px 0 4px}
.glossw{border-bottom:2px dotted #7950f2;cursor:help;background:none;border-top:0;border-left:0;border-right:0;font:inherit;padding:0;color:inherit}
.pop{position:fixed;inset:auto 10px 10px 10px;max-width:520px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:16px;z-index:60;border:3px solid #b197fc}.pop .pe{font-size:2.6rem}.pop dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0}.pop dt{font-weight:700;color:var(--muted)}.pop dd{margin:0}
.ans{display:none;background:#ebfbee;border-radius:10px;padding:6px 10px;margin-top:4px}.ans.show{display:block}
details.d{background:#fff;border-radius:14px;padding:8px 14px;margin:8px 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}details.d summary{cursor:pointer;font-weight:700}
.timer{font-weight:800;color:#c92a2a}
/* band styles */
body.band-y .opt,body.band-y .btn,body.band-y .tok{font-size:1.2rem;padding:16px 14px}body.band-y .qcard{font-size:1.45rem}body.band-y{background:#fffbea}
body.band-t{--bg:#f4f6fb}body.band-t header.top{background:linear-gradient(135deg,#1c2e5a,#3b5bdb)}
body.embed header.top,body.embed footer.site,body.embed .crumbs,body.embed .pager,body.embed .embedbox,body.embed .noembed{display:none!important}body.embed main{padding:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media print{header.top,footer.site,.tools,.pager,.embedbox,.btn,.say{display:none!important}body{background:#fff}.card,.panel,.game{box-shadow:none;border:1px solid #ccc}}

ol.heb{list-style-type:hebrew}
@media(max-width:640px){header.top{position:static}nav.main a{padding:4px 7px;font-size:.85rem}.brand{font-size:.95rem}}

/* practice blocks */
.prblock{background:linear-gradient(135deg,#fff4e6,#fff9db);border:3px solid #ff922b;border-radius:18px;padding:12px 14px;margin:14px 0;box-shadow:0 6px 0 #ffd8a8}
.prblock.after{border-color:#7950f2;background:linear-gradient(135deg,#f3f0ff,#fff);box-shadow:0 6px 0 #d0bfff}
.prhead{display:flex;gap:10px;align-items:center}.prico{font-size:2.1rem}.prhead h2{margin:0;font-size:1.25rem}.prhead p{margin:2px 0 0;font-size:.95rem;color:#495057}
.prrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:10px}
.prm{background:#fff;border:2px solid #e9ecef;border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.prm.cur{border-color:#2f9e44;box-shadow:0 0 0 3px #b2f2bb}
.prm small{color:#2f9e44;font-weight:700}
.prbtns{display:flex;gap:8px;flex-wrap:wrap}
.prbtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:96px;padding:8px 14px;border-radius:12px;font-weight:800;font-size:1.05rem;text-decoration:none;color:#fff;background:#e03131;box-shadow:0 4px 0 #a51111}
.prbtn.doc{background:#1c7ed6;box-shadow:0 4px 0 #1259a0}.prbtn:focus-visible{outline:4px solid #fab005;outline-offset:2px}.prbtn:active{transform:translateY(2px);box-shadow:none}
.prall{margin:10px 0 0}.prall a{font-weight:700}
.prtable{display:flex;flex-direction:column;gap:8px}.prli{background:#fff;border:2px solid #e9ecef;border-radius:14px;padding:8px 10px}
.prname{font-weight:800;display:block;margin-bottom:6px}.prcells{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}
.prc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prc small{min-width:86px;font-weight:700}.prc .prbtn{min-height:44px;min-width:80px;font-size:.95rem;padding:6px 10px}
body.embed .prall{display:none}

.prmore{margin-top:8px}.prmore summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;padding:4px 8px;border-radius:10px;background:#fff;border:2px dashed #ffa94d}.prmore summary:focus-visible{outline:4px solid #fab005}