/* ChemSym = Atkinson Hyperlegible Bold (SIL OFL 1.1, Braille Institute), Latin letters only (digits use the regular font), embedded so it works offline. Capital I has serifs, lowercase l has a tail: "Cl" can never be read as "CI". */
@font-face{font-family:"ChemSym";src:url("data:font/woff2;base64,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") format("woff2");font-weight:100 900;font-style:normal;font-display:block}

:root{
  --green:#0b6e3b; --green2:#14a05a; --pitch:#e9f7ee; --ink:#13202b; --muted:#5b6b78;
  --card:#ffffff; --bg:#f2f6f4; --good:#1f9d55; --bad:#d64545; --gold:#f5b301;
  --blue:#1e6fd9; --orange:#e8590c; --purple:#7b2cbf; --teal:#0f9d9a;
  --radius:18px; --shadow:0 4px 14px rgba(10,40,25,.12);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Arial,Helvetica,sans-serif;
  background:var(--bg);color:var(--ink);font-size:clamp(17px,2.2vw,22px);line-height:1.45;
  min-height:100vh;overflow-x:hidden}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:4px solid #ffbf00;outline-offset:3px}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;justify-content:space-between;
  padding:8px 12px;background:linear-gradient(90deg,#0b6e3b,#14a05a);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.brand{font-weight:800;font-size:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats{display:flex;align-items:center;gap:8px}
.pts{background:rgba(255,255,255,.18);border-radius:999px;padding:4px 12px;font-weight:800;white-space:nowrap}
.iconbtn{background:rgba(255,255,255,.18);border:0;border-radius:12px;min-width:44px;height:44px;font-size:1.25em;color:#fff}
.iconbtn.small{min-width:40px;height:40px;font-size:1.05em}
main{max-width:940px;margin:0 auto;padding:14px 12px 40px;outline:none}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin:12px 0}
h1,h2,h3{margin:.2em 0 .4em;line-height:1.25}
h1{font-size:1.6em} h2{font-size:1.35em} h3{font-size:1.12em}
.muted{color:var(--muted)}
.center{text-align:center}
/* formulas: always left-to-right inside Hebrew text */
.f{direction:ltr;unicode-bidi:isolate;display:inline;font-family:"ChemSym","Verdana","DejaVu Sans",sans-serif;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.f sub{font-size:.62em;vertical-align:-.3em;line-height:0;font-weight:800}
.f .coef{margin-left:0;margin-right:.06em}
.bigf{font-size:2.6em}
/* home */
.hero{background:linear-gradient(135deg,#0b6e3b,#1aa35f);color:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero h1{margin:0 0 6px}
.hero p{margin:0}
.rank{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);padding:6px 12px;border-radius:999px;margin-top:10px;font-weight:700}
.rankbar{height:10px;background:rgba(255,255,255,.25);border-radius:99px;margin-top:8px;overflow:hidden}
.rankbar i{display:block;height:100%;background:var(--gold);border-radius:99px}
.stagecard{display:block;width:100%;text-align:right;border:0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin:14px 0;border-right:10px solid var(--green2);transition:transform .1s}
.stagecard:active{transform:scale(.98)}
.stagecard.b{border-right-color:var(--blue)}
.stagecard .t{font-size:1.3em;font-weight:800;display:block}
.stagecard .s{color:var(--muted);display:block;margin:2px 0 8px}
.progress{height:14px;background:#e3ebe7;border-radius:99px;overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green2),#7bd88f);border-radius:99px;transition:width .4s}
.stagecard.b .progress i{background:linear-gradient(90deg,var(--blue),#6fb1ff)}
.plabel{font-size:.85em;color:var(--muted);margin-top:4px;display:block}
.teacher{margin-top:22px;font-size:.85em;color:var(--muted)}
.teacher label{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}
.teacher input{width:24px;height:24px}
.linkbtn{background:none;border:0;color:var(--blue);text-decoration:underline;padding:8px 0}
/* stage screen */
.learnbtn{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:var(--radius);padding:14px 16px;background:#fff7d6;box-shadow:var(--shadow);font-weight:800;font-size:1.15em;text-align:right;margin:10px 0 6px}
.learnbtn .e{font-size:1.6em}
.levels{display:grid;gap:12px;margin-top:12px}
.lvl{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:14px;text-align:right}
.lvl .num{flex:0 0 56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4em;color:#fff;background:var(--green2)}
.lvl.b .num{background:var(--blue)}
.lvl .info{flex:1;min-width:0}
.lvl .name{font-weight:800;display:block}
.lvl .desc{color:var(--muted);font-size:.88em;display:block}
.lvl .stars{font-size:1.15em;letter-spacing:2px;white-space:nowrap}
.lvl.locked{opacity:.55;background:#eef1f0}
.lvl.locked .num{background:#9aa5ad}
.hint{font-size:.9em;color:var(--muted);margin:10px 4px}
/* learn cards */
.learn h2{display:flex;align-items:center;gap:8px}
.defbox{background:var(--pitch);border-right:6px solid var(--green2);border-radius:12px;padding:12px 14px;font-size:1.08em;margin:10px 0}
.defbox.b{background:#eaf2ff;border-right-color:var(--blue)}
.tip{background:#fff7d6;border-radius:12px;padding:10px 14px;margin:10px 0}
.warn{background:#ffe8e8;border-radius:12px;padding:10px 14px;margin:10px 0}
.pics{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0}
.pic{background:#f7faf9;border:2px solid #dfe8e4;border-radius:14px;padding:6px;text-align:center;flex:1 1 150px;max-width:min(280px,calc(50% - 5px))}
.pics>.pic:only-child{max-width:360px}
.pic svg{width:100%;height:auto;display:block}
.pic .cap{font-weight:700;font-size:.92em;padding:2px 2px 4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}
.chip{background:#eef6ff;border:2px solid #cfe2ff;border-radius:999px;padding:4px 12px;font-size:.95em}
table.cmp{width:100%;border-collapse:collapse;margin:10px 0;font-size:.95em}
table.cmp th,table.cmp td{border:2px solid #e1e8e5;padding:8px;text-align:center}
table.cmp th{background:#f1f6f4}
.navrow{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:14px}
.dots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.dots i{width:10px;height:10px;border-radius:50%;background:#cfd8d4;display:block}
.dots i.on{background:var(--green2);transform:scale(1.3)}
.btn{border:0;border-radius:14px;padding:12px 18px;min-height:52px;font-weight:800;background:#e6ece9;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.btn.primary{background:var(--green2);color:#fff}
.btn.blue{background:var(--blue);color:#fff}
.btn.gold{background:var(--gold);color:#3a2a00}
.btn:disabled{opacity:.4}
.btn.wide{width:100%;font-size:1.15em;margin-top:8px}
.anno{font-size:3.2em;text-align:center;margin:6px 0}
.anno .c1{color:var(--orange)} .anno .c2{color:var(--blue)} .anno .c3{color:var(--teal)} .anno .c4{color:var(--purple)}
.legend{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.legend li{display:block;margin:4px 0}
.legend b.sw{margin-left:8px}
.legend b.sw{display:inline-block;min-width:34px;text-align:center;border-radius:8px;color:#fff;padding:0 6px}
/* game */
.gametop{display:flex;align-items:center;gap:10px;margin:4px 0 8px}
.gametop .progress{flex:1}
.qcount{font-weight:800;white-space:nowrap;font-size:.9em}
.streak{font-weight:900;color:var(--orange);white-space:nowrap;min-width:3.2em;text-align:center}
.question{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;text-align:center}
.qtext{font-size:1.25em;font-weight:800;margin:4px 0 10px}
.qbig{font-size:3em;margin:6px 0 4px}
.qpic{max-width:420px;margin:6px auto}
.qpic svg{width:100%;height:auto;display:block;background:#f7faf9;border:2px solid #dfe8e4;border-radius:14px}
.answers{display:grid;gap:12px;margin-top:14px}
.answers.two{grid-template-columns:1fr 1fr}
.answers.three{grid-template-columns:1fr 1fr 1fr}
.answers.grid{grid-template-columns:1fr 1fr}
.ans{border:3px solid #d5dfdb;background:#fff;border-radius:16px;min-height:72px;padding:10px 12px;font-weight:800;font-size:1.15em;box-shadow:0 3px 0 #c9d4cf;transition:transform .08s}
.ans:active{transform:translateY(2px)}
.ans .f{font-size:1.35em}
.ans.long{font-size:1em;font-weight:700;text-align:right}
.ans.picopt{padding:6px}
.ans.picopt svg{width:100%;height:auto;display:block}
.ans.correct{background:#dff6e7;border-color:var(--good);box-shadow:0 3px 0 var(--good)}
.ans.wrong{background:#fde3e3;border-color:var(--bad);box-shadow:0 3px 0 var(--bad);animation:shake .35s}
.ans:disabled{cursor:default}
.answers.done .ans:not(.correct):not(.wrong){opacity:.55}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.feedback{margin-top:14px;border-radius:16px;padding:12px 14px;text-align:right;font-size:1.02em;animation:pop .25s}
.feedback.good{background:#dff6e7;border:2px solid var(--good)}
.feedback.bad{background:#fde3e3;border:2px solid var(--bad)}
.feedback .head{font-weight:900;font-size:1.2em}
@keyframes pop{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}
.nextbtn{margin-top:12px}
/* summary */
.sum{text-align:center}
.sum .bigstars{font-size:3em;letter-spacing:6px;margin:6px 0}
.sum .score{font-size:2.2em;font-weight:900}
.sumgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.sumgrid div{background:#f1f6f4;border-radius:14px;padding:10px}
.sumgrid b{display:block;font-size:1.5em}
.unlock{background:#fff7d6;border-radius:14px;padding:10px;font-weight:800;margin:8px 0}
.mistakes{text-align:right;font-size:.92em;margin-top:10px}
.mistakes li{margin:4px 0}
.btnrow{display:grid;gap:10px;margin-top:12px}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}
#confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall 2.4s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
@media (min-width:700px){
  .answers.grid{grid-template-columns:repeat(4,1fr)}
  .answers.grid.longs{grid-template-columns:1fr 1fr}
  .btnrow{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:380px){
  .answers.three{grid-template-columns:1fr}
  .brand{font-size:1em}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.progress{display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qbig .stmt{display:block;font-size:.42em;font-weight:700;line-height:1.5;padding:4px 6px}
.qbig .stmt .f{font-size:1.15em}
.qtext .f,.feedback .f,.mistakes .f{font-size:1.12em}

.starrow{display:inline-flex;gap:2px}
.starrow i{font-style:normal;color:#b8c2bd}
.starrow i.on{color:var(--gold);text-shadow:0 1px 0 #b07f00}

.legend-a{font-size:.85em;color:#55636b;text-align:center;margin:4px 0 2px;font-weight:600}

/* v3: 4-group answers, finish screens, cheers */
.answers.four{grid-template-columns:1fr 1fr}
.answers.four .ans{font-size:1em;font-weight:800;min-height:64px;line-height:1.25}
.lvl.passed{background:#effaf3}
.lvl.passed .num{background:var(--good)}
.lvl .donetag{display:block;color:var(--good);font-weight:900;font-size:.95em}
.sum .done-title{font-size:2.1em;margin:6px 0;color:var(--green)}
.sum.finish .trophy{font-size:4em;line-height:1;animation:bounce .9s ease-out}
.sum .linkbtn{margin-top:10px}
.lastq{color:var(--orange)}
.feedback .head.cheer{animation:bounce .5s ease-out;display:inline-block}
.streakcheer{font-weight:900;color:var(--orange);font-size:1.1em;margin-top:2px;animation:pop .3s}
.halfway{margin-top:10px;text-align:center;font-weight:900;font-size:1.1em;background:#fff7d6;border-radius:14px;padding:8px;animation:pop .3s}
.ans.bounce{animation:bounce .45s ease-out}
@keyframes bounce{0%{transform:scale(1)}35%{transform:scale(1.12)}65%{transform:scale(.97)}100%{transform:scale(1)}}
#confetti .spark{position:fixed;width:9px;height:9px;border-radius:50%;margin:-4px 0 0 -4px;animation:spark .8s ease-out forwards}
@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}
@media (prefers-reduced-motion: reduce){.feedback .head.cheer,.ans.bounce,.sum.finish .trophy{animation:none}}
.sum.finish .done-title{font-size:1.75em}

/* "💡 למה?" optional bubble */
.whywrap{margin:.45em 0 .2em;text-align:center}
.whychip{font:inherit;font-size:.92em;font-weight:800;color:#7a5600;background:#fff6d6;border:2px solid #f2c94c;border-radius:999px;padding:.32em 1.05em;cursor:pointer;min-height:40px;transition:transform .12s,background .15s}
.whychip:hover{background:#ffefb3}
.whychip:active{transform:scale(.96)}
.whychip:focus-visible{outline:3px solid #1e6fd9;outline-offset:2px}
.whychip.on{background:#ffe9a0}
.whybox{position:relative;margin:.6em auto 0;max-width:640px;text-align:right;background:#fffdf4;border:1.5px solid #f2d98a;border-radius:16px;padding:.55em .85em;font-size:.93em;line-height:1.55;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.07);animation:whyIn .18s ease-out}
.whybox::before{content:"";position:absolute;top:-9px;left:50%;margin-left:-8px;border:8px solid transparent;border-top:0;border-bottom-color:#f2d98a}
.whybox::after{content:"";position:absolute;top:-6.5px;left:50%;margin-left:-6.5px;border:6.5px solid transparent;border-top:0;border-bottom-color:#fffdf4}
.whybox[hidden]{display:none}
.whybox p{margin:.3em 0}
.whybox .w-comp{border-top:1px dashed #ecd9a0;padding-top:.35em}
.whybox .f{white-space:nowrap}
@keyframes whyIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.whybox{animation:none}}

/* credit line (v5) */
.hero .credit{display:flex;width:fit-content;max-width:100%;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:10px 0 2px;padding:6px 12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.92em;line-height:1.35}
.hero .credit .school{font-weight:700}
.hero .credit .by{opacity:.95}
.homefoot{margin:18px 0 8px;text-align:center;font-size:.85em;color:var(--muted)}
/* any other chemical symbol (legend swatches etc.) */
.chem{font-family:"ChemSym","Verdana","DejaVu Sans",sans-serif}