:root{--bg:#fff7ec;--ink:#2b2140;--mut:#6b6280;--pri:#6d4df2;--pri2:#5236d6;--or:#ff8a3d;--te:#12b3a3;--pk:#f0457a;--ye:#ffc93c;--card:#fff;--sh:0 6px 22px rgba(60,30,120,.10)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif;font-size:17px;line-height:1.5;direction:rtl;text-align:right}
a{color:var(--pri2)}
header.site{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#6d4df2,#a14ff0 60%,#ff8a3d);color:#fff;position:sticky;top:0;z-index:20}
header.site .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.12rem;flex:1;min-width:0}
header.site .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header.site img{width:42px;height:42px;border-radius:50%;background:#fff;flex:none}
main{max-width:1060px;margin:0 auto;padding:14px 12px 30px}
.pill,button{font:inherit;border:0;border-radius:999px;padding:12px 20px;min-height:48px;font-weight:700;cursor:pointer;background:var(--pri);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:transform .08s,filter .15s;touch-action:manipulation}
button:active,.pill:active{transform:scale(.96)}
button:hover,.pill:hover{filter:brightness(1.07)}
.ghost{background:#fff;color:var(--pri2);box-shadow:inset 0 0 0 2px #d9d0ff}
.hdrbtn{background:rgba(255,255,255,.22);color:#fff;padding:8px 14px;min-height:42px;font-size:.95rem}
.or{background:var(--or)}.te{background:var(--te)}.pk{background:var(--pk)}.ye{background:var(--ye);color:#3a2a00}
.small{padding:8px 14px;min-height:40px;font-size:.92rem}
.hero{text-align:center;padding:14px 6px 4px}
.hero h1{margin:.2em 0;font-size:clamp(1.6rem,5.5vw,2.4rem)}
.hero p{margin:.2em 0 .8em;color:var(--mut)}
.hero .row{justify-content:center}
.hero .cover{margin:0 auto 10px;max-width:900px;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(40,20,90,.18);aspect-ratio:1200/654;background:#2a2050}
.hero .cover img{display:block;width:100%;height:100%;object-fit:cover}
@media print{.hero .cover{display:none}}
.sec-h{margin:26px 4px 10px;font-size:1.3rem;display:flex;align-items:center;gap:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tcard{background:var(--card);border-radius:24px;box-shadow:var(--sh);padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;border-top:6px solid var(--c,#6d4df2)}
.tcard .em{font-size:2.6rem;line-height:1}
.tcard h3{margin:0;font-size:1.25rem}
.tcard p{margin:0;color:var(--mut);font-size:.98rem;flex:1}
.tcard .pill{align-self:stretch;background:var(--c,#6d4df2);font-size:1.05rem}
.lvls{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0}
.lv{font-size:.8rem;font-weight:700;background:#f1edff;color:#4b3aa8;border-radius:999px;padding:3px 10px}
.lv.ol{background:#dcfce7;color:#166534}.lv.ch{background:#fff1d6;color:#8a4b00}
.tbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.tt{margin:.3em 0 .1em;font-size:clamp(1.5rem,5vw,2.1rem)}
.editor{background:#fff;border-radius:22px;box-shadow:var(--sh);padding:4px 14px;margin:12px 0}
.editor>summary{cursor:pointer;font-weight:800;font-size:1.1rem;padding:12px 2px;list-style:none}
.editor>summary::-webkit-details-marker{display:none}
.editor>summary::after{content:" ▾";color:var(--mut)}
.editor[open]>summary::after{content:" ▴"}
.editor label{display:block;font-weight:700;margin:8px 0 4px}
.editor input[type=text],.editor textarea,.editor select,.editor input[type=number]{font:inherit;width:100%;border:2px solid #e3dcff;border-radius:16px;padding:10px 12px;background:#fcfbff;direction:rtl}
.editor textarea{min-height:170px;resize:vertical;line-height:1.6}
.fmt{font-size:.9rem;color:var(--mut);margin:4px 0;background:#f7f4ff;border-radius:12px;padding:6px 10px}
.opts{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.opts .o{flex:1 1 140px}
.opts .o.ck{display:flex;align-items:center;gap:8px;font-weight:700;flex:1 1 200px}
.opts .o.ck input{width:24px;height:24px}
.row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.saved{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.chip{display:inline-flex;align-items:center;gap:4px;background:#f1edff;border-radius:999px;padding:4px 6px 4px 12px;font-size:.9rem}
.chip button{min-height:34px;padding:4px 10px;font-size:.88rem}
.chip .x{background:transparent;color:#a33;padding:4px 8px}
.banner{background:#e9fff7;border:2px solid #9be7cf;border-radius:18px;padding:10px 14px;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sharebox{background:#fff;border-radius:18px;box-shadow:var(--sh);padding:12px;margin:8px 0}
.sharebox input{width:100%;font:inherit;font-size:.85rem;direction:ltr;border:2px solid #e3dcff;border-radius:12px;padding:8px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#2b2140;color:#fff;padding:10px 18px;border-radius:999px;z-index:99;font-weight:700;opacity:0;transition:opacity .25s;pointer-events:none}
.toast.on{opacity:1}
.msg{border-radius:16px;padding:10px 14px;margin:8px 0;font-weight:600}
.msg.ok{background:#e8fbef;color:#14532d}.msg.warn{background:#fff4e0;color:#7a3e00}.msg.err{background:#ffe8ec;color:#8a1131}
.printnote{background:#fffbe8;border:2px dashed #ffd66b;border-radius:16px;padding:10px 14px;font-weight:700;margin:10px 0}
/* sheets */
.sheets{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:10px}
.page{background:#fff;width:min(100%,210mm);box-shadow:0 4px 18px rgba(0,0,0,.12);border-radius:6px;padding:5cqi;container-type:inline-size;color:#111;direction:rtl;text-align:right;position:relative}
.page .inner{container-type:inline-size}
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:2cqi;border-bottom:.5cqi solid #6d4df2;padding-bottom:1.5cqi;margin-bottom:3cqi}
.ph h2{margin:0;font-size:5.2cqi;line-height:1.2}
.ph .tag{font-size:2.6cqi;color:#555;white-space:nowrap}
.nameline{font-size:2.7cqi;margin:0 0 3cqi;color:#333}
.pf{margin-top:4cqi;font-size:2.2cqi;color:#777;text-align:center;border-top:1px solid #eee;padding-top:1.5cqi}
.ans .ph{border-color:#12b3a3}
.wsg{display:grid;margin:0 auto;border:.4cqi solid #333;border-radius:1cqi;overflow:hidden;direction:rtl}
.wsg div{display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #ddd;aspect-ratio:1}
.bank{display:flex;flex-wrap:wrap;gap:1.5cqi 2.5cqi;margin-top:4cqi;font-size:3.4cqi}
.bank span{border:1px solid #bbb;border-radius:99px;padding:.5cqi 2.5cqi}
.cwg{display:grid;margin:0 auto;direction:rtl}
.cwg div{position:relative;aspect-ratio:1}
.cwg .l{border:1px solid #222;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.cwg .l i{position:absolute;top:2%;right:6%;font-style:normal;font-weight:600;line-height:1}
.clues{display:grid;grid-template-columns:1fr 1fr;gap:3cqi;margin-top:4cqi;font-size:3cqi}
.clues h3{margin:0 0 1cqi;font-size:3.6cqi}
.clues ol{margin:0;padding:0;list-style:none}
.clues li{margin:0 0 1cqi}
.clues b{display:inline-block;min-width:5cqi}
.bcards{display:flex;flex-wrap:wrap;gap:4cqi;justify-content:center}
.bcards .bcard{width:47%}
.bcards.one .bcard{width:62%;margin:0 auto}
.bcard{border:.6cqi solid #6d4df2;border-radius:2.5cqi;padding:2cqi;break-inside:avoid}
.bcard h4{margin:0 0 1.5cqi;text-align:center;font-size:4cqi;letter-spacing:.3cqi}
.bgrid{display:grid;gap:0;border:.3cqi solid #333}
.bgrid div{border:1px solid #555;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;padding:.6cqi;overflow:hidden;overflow-wrap:anywhere;line-height:1.15}
.bgrid .free{background:#fff4c7}
.keyt{display:grid;grid-template-columns:repeat(11,1fr);border:.3cqi solid #333;border-radius:1cqi;overflow:hidden;margin-bottom:4cqi}
.keyt .s{font-size:4.2cqi;line-height:1.2}
.keyt .k{font-size:3.6cqi;font-weight:800;background:#f4f1ff}
.cmsg{display:flex;flex-wrap:wrap;gap:3cqi 4.5cqi;font-size:4cqi}
.cw{display:flex;gap:.6cqi}
.cc{display:flex;flex-direction:column;align-items:center;min-width:6.4cqi}
.cc .s{font-size:4.6cqi;line-height:1.3}
.cc .b{border-bottom:.35cqi solid #333;width:6cqi;height:5.4cqi;display:flex;align-items:flex-end;justify-content:center;font-weight:800;font-size:4.6cqi}
.pyr{display:flex;flex-direction:column;align-items:center;gap:1.4cqi;margin:2cqi 0 5cqi;break-inside:avoid}
.pyr div{border:.35cqi solid #6d4df2;border-radius:99px;padding:.6cqi 3cqi;background:#faf8ff;text-align:center}
.pyr .wl{border:0;border-bottom:.3cqi dashed #999;border-radius:0;background:none;width:80%;height:5cqi}
.mcards{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mc{border:.35cqi dashed #888;aspect-ratio:1.05;display:flex;align-items:center;justify-content:center;text-align:center;padding:2cqi;font-weight:800;line-height:1.2;word-break:break-word}
.mc.back{background:repeating-linear-gradient(45deg,#f1edff 0 3cqi,#fff 3cqi 6cqi);font-size:9cqi;flex-direction:column}
.mc.back small{font-size:2.5cqi;font-weight:600;color:#6d4df2}
/* games */
.stage{background:#fff;border-radius:24px;box-shadow:var(--sh);padding:14px;margin-top:10px;position:relative}
.stage:fullscreen{overflow:auto;border-radius:0;padding:20px;background:var(--bg)}
.gbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}
.scores{display:flex;flex-wrap:wrap;gap:8px}
.score{border-radius:999px;padding:6px 14px;font-weight:800;background:#f1edff;border:3px solid transparent}
.score.on{border-color:var(--or);background:#fff1e6}
.wheelwrap{position:relative;width:min(92vw,540px,70vh);margin:6px auto}
.wheelwrap canvas{width:100%;height:auto;display:block}
.wheelwrap .ptr{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #2b2140;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));z-index:2}
.big{font-size:clamp(1.8rem,7vw,3.4rem);font-weight:900;text-align:center;margin:10px 0;line-height:1.2}
.overlay{position:fixed;inset:0;background:rgba(30,15,60,.55);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.stage:fullscreen .overlay{position:fixed}
.ovbox{background:#fff;border-radius:26px;padding:22px 18px;max-width:640px;width:100%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:92vh;overflow:auto;animation:pop .25s ease-out}
@keyframes pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.mgrid{display:grid;gap:8px;grid-template-columns:repeat(var(--cols,4),1fr)}
.mcard{aspect-ratio:.85;perspective:700px;cursor:pointer;background:none;padding:0;min-height:0;border-radius:16px}
.mcard .in{position:relative;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}
.mcard.f .in,.mcard.m .in{transform:rotateY(180deg)}
.mcard .fa,.mcard .bk{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:6px;text-align:center;font-weight:800;line-height:1.15;word-break:break-word}
.mcard .bk{background:linear-gradient(135deg,#6d4df2,#a14ff0);color:#fff;font-size:2rem}
.mcard .fa{background:#fff;border:3px solid #d9d0ff;transform:rotateY(180deg);color:#2b2140}
.mcard.m .fa{background:#e8fbef;border-color:#5bd28f}
.xo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:480px;margin:8px auto}
.xo button{aspect-ratio:1;border-radius:20px;font-size:clamp(1.1rem,5vw,1.6rem);background:#f1edff;color:#4b3aa8;min-height:0;padding:4px;flex-direction:column}
.xo button.X{background:#ffe3ea;color:#d4134f;font-size:clamp(2.4rem,14vw,4.5rem)}
.xo button.O{background:#dff7f4;color:#0b8a7e;font-size:clamp(2.4rem,14vw,4.5rem)}
.xo button.win{outline:5px solid var(--ye)}
.q{font-size:clamp(1.25rem,4.6vw,1.9rem);font-weight:800;text-align:center;margin:8px 0 14px;line-height:1.35}
.opts4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:520px){.opts4{grid-template-columns:1fr}}
.opts4 button{min-height:62px;font-size:1.1rem;background:#f1edff;color:#2b2140;justify-content:flex-start;text-align:right;border-radius:20px;padding:10px 16px}
.opts4 button b{background:var(--pri);color:#fff;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.opts4 button.good{background:#c9f5d9}.opts4 button.bad{background:#ffd3dc}.opts4 button.gone{visibility:hidden}
.tbarr{height:10px;border-radius:99px;background:#eee;overflow:hidden;margin:6px 0}
.tbarr i{display:block;height:100%;background:linear-gradient(90deg,var(--te),var(--ye),var(--pk));width:100%}
.ladder{display:flex;flex-direction:column-reverse;gap:3px;font-size:.92rem}
.ladder div{border-radius:99px;padding:3px 12px;background:#f4f1ff;display:flex;justify-content:space-between}
.ladder .cur{background:var(--or);color:#fff;font-weight:800}
.ladder .done{background:#dff7f4}
.ladder .safe{box-shadow:inset 0 0 0 2px var(--ye)}
.sul{display:grid;grid-template-columns:1fr 170px;gap:14px}
@media (max-width:700px){.sul{grid-template-columns:1fr}.ladder{flex-direction:row-reverse;flex-wrap:wrap;justify-content:center}.ladder div{padding:2px 9px}.ladder div span{display:none}}
.tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:64px;padding:10px;border-radius:18px}
.tiles.ans{background:#f7f4ff;border:3px dashed #d9d0ff;margin-bottom:12px}
.tile{background:#fff;color:#2b2140;box-shadow:0 3px 0 #d9d0ff;border:2px solid #d9d0ff;font-size:1.3rem;padding:8px 16px;border-radius:16px}
.tile.ok{background:#c9f5d9;border-color:#5bd28f}.tile.no{background:#ffd3dc;border-color:#f0457a}
.shake{animation:sh .4s}
@keyframes sh{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.drawcard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0}
.drawcard div{background:#f4f1ff;border-radius:20px;padding:12px 6px;text-align:center}
.drawcard small{display:block;color:var(--mut);font-weight:700}
.drawcard b{font-size:clamp(1.3rem,6vw,2.2rem)}
.hint{background:#fffbe8;border-radius:14px;padding:8px 12px;margin:6px 0;font-weight:700}
.answer{width:100%;font:inherit;font-size:1.6rem;text-align:center;border:3px solid #d9d0ff;border-radius:18px;padding:10px}
table.log{width:100%;border-collapse:collapse;margin-top:10px;font-size:.95rem}
table.log td,table.log th{border-bottom:1px solid #eee;padding:6px;text-align:right}
.rtext{font-size:var(--fs,1.6rem);line-height:2.1;background:#fffdf7;border-radius:18px;padding:14px;border:2px solid #f1e6cc}
.rtext span{border-radius:8px;padding:0 2px;cursor:pointer}
.rtext span.read{background:#e7f3ff}.rtext span.guide{background:#ffe27a}.rtext span.err{background:#ffc2cf;text-decoration:line-through wavy #d4134f}.rtext span.last{outline:3px solid var(--pri)}
.timer{font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums}
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0}
.res div{background:#f4f1ff;border-radius:18px;padding:10px;text-align:center}
.res b{display:block;font-size:1.8rem}
.lbtn{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}
.lbtn button{font-size:2.6rem;min-width:84px;min-height:84px;border-radius:24px;background:#f1edff;color:#2b2140}
.lbtn button.good{background:#c9f5d9}.lbtn button.bad{background:#ffd3dc}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips label{display:inline-flex!important;align-items:center;gap:4px;background:#f4f1ff;border-radius:999px;padding:6px 12px;margin:0!important;font-size:1.15rem;cursor:pointer}
.chips input{width:20px;height:20px}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}
.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall 2.6s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.tips{background:#fff;border-radius:22px;box-shadow:var(--sh);padding:14px 16px;margin:10px 0}
.tips h3{margin:.2em 0}
.tips ul{margin:.3em 0;padding-inline-start:1.2em}
footer.site{text-align:center;padding:22px 12px 34px;color:var(--mut)}
footer.site .cred{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;color:var(--ink);font-size:1.05rem;margin:0}
footer.site img{width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:var(--sh)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@page{size:A4;margin:15mm}
@media print{
 body{background:#fff;font-size:12pt}
 header.site,footer.site,.tbar,.editor,.printnote,.noprint,.tt,.lvls,.banner,.sharebox,.toast,.msg,.tlead{display:none!important}
 main{padding:0;max-width:none}
 .sheets{display:block;margin:0}
 .page{box-shadow:none;border-radius:0;width:100%;padding:0;margin:0;break-after:page;page-break-after:always}
 .page:last-child{break-after:auto;page-break-after:auto}
 .pf{margin-top:2cqi;padding-top:1cqi}
 .ph{margin-bottom:2cqi}
 .noans .page.ans{display:none}
 .wsg div.hl{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.keyt>div{border:1px solid #ccc;text-align:center}
.keyt .k,.keyt .s{border:0!important;padding:.6cqi 0}

@media (max-width:420px){.hdrbtn .lbl{display:none}header.site .brand{font-size:1.02rem}}