:root{--ink:#1e1b4b;--muted:#5b5b7a;--bg:#f7f5ff;--card:#fff;--line:#e4e0f5;--pri:#6d28d9;--pri2:#ede9fe;--ok:#15803d;--okbg:#dcfce7;--no:#b91c1c;--nobg:#fee2e2;--warn:#a16207;--warnbg:#fef9c3;--acc:var(--pri);--accbg:var(--pri2);--r:18px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Heebo","Assistant","Rubik",system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}
body.big{font-size:20px}
a{color:var(--acc)}
img{max-width:100%}
.wrap{max-width:1040px;margin:0 auto;padding:0 14px}
header.top{background:linear-gradient(135deg,#4c1d95,#7c3aed 55%,#db2777);color:#fff;padding:14px 0 18px}
header.top .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header.top a.brand{color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:8px}
header.top .spacer{flex:1}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:700;background:rgba(255,255,255,.18);color:#fff;border:0}
.hero{padding:26px 0 8px}
.hero h1{font-size:clamp(1.6rem,5.2vw,2.5rem);line-height:1.2;margin:.2em 0}
.hero p{font-size:1.05rem;color:var(--muted);max-width:760px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:0 2px 10px rgba(76,29,149,.06)}
.bcard{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border-top:6px solid var(--c,#7c3aed);transition:transform .15s}
.bcard:hover,.bcard:focus-visible{transform:translateY(-3px)}
.bcard .em{font-size:2.2rem}
.bcard .num{font-size:.85rem;font-weight:800;color:var(--c,#7c3aed)}
.bcard h3{margin:0;font-size:1.2rem;line-height:1.3}
.bcard p{margin:0;color:var(--muted);font-size:.95rem}
.bcard .go{margin-top:auto;font-weight:800;color:var(--c,#7c3aed)}
.soon{border:2px dashed var(--line);background:transparent;box-shadow:none;color:var(--muted);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:180px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 18px;border-radius:14px;border:2px solid var(--acc);background:var(--acc);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;font-size:1rem;line-height:1.25}
.btn.ghost{background:#fff;color:var(--acc)}
.btn.sm{min-height:42px;padding:6px 12px;font-size:.92rem}
.btn:focus-visible,.opt:focus-visible,.chip:focus-visible,.tab:focus-visible,.bucket:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bhead{background:linear-gradient(135deg,var(--c,#7c3aed),var(--c2,#db2777));color:#fff;padding:16px 0 12px}
.bhead h1{margin:.1em 0;font-size:clamp(1.4rem,4.8vw,2.1rem);line-height:1.2}
.bhead .sub{opacity:.95;margin:0}
.bhead .kicker{font-weight:800;opacity:.9;font-size:.9rem}
.tabs{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.tabs .wrap{display:flex;gap:6px;overflow-x:auto;padding:8px 14px;scrollbar-width:thin}
.tab{flex:0 0 auto;min-height:46px;padding:8px 14px;border-radius:12px;border:2px solid var(--line);background:#fff;font:inherit;font-weight:800;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:6px;font-size:.95rem}
.tab.on{background:var(--acc);border-color:var(--acc);color:#fff}
.tracks{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.track{min-height:48px;padding:8px 14px;border-radius:999px;border:2px solid var(--acc);background:#fff;color:var(--acc);font:inherit;font-weight:800;cursor:pointer}
.track.on{background:var(--acc);color:#fff}
.tracknote{background:var(--accbg);border-radius:14px;padding:10px 14px;margin:8px 0 14px;font-size:.95rem}
main{padding-bottom:40px}
section.blk{margin:18px 0}
h2{font-size:1.4rem;margin:.6em 0 .3em;line-height:1.3}
h3{line-height:1.35}
.lvl{display:inline-block;font-weight:800;font-size:.85rem;background:var(--accbg);color:var(--acc);padding:2px 10px;border-radius:999px}
.task{margin:14px 0}
.task>h3{margin:.2em 0 .1em;font-size:1.15rem;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.task .skill{color:var(--muted);font-size:.93rem;margin:0 0 8px}
.tnum{width:36px;height:36px;border-radius:50%;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}
.item{border-top:1px dashed var(--line);padding:12px 0}
.item:first-of-type{border-top:0}
.q{font-weight:700;margin:0 0 8px}
.opts{display:grid;gap:8px}
@media(min-width:700px){.opts.two{grid-template-columns:1fr 1fr}}
.opt{min-height:50px;text-align:right;padding:10px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;font:inherit;cursor:pointer;color:var(--ink)}
.opt:hover{border-color:var(--acc)}
.opt.ok{background:var(--okbg);border-color:var(--ok)}
.opt.no{background:var(--nobg);border-color:var(--no)}
.opt[disabled]{cursor:default}
.fb{margin-top:8px;border-radius:12px;padding:0;font-size:.95rem}
.fb.ok{background:var(--okbg);padding:8px 12px}
.fb.no{background:var(--nobg);padding:8px 12px}
.fb.info{background:var(--warnbg);padding:8px 12px}
.hint{background:var(--warnbg);border-radius:12px;padding:8px 12px;margin-top:8px;font-size:.95rem}
.helpers{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.mini{min-height:40px;padding:6px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--ink)}
textarea,input[type=text]{width:100%;font:inherit;border:2px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff;color:var(--ink)}
textarea{min-height:96px;resize:vertical}
textarea:focus,input:focus{outline:3px solid #c4b5fd;border-color:var(--acc)}
.text{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:12px 0;position:relative}
.text .lab{font-weight:800;color:var(--acc);font-size:.9rem}
.text h3{margin:.2em 0 .4em}
.text.post{border-inline-start:6px solid #0ea5e9}
.text.review{border-inline-start:6px solid #f59e0b}
.text.ad{border-inline-start:6px solid #ef4444}
.text.guide{border-inline-start:6px solid #10b981}
.text.news{border-inline-start:6px solid #6366f1}
.text.sponsored{border-inline-start:6px solid #a855f7}
.mark{background:#fef08a;border-radius:4px;padding:0 3px}
.mk-claim{background:#ddd6fe}.mk-reason{background:#bbf7d0}.mk-ex{background:#fed7aa}.mk-counter{background:#fecaca}.mk-sum{background:#bae6fd}
.legend{display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem;margin:8px 0}
.legend span{border-radius:8px;padding:2px 8px}
.note{background:var(--accbg);border-radius:14px;padding:12px 14px;margin:10px 0}
.hosen{background:linear-gradient(135deg,#fef3c7,#fce7f3);border:1px solid #fcd34d;border-radius:var(--r);padding:14px 16px;margin:14px 0}
.hosen h3{margin:.1em 0 .3em}
.case{border:2px solid var(--acc);border-radius:var(--r);padding:14px 16px;background:#fff;margin:14px 0}
.case h3{margin:.1em 0 .3em}
.exit{border:2px dashed var(--muted);border-radius:var(--r);padding:14px 16px;background:#fff;margin:16px 0}
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gl div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.gl b{display:block;font-size:1.1rem}
.nik{font-family:"David CLM","Noto Sans Hebrew","Heebo",serif;font-size:1.12em;line-height:1.9}
.bigtext{font-size:1.18em;line-height:1.9}
.steps{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.step{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px;text-align:center;font-weight:700}
.step .e{font-size:2rem;display:block}
/* games */
.game{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:14px 0}
.game h3{margin:.1em 0 .2em}
.gstat{font-weight:800;color:var(--acc)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;min-height:30px}
.chip{min-height:46px;padding:8px 12px;border-radius:12px;border:2px solid var(--line);background:#faf9ff;font:inherit;cursor:pointer;color:var(--ink);text-align:right;touch-action:manipulation}
.chip.sel{border-color:var(--acc);background:var(--accbg);box-shadow:0 0 0 3px #ddd6fe}
.chip.done{background:var(--okbg);border-color:var(--ok);cursor:default}
.chip.bad{animation:shake .35s}
@keyframes shake{25%{transform:translateX(6px)}50%{transform:translateX(-6px)}75%{transform:translateX(4px)}}
.buckets{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.bucket{border:2px dashed var(--acc);border-radius:16px;padding:10px;background:var(--accbg);min-height:90px;font:inherit;text-align:right;cursor:pointer;color:var(--ink)}
.bucket .bt{font-weight:900;display:block;margin-bottom:6px}
.bucket .in{display:flex;flex-wrap:wrap;gap:6px}
.bucket .in span{background:var(--okbg);border:1px solid #86efac;border-radius:10px;padding:3px 8px;font-size:.88rem}
.bucket.over{background:#ddd6fe}
.slots{display:grid;gap:8px}
.slot{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:stretch}
.slot .sl{background:var(--acc);color:#fff;border-radius:12px;padding:8px;font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.92rem}
.slot .sv{border:2px dashed var(--acc);border-radius:12px;padding:8px 10px;min-height:52px;background:var(--accbg);font:inherit;text-align:right;cursor:pointer;color:var(--ink)}
.slot .sv.filled{background:var(--okbg);border-style:solid;border-color:var(--ok)}
.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.match .col{display:grid;gap:8px;align-content:start}
.prog{height:10px;background:var(--line);border-radius:999px;overflow:hidden;margin:8px 0}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),#db2777);width:0;transition:width .3s}
.win{background:var(--okbg);border-radius:14px;padding:12px 14px;font-weight:800;margin-top:10px}
.cipher{display:flex;flex-wrap:wrap;gap:4px;direction:rtl;font-size:.9rem;margin:8px 0}
.cipher span{border:1px solid var(--line);border-radius:8px;padding:2px 6px;background:#faf9ff}
.code{font-size:1.6rem;font-weight:900;letter-spacing:.15em;background:#1e1b4b;color:#fde68a;border-radius:14px;padding:10px 14px;text-align:center}
/* tables */
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:.93rem}
.tbl th,.tbl td{border:1px solid var(--line);padding:8px;vertical-align:top;text-align:right}
.tbl th{background:var(--accbg)}
.tblwrap{overflow-x:auto}
.check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line);cursor:pointer}
.check input{width:24px;height:24px;flex:0 0 auto;accent-color:var(--acc);margin-top:2px}
.wc{color:var(--muted);font-size:.9rem}
details.acc{background:#fff;border:1px solid var(--line);border-radius:14px;margin:8px 0;padding:0 14px}
details.acc summary{cursor:pointer;font-weight:800;padding:12px 0;min-height:48px}
.dl{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.score{font-weight:900}
footer{border-top:1px solid var(--line);background:#fff;padding:18px 0;margin-top:30px;font-size:.92rem;color:var(--muted)}
footer .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
footer img{width:52px;height:52px;border-radius:12px}
.credit{font-weight:800;color:var(--ink)}
.nikbtn{min-height:44px}
.srt{position:absolute;left:-9999px}
@media(max-width:520px){body{font-size:16px}.slot{grid-template-columns:1fr}.match{gap:6px}.chip,.opt{font-size:.95rem}.hero{padding-top:18px}}
@media print{@page{size:A4;margin:15mm}header.top,.tabs,.tracks,.helpers,footer .row,.btn,.mini,.noprint{display:none!important}body{background:#fff;font-size:12pt}.card,.text,.game{box-shadow:none;break-inside:avoid}}