*{box-sizing:border-box}
:root{--bg:#fffaf3;--ink:#1f2937;--mut:#6b7280;--card:#fff;--y:#f08a24;--c:#2563eb;--t:#7c3aed;--g:#16a34a;--r:#dc2626;--line:#e5e7eb;--lc:#f08a24}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Heebo","Rubik","Noto Sans Hebrew",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6}
a{color:#1d4ed8}
.skip{position:absolute;right:-999px}.skip:focus{right:8px;top:8px;background:#fff;padding:8px;z-index:9}
.top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:3px solid #fde68a;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;box-shadow:0 2px 8px #0001}
.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:10px}.brand small{font-weight:500;color:var(--mut)}
.topnav{display:flex;flex-wrap:wrap;gap:6px;margin-inline-start:auto}
.topnav a{text-decoration:none;color:var(--ink);background:#f3f4f6;border-radius:999px;padding:7px 12px;font-weight:700;font-size:.95rem;min-height:40px;display:inline-flex;align-items:center}
.topnav a.hot{background:#fef3c7}
main{max-width:1100px;margin:0 auto;padding:14px 14px 40px}
.loading{text-align:center;color:var(--mut)}
h1{font-size:1.75rem;line-height:1.25;margin:.3em 0}h2{font-size:1.35rem;margin:.8em 0 .4em}h3{font-size:1.12rem;margin:.6em 0 .3em}
.hero{background:linear-gradient(135deg,#fff7ed,#fef3c7 50%,#ede9fe);border-radius:24px;padding:22px 18px;margin-bottom:16px;border:2px solid #fde68a}
.hero p{margin:.3em 0;font-size:1.05rem}
.crumbs{font-size:.95rem;margin:4px 0 8px;color:var(--mut)}.crumbs a{text-decoration:none}
.stages{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}
.stage{display:block;text-decoration:none;color:var(--ink);background:#fff;border-radius:22px;padding:18px;border:3px solid var(--lc);box-shadow:0 4px 14px #0000000f;min-height:88px}
.stage b{font-size:1.4rem;display:block}.stage span{color:var(--mut)}
.stage.y{--lc:#f08a24}.stage.c{--lc:#2563eb}.stage.t{--lc:#7c3aed}.stage.p{--lc:#16a34a;background:#f0fdf4}
.grades{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.gbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:var(--lc);border-radius:20px;min-height:84px;font-size:1.35rem;font-weight:800;box-shadow:0 4px 0 #0002;padding:8px}
.gbtn small{font-size:.85rem;font-weight:500;opacity:.95}
.cards{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
.card{display:block;background:#fff;border-radius:18px;padding:14px 16px;border:2px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:0 2px 8px #0000000a;position:relative}
.card:hover,.card:focus{border-color:var(--lc)}
.card .em{font-size:2rem;line-height:1}.card b{display:block;font-size:1.12rem;margin:.2em 0}.card small{color:var(--mut)}
.card .chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}
.chip{display:inline-block;background:#f3f4f6;border-radius:999px;padding:2px 9px;font-size:.8rem;color:#374151}
.chip.mine{background:#dcfce7;color:#166534}.chip.soon{background:#fef3c7;color:#92400e}
.mysites{background:#f0fdf4;border:2px dashed #86efac;border-radius:18px;padding:12px 14px;margin:14px 0}
.mysites h3{margin-top:0}
.linkbtn{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #bbf7d0;border-radius:14px;padding:10px 12px;margin:6px 0;text-decoration:none;color:#14532d;font-weight:600;min-height:48px}
.linkbtn:hover{background:#dcfce7}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:6px 2px;position:sticky;top:58px;background:var(--bg);z-index:4;scrollbar-width:thin}
.tabs button{flex:0 0 auto;border:2px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;min-height:46px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--lc);border-color:var(--lc);color:#fff}
.panel{background:#fff;border-radius:20px;padding:16px;border:2px solid var(--line);margin-top:8px}
.lead{font-size:1.15rem;font-weight:700;background:#fffbeb;border-inline-start:6px solid var(--lc);padding:10px 12px;border-radius:12px}
.pts li{margin:.35em 0}
.ex{background:#eff6ff;border-radius:12px;padding:10px 12px}
.terms{display:grid;grid-template-columns:1fr;gap:8px}
.term{background:#faf5ff;border-radius:12px;padding:8px 12px}.term b{color:#5b21b6}
.q{border:2px solid var(--line);border-radius:16px;padding:12px;margin:10px 0}
.q p{margin:0 0 8px;font-weight:700}
.opts{display:grid;gap:8px}
.opt{border:2px solid #d1d5db;background:#fff;border-radius:14px;padding:11px 12px;text-align:start;font:inherit;cursor:pointer;min-height:50px}
.opt.ok{background:#dcfce7;border-color:#16a34a}.opt.no{background:#fee2e2;border-color:#dc2626}
.fb{margin-top:8px;padding:8px 10px;border-radius:10px;background:#f9fafb;display:none}.fb.show{display:block}
.score{font-size:1.15rem;font-weight:800;text-align:center;margin:10px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:var(--lc);color:#fff;font:inherit;font-weight:800;border-radius:14px;padding:12px 18px;min-height:50px;cursor:pointer;text-decoration:none;margin:4px}
.btn.alt{background:#fff;color:var(--ink);border:2px solid var(--line)}
.btn.green{background:#16a34a}.btn.blue{background:#2563eb}
.dl{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
.dl a{display:flex;gap:10px;align-items:center;justify-content:center;background:#1e40af;color:#fff;text-decoration:none;border-radius:16px;min-height:58px;font-weight:800;font-size:1.05rem}
.dl a.w{background:#0f766e}
.case{background:#fff7ed;border:2px solid #fed7aa;border-radius:16px;padding:12px 14px}
.model{background:#ecfeff;border:2px solid #a5f3fc;border-radius:14px;padding:10px 12px;margin-top:10px}
.teach{background:#f5f3ff;border-radius:12px;padding:8px 12px;margin-top:10px;font-size:.95rem}
table.sl{width:100%;border-collapse:collapse;font-size:.95rem}
table.sl th,table.sl td{border:1px solid #e5e7eb;padding:8px;vertical-align:top;text-align:start}
table.sl th{background:#f3f4f6}
/* games */
.game{user-select:none}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mcol{display:grid;gap:8px;align-content:start}
.mi{border:2px solid #d1d5db;background:#fff;border-radius:12px;padding:10px;font:inherit;min-height:52px;cursor:pointer;text-align:center}
.mi.sel{border-color:#2563eb;background:#dbeafe}.mi.done{background:#dcfce7;border-color:#16a34a;cursor:default}.mi.bad{animation:sh .35s;border-color:#dc2626}
@keyframes sh{25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}
.mem{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mc{min-height:86px;border-radius:14px;border:0;background:linear-gradient(135deg,var(--lc),#fbbf24);color:#fff;font:inherit;font-weight:800;font-size:1.6rem;cursor:pointer;padding:6px}
.mc.open{background:#fff;color:var(--ink);border:2px solid var(--lc);font-size:.95rem;font-weight:700}.mc.done{background:#dcfce7;color:#14532d;border:2px solid #16a34a;font-size:.95rem}
.sortcard{font-size:1.2rem;font-weight:800;text-align:center;background:#fffbeb;border:3px dashed var(--lc);border-radius:18px;padding:22px 12px;margin:10px 0}
.bins{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bins button{min-height:70px;font-size:1.05rem}
.orderl{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.orderl li{display:flex;align-items:center;gap:8px;border:2px solid #d1d5db;border-radius:12px;padding:8px;background:#fff}
.orderl li.ok{border-color:#16a34a;background:#dcfce7}.orderl li.no{border-color:#dc2626;background:#fee2e2}
.orderl li span{flex:1}
.orderl button{width:44px;height:44px;border-radius:10px;border:2px solid #d1d5db;background:#f9fafb;font-size:1.1rem;cursor:pointer}
.bud{display:grid;gap:8px}
.bi{display:flex;align-items:center;gap:10px;border:2px solid #e5e7eb;border-radius:12px;padding:8px 10px;background:#fff;min-height:52px;cursor:pointer}
.bi input{width:24px;height:24px}
.bi .cost{margin-inline-start:auto;font-weight:800}
.bi.on{border-color:#2563eb;background:#eff6ff}
.meter{position:sticky;top:112px;background:#fff;border:2px solid #fde68a;border-radius:14px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:4px 16px;font-weight:700;z-index:3}
.meter .neg{color:#dc2626}
.tag{font-size:.75rem;border-radius:999px;padding:1px 8px;background:#f3f4f6}
.tag.need{background:#fee2e2}.tag.want{background:#e0e7ff}.tag.save{background:#dcfce7}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.pills button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;min-height:44px;cursor:pointer}
.pills button[aria-pressed=true]{background:#16a34a;color:#fff;border-color:#16a34a}
.big{font-size:1.25rem;line-height:1.9}
.chan{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.chan div{background:#fff;border:2px solid #fde68a;border-radius:16px;padding:12px;text-align:center;font-size:1.1rem;font-weight:700}
.chan div span{display:block;font-size:2.4rem}
.note{font-size:.9rem;color:var(--mut)}
.foot{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px;border-top:2px solid #fde68a;background:#fff;text-align:start}
.foot img{border-radius:12px}
@media(min-width:700px){
 .stages{grid-template-columns:repeat(2,1fr)}
 .grades{grid-template-columns:repeat(3,1fr)}
 .cards{grid-template-columns:repeat(2,1fr)}
 .terms{grid-template-columns:1fr 1fr}
 .dl{grid-template-columns:1fr 1fr}
 .mem{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}.stages{grid-template-columns:repeat(4,1fr)}}
@media print{
 @page{size:A4;margin:15mm}
 body{background:#fff;font-size:12pt}
 .top,.tabs,.foot img,.btn,.skip{display:none!important}
 .panel{border:0;padding:0;display:block!important}
 .panel[hidden]{display:block!important}
 main{max-width:none;padding:0}
 a{color:inherit;text-decoration:none}
 .card,.q,.case{break-inside:avoid}
}

.kbcard{display:block}.kbcard p{margin:.5em 0}.kbd{border-inline-start:6px solid #16a34a;background:#f0fdf4;margin-top:14px}.kbmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:8px 0 18px}.kbmap a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;border:2px solid #d1fae5;text-decoration:none;color:inherit;min-height:48px}.kbn{background:#16a34a;color:#fff;border-radius:8px;padding:3px 8px;font-weight:800;flex:0 0 auto}

.cover{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;margin:6px 0 12px;box-shadow:0 4px 14px rgba(0,0,0,.12)}@media print{.cover{display:none!important}}

.morelist{display:flex;flex-direction:column;gap:8px;margin:6px 0 14px}
.morelist .linkbtn{display:block;min-height:48px;line-height:1.35;padding:12px 14px;border-radius:12px;background:#fff;border:2px solid #e2e8f0;color:#1d2430;text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.morelist .linkbtn:hover,.morelist .linkbtn:focus-visible{border-color:var(--lc,#2563eb);background:#f8fafc}
h2.acc{margin-top:22px;padding-top:12px;border-top:2px dashed #cbd5e1}
.vidbtn{background:#dc2626!important;color:#fff!important}
details.accbox{margin-top:10px;background:#f0fdf4;border-radius:12px;padding:8px 10px}
details.accbox summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center}
@media print{.morelist .linkbtn{border:1px solid #999}}