
@font-face{font-family:x;src:local('Heebo')}
:root{--bg:#fff8ee;--ink:#3b2a1a;--acc:#d35400;--soft:#fdf0dd;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Heebo,Assistant,"Noto Sans Hebrew",Arial,sans-serif;background:var(--bg) radial-gradient(circle at 10% 0,#ffe3b8 0,transparent 40%);color:var(--ink);direction:rtl;line-height:1.6;font-size:17px}
a{color:#a04000}
.top{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fffdf8cc;border-bottom:2px solid #f2d3a6;position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.top img{width:42px;height:42px;border-radius:50%}.top b{font-size:1rem}.top nav{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:nowrap}.top b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top nav a{text-decoration:none;background:#fff;border:1px solid #f0c890;border-radius:99px;padding:3px 10px;font-size:.85rem}
main{max-width:1050px;margin:auto;padding:12px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center;background:#fff;border-radius:28px;padding:14px;box-shadow:0 10px 30px #c0732a33}
.cover{width:100%;border-radius:22px;display:block;aspect-ratio:4/3;object-fit:cover}
.svgcov{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(#ffd59a,#fff3df);height:260px}.svgcov svg{height:90%;width:auto}
.hero h1{font-size:2rem;margin:.2em 0;color:#8a3b00;line-height:1.2}.sub{font-size:1.25rem;color:#6c3fa0;font-weight:700;margin:0}
h2.sec{margin:26px 4px 10px;color:#8a3b00}
.lvls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.lv{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#fff;background:var(--c);border-radius:var(--r);padding:16px;box-shadow:0 6px 0 #0002,0 10px 18px #0002;transition:transform .15s}.lv:hover{transform:translateY(-3px)}.lv .li{font-size:2.2rem}.lv b{font-size:1.25rem}.lv small{opacity:.95}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tile{background:#fff;border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px #b0601a22;border:2px solid #fde3c0}.tile span{font-size:2rem}.tile small{color:#7a5a3a}
.box{background:#fff;border-radius:var(--r);padding:14px 16px;margin:14px 0;box-shadow:0 4px 14px #b0601a1f}
.box h2{margin:0 0 8px;font-size:1.3rem;color:#7a3300;display:flex;align-items:center;gap:8px}.box h2 .ic{font-size:1.4rem}
.box.soft{background:#eefaf3;border:2px dashed #8fd3a8}.box.warn{background:#fff3f0;border:2px solid #f5b7a8}.box.win{background:#fff8d6;text-align:center}
.phead{background:var(--c);color:#fff;border-radius:24px;padding:14px 18px;margin-top:6px;box-shadow:0 8px 20px #0002}.phead h1{margin:.1em 0;font-size:1.7rem}.phead p{margin:0;opacity:.95}.phead .back{color:#fff;font-size:.9rem}
.ul{padding-inline-start:20px}.ul li{margin:4px 0}
.safe{background:#fff3f0;border-radius:14px;padding:10px 14px;border:2px solid #f5b7a8;font-weight:600}
.art{display:inline-block;width:70px;height:70px;vertical-align:middle}.art svg{width:100%;height:100%}.art.mid{width:90px;height:110px}.art.big{width:130px;height:130px}.art.huge{width:220px;height:240px;display:block;margin:auto}
.row4{display:flex;justify-content:space-around;flex-wrap:wrap;gap:6px;margin-top:8px}
.nik{font-size:1.25em;letter-spacing:.01em}
.spk{border:0;background:#ffe7c7;border-radius:50%;width:36px;height:36px;font-size:1rem;cursor:pointer;vertical-align:middle}
button{font-family:inherit;font-size:1rem;cursor:pointer}
.btn{display:inline-block;background:#d35400;color:#fff;border:0;border-radius:99px;padding:9px 18px;text-decoration:none;margin:4px;font-weight:700;box-shadow:0 4px 0 #8a3b00}.btn:disabled{opacity:.4}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.opts button{background:#fff7ec;border:2px solid #f0c890;border-radius:14px;padding:8px 14px;min-height:44px}
button.right{background:#c8f7d6!important;border-color:#27ae60!important}button.wrong{background:#ffd6d6!important;border-color:#e74c3c!important;animation:sh .4s}
@keyframes sh{25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}
.mc{border-bottom:1px dashed #f0d2a8;padding:8px 0}.q{font-weight:700;margin:6px 0}.fb{min-height:1.4em;font-weight:700;color:#1e7a46}.hint{color:#7a5a3a;font-size:.92rem}
textarea,input[type=text],select{width:100%;font-family:inherit;font-size:1rem;border:2px solid #f0c890;border-radius:12px;padding:8px;background:#fffdf9}
.chet{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.cw{background:#fff7ec;border:2px solid #f0c890;border-radius:16px;padding:8px;display:flex;flex-direction:column;align-items:center}.cw span{font-size:2.2rem}
.bigch{font-size:1.6em;color:#c0392b}
.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mcol{display:flex;flex-direction:column;gap:8px}.mp,.mw{background:#fff7ec;border:2px solid #f0c890;border-radius:14px;min-height:76px;padding:4px}.mp.sel{outline:4px solid #f39c12}.done{opacity:.35;background:#c8f7d6!important}
.flw{font-size:2.3rem;letter-spacing:6px;line-height:1.3;background:#fdf0dd;border-radius:14px;padding:8px;text-align:center}
.pal{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.pal button{width:40px;height:40px;border-radius:50%;border:2px solid #999}.pal button.on{outline:4px solid #333}
.colsvg{width:100%;max-width:440px;display:block;margin:auto;background:#fff;border-radius:12px}.cz{cursor:pointer}
.nw,.vc{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.nwc,.vcard{background:#fff7ec;border:2px solid #f0c890;border-radius:16px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.vcard .tr{font-size:.78rem;color:#6c4a2a;direction:ltr}.vcard .ex{font-size:1rem;color:#6c3fa0}
.txt h3{margin:12px 0 2px;color:#1e7a46}.txt p{margin:0 0 6px}
.tfr,.belr,.sr{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;border-bottom:1px dashed #eedcc0}.tfr span,.belr span,.sr span{flex:1 1 220px}.tfr button,.belr button,.sr button{background:#fff7ec;border:2px solid #f0c890;border-radius:12px;padding:6px 10px;min-height:40px}.ok{background:#eafaf0}.no{background:#fff0f0}
.voc{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}details{background:#fffaf2;border-radius:12px;padding:6px 10px;margin:4px 0;border:1px solid #f3dcbc}summary{font-weight:700;cursor:pointer}
.tblw{overflow-x:auto}table.cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}.cmp th,.cmp td{border:1px solid #edd3ad;padding:6px;vertical-align:top}.cmp th{background:#fde3c0}.cmp.sm{min-width:0}.chk{color:#c0392b}
.adp{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.ad{background:#f4f9ff;border-radius:14px;padding:10px;border:2px solid #cfe3f7}.ad h3{margin:0;color:#1f5f99}
.dlg p{background:#f6efff;border-radius:12px;padding:6px 10px;margin:4px 0}
.stp{text-align:center}.stn{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#16a085;color:#fff;font-size:1.8rem;font-weight:800}.bigt{font-size:1.6rem}
.sortp{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.si{background:#fff;border:3px solid #9fd9c8;border-radius:16px;padding:6px;display:flex;flex-direction:column;align-items:center;min-width:100px}.si .art{width:84px;height:84px}.si.sel{outline:5px solid #f39c12}
.bins{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.bin{background:#e8f8f3;border:3px dashed #16a085;border-radius:18px;padding:10px;display:flex;flex-direction:column;align-items:center;min-height:120px}.bin span{font-size:2.2rem}.bin i{font-style:normal;font-size:.9rem}
.wk,.choice{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.wki{display:flex;gap:8px;align-items:center;background:#f0fbf7;border-radius:14px;padding:10px;font-size:1.1rem}.wki input{width:28px;height:28px}
.ch{background:#fff;border:3px solid #9fd9c8;border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center}.ch span{font-size:2.4rem}.ch.on{background:#c8f7e6;border-color:#16a085}
.gbtns{display:flex;flex-wrap:wrap;gap:8px}.gb{background:#fff7ec;border:2px solid #f0c890;border-radius:99px;padding:8px 14px;text-decoration:none;color:var(--ink);font-weight:700}
.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.slot{min-height:150px;border:3px dashed #9fd9c8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;text-align:center;padding:4px}.slot span{font-size:2rem;color:#9fd9c8;font-weight:800}.slot small{color:#7a5a3a}
.pool{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.cc{background:#fff7ec;border:2px solid #f0c890;border-radius:16px;padding:6px;display:flex;flex-direction:column;align-items:center;text-align:center}.cc .art{width:90px;height:100px}.cc small{font-size:.78rem;color:#6c4a2a}.cc.done{display:none}
.lvlsw{margin:14px 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lvlsw a{background:#fff;border:1px solid #f0c890;border-radius:99px;padding:3px 10px;text-decoration:none}.lvlsw a.on{background:#d35400;color:#fff}
.mem{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.mc2{position:relative;height:130px;border:0;border-radius:14px;background:#e67e22;color:#fff;font-size:2rem;box-shadow:0 4px 0 #a04000;padding:4px}.mc2 .bk{display:none}.mc2.up{background:#fff;color:var(--ink);border:2px solid #f0c890}.mc2.up .fr{display:none}.mc2.up .bk{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:.95rem;gap:2px}.mc2 .art{width:64px;height:64px}.mc2.got{background:#c8f7d6}
.scene{background:#fff;border-radius:18px;overflow-x:auto;box-shadow:0 6px 18px #0002}.scene svg{width:100%;min-width:760px;display:block}.sc{cursor:pointer}.sc.found{filter:drop-shadow(0 0 6px #27ae60)}
.hcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}.hc{background:#fff;border-radius:var(--r);padding:12px;box-shadow:0 4px 14px #b0601a1f}.hc h3{margin:4px 0}.hcart{height:130px;background:#fff6e8;border-radius:14px;display:flex;justify-content:center}.hcart .art{width:120px;height:130px}.tag{color:#8e44ad;font-weight:700;font-size:.9rem;margin:0}.more{color:#5a4a3a;font-size:.93rem}.prot{background:#eefaf3;border-radius:10px;padding:4px 8px;font-size:.9rem}
.codes{display:flex;gap:8px;justify-content:center;margin:12px}.codes span{width:56px;height:62px;border-radius:12px;background:#2c3e50;color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:800}.codes span.on{background:#27ae60}
.room{text-align:center}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.wg{background:#f7fff5;border:2px solid #bfe5b5;border-radius:14px;padding:6px;display:flex;flex-direction:column;align-items:center;text-align:center}.wg input{width:26px;height:26px}
.jr{display:flex;flex-direction:column;gap:2px;margin:6px 0}.jr span{font-weight:700}
.cert{display:flex;justify-content:center}.cin{position:relative;width:100%;max-width:680px;aspect-ratio:1.414;background:#fffdf5;border:12px double #d4a24c;border-radius:20px;text-align:center;padding:26px 60px;display:flex;flex-direction:column;justify-content:center}.cin h2{font-size:2rem;color:#8a3b00;margin:0}.cbig{font-size:2.2rem;font-weight:800;color:#6c3fa0;border-bottom:2px solid #d4a24c;margin:6px auto;min-width:60%}.cs{color:#1e7a46;font-weight:700}.cart{position:absolute;bottom:12px;right:12px;width:70px;height:150px}.cart.r{right:auto;left:12px;width:90px;height:90px}.cart svg{width:100%;height:100%}
.flist{display:grid;gap:10px;margin-top:12px}.fi{background:#fff;border-radius:var(--r);padding:12px;box-shadow:0 4px 14px #b0601a1f;display:flex;flex-direction:column;gap:4px}.fi small{color:#6c4a2a}
footer{text-align:center;padding:24px 10px 40px;color:#6c4a2a}footer img{width:56px;height:56px;border-radius:50%;display:block;margin:0 auto 4px}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(120px);background:#3b2a1a;color:#fff;padding:10px 18px;border-radius:99px;transition:.3s;z-index:20;max-width:90vw}#toast.on{transform:translateX(-50%)}
#fx{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}#fx i{position:absolute;top:-40px;font-size:1.8rem;font-style:normal;animation:fall 2.2s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}
@media (max-width:700px){.top b .lg{display:none}.top nav a{padding:3px 7px;font-size:.8rem}.top img{width:34px;height:34px}.svgcov svg{max-width:32%}.hero{grid-template-columns:1fr}.hero h1{font-size:1.55rem}body{font-size:16px}.top nav a.hm{display:none}.bins{grid-template-columns:1fr 1fr 1fr}.bin{min-height:100px;padding:6px}.cin{padding:20px 28px}.cin h2{font-size:1.4rem}.cbig{font-size:1.6rem}.cart{width:40px;height:90px}.cart.r{width:50px;height:50px}}
@page{size:A4;margin:15mm}
@media print{body{background:#fff;font-size:12pt}.top,footer,.noprint,.phead .back,.lvlsw,.btn,.gbtns,#toast,#fx,.spk{display:none!important}.box{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.hero{box-shadow:none}.cover{display:none}.cert .cin{border-width:8px;max-width:100%}main{padding:0}}
