:root{--ink:#2b2236;--paper:#fffaf2;--wine:#8a2a3b;--gold:#c98a1b;--teal:#1f6f78;--plum:#5b3a7a;--card:#ffffff;--soft:#f6ecdc;--fs:1rem}
*{box-sizing:border-box}html{font-size:calc(17px*var(--fz,1))}
body{margin:0;font-family:Rubik,"Noto Sans Hebrew","Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 0,#fde9c9 0,transparent 40%),radial-gradient(circle at 90% 10%,#f3d9e3 0,transparent 35%),var(--paper);line-height:1.65}
a{color:var(--wine)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1a5fd0;outline-offset:2px;border-radius:6px}
.skip{position:absolute;right:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:99}.skip:focus{right:1rem}
header.top{background:linear-gradient(135deg,#5b2333,#8a2a3b 55%,#b0563a);color:#fff;box-shadow:0 6px 18px rgba(60,20,30,.25)}
.hwrap{max-width:1180px;margin:auto;display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;flex-wrap:wrap}
.hwrap img{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.brand{font-weight:800;font-size:1.1rem;color:#fff;text-decoration:none;flex:1;min-width:200px}
.a11y{display:flex;gap:.35rem;flex-wrap:wrap}.a11y button{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.85rem;cursor:pointer;min-height:36px}
nav.main{background:#3f1a26}nav.main ul{max-width:1180px;margin:auto;list-style:none;display:flex;flex-wrap:wrap;gap:.2rem;padding:.3rem 1rem}
nav.main a{color:#ffe9c4;text-decoration:none;padding:.35rem .6rem;border-radius:8px;display:inline-block;font-size:.95rem}nav.main a[aria-current=page],nav.main a:hover{background:#c98a1b;color:#2b1a10}
.crumbs{max-width:1180px;margin:.6rem auto 0;padding:0 1rem;font-size:.9rem}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:0}.crumbs li+li:before{content:"‹";margin-left:.3rem;color:#999}
main{max-width:1180px;margin:auto;padding:1rem}
h1{font-size:2rem;line-height:1.25;margin:.4rem 0 .6rem;color:#5b2333}h2{color:#7a3b2e;margin-top:1.8rem}h3{color:#3d3a6b}
.hero{position:relative;border-radius:24px;padding:1.6rem;background:linear-gradient(135deg,#fff 0,#fbeedd 100%);box-shadow:0 18px 40px rgba(91,35,51,.18),inset 0 -6px 0 rgba(201,138,27,.25);overflow:hidden}
.hero:after{content:"";position:absolute;left:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd98a,#c98a1b 60%,#8a5a10);opacity:.35;transform:rotate(-12deg)}
.hero>*{position:relative;z-index:1}.hero:after{z-index:0}.hero p{max-width:760px;font-size:1.08rem}
.books{display:flex;gap:.4rem;margin:.6rem 0;perspective:600px}.books span{display:inline-block;width:26px;height:90px;border-radius:4px 4px 2px 2px;transform:rotateY(-18deg);box-shadow:inset -5px 0 0 rgba(0,0,0,.18),4px 6px 10px rgba(0,0,0,.2)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--card);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 10px 24px rgba(60,30,40,.12),0 2px 0 rgba(201,138,27,.4);border:1px solid #f0e2cc;transition:transform .2s,box-shadow .2s;position:relative}
a.card{display:block;text-decoration:none;color:inherit}a.card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 18px 34px rgba(60,30,40,.2)}
.card .em{font-size:2.1rem;display:inline-block;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25));transform:translateZ(20px)}
.card h3{margin:.3rem 0}.card p{margin:.2rem 0;font-size:.95rem}
.tag{display:inline-block;background:#f3e3c8;color:#5b2333;border-radius:999px;padding:.05rem .6rem;font-size:.8rem;margin:.1rem}
.tiles{display:grid;grid-template-columns:auto repeat(3,1fr);gap:.5rem;align-items:stretch}
.tiles .hd{font-weight:700;text-align:center;align-self:center}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:92px;border-radius:16px;text-decoration:none;color:#2b2236;font-weight:700;background:linear-gradient(160deg,#fff,#f6e6cf);box-shadow:0 8px 0 #d9b98a,0 12px 20px rgba(0,0,0,.12);transition:transform .15s}
.tile:hover{transform:translateY(-3px)}.tile.center{background:linear-gradient(160deg,#fff4d6,#ffd98a);box-shadow:0 8px 0 #c98a1b,0 14px 24px rgba(201,138,27,.35);outline:3px solid #8a2a3b}
.tile small{font-weight:400;font-size:.78rem}
.box{background:#fff;border-radius:16px;padding:1rem 1.2rem;margin:1rem 0;border-right:7px solid var(--bc,#8a2a3b);box-shadow:0 6px 16px rgba(0,0,0,.07)}
.box h2,.box h3{margin-top:.2rem}
.note{background:#eef7f8;border-right-color:#1f6f78}.warn{background:#fff3e0;border-right-color:#c98a1b}
.reader{background:linear-gradient(90deg,#fff 0,#fffdf8 100%);font-family:"Frank Ruhl Libre","David Libre",David,serif;font-size:1.15rem;line-height:1.9;border-right-color:#5b3a7a}
.nik{font-size:1.3rem;line-height:2.2}
details{background:#fff;border-radius:12px;margin:.5rem 0;padding:.4rem .9rem;border:1px solid #ecdcc4}summary{cursor:pointer;font-weight:700;padding:.3rem 0}
.ans{background:#f2fbf3;border-right:4px solid #2e8b57;padding:.4rem .7rem;border-radius:8px;margin:.3rem 0}
table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;margin:.6rem 0}th,td{border:1px solid #ead9bf;padding:.45rem .6rem;text-align:right;vertical-align:top}th{background:#f3e3c8}
.tbwrap{overflow-x:auto}
.mountain{display:flex;align-items:flex-end;gap:.4rem;margin:1rem 0;flex-wrap:wrap}.mountain div{flex:1;min-width:120px;background:linear-gradient(180deg,#fff,#f6e6cf);border-radius:14px 14px 4px 4px;padding:.6rem;box-shadow:0 6px 0 #d9b98a;font-size:.9rem}
.mountain b{display:block;color:#8a2a3b}
.flow{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.flow span{background:#fff;border:2px solid #c98a1b;border-radius:12px;padding:.3rem .7rem}.flow i{font-style:normal;color:#8a2a3b;font-weight:800}
.tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}.tabs button{font:inherit;border:2px solid #8a2a3b;background:#fff;color:#8a2a3b;border-radius:999px;padding:.35rem .9rem;cursor:pointer;min-height:40px}.tabs button[aria-selected=true]{background:#8a2a3b;color:#fff}
.panel[hidden]{display:none}
.btn{display:inline-block;font:inherit;background:linear-gradient(180deg,#a8364a,#7a2333);color:#fff;border:0;border-radius:12px;padding:.5rem 1rem;cursor:pointer;text-decoration:none;box-shadow:0 5px 0 #4a1420;min-height:42px;margin:.2rem}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #4a1420}
.btn.alt{background:linear-gradient(180deg,#2a8a94,#1f6f78);box-shadow:0 5px 0 #0f4046}.btn.gold{background:linear-gradient(180deg,#e2a838,#c98a1b);color:#2b1a10;box-shadow:0 5px 0 #8a5a10}
.say{font:inherit;font-size:.85rem;background:#eef0ff;border:1px solid #9aa3e6;border-radius:999px;padding:.15rem .6rem;cursor:pointer;margin-inline-start:.4rem}
.files a.f{display:flex;gap:.5rem;align-items:center;background:#fff;border:1px solid #ecdcc4;border-radius:12px;padding:.5rem .8rem;margin:.3rem 0;text-decoration:none;color:#2b2236}
.files a.f b{color:#8a2a3b}
.pn{display:flex;justify-content:space-between;gap:1rem;margin:2rem 0 1rem;flex-wrap:wrap}.pn a{background:#fff;border:2px solid #c98a1b;border-radius:12px;padding:.5rem .9rem;text-decoration:none;color:#5b2333;font-weight:700}
footer{background:#3f1a26;color:#ffe9c4;text-align:center;padding:1.2rem;margin-top:2rem}footer img{width:44px;height:44px;border-radius:50%;vertical-align:middle;background:#fff;margin-left:.5rem}footer a{color:#ffd98a}
.gl{border-bottom:2px dotted #1f6f78;cursor:help;background:none;border-top:0;border-left:0;border-right:0;font:inherit;color:inherit;padding:0}
#glpop{position:fixed;bottom:1rem;right:1rem;left:1rem;max-width:520px;margin:auto;background:#fff;border:3px solid #1f6f78;border-radius:16px;padding:.8rem 1rem;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:50}
#glpop[hidden]{display:none}#glpop table{font-size:.9rem}
.hc{--paper:#fff;--ink:#000}.hc body{background:#fff}.hc .card,.hc .box{border:2px solid #000}
.game{background:#fff;border-radius:20px;padding:1rem;box-shadow:0 12px 28px rgba(0,0,0,.12);min-height:240px}
.gq{font-size:1.25rem;font-weight:700;margin:.5rem 0 1rem;background:#fffaf0;border-radius:12px;padding:.8rem;border:2px dashed #c98a1b}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.opts button{font:inherit;font-size:1.05rem;padding:.7rem;border-radius:14px;border:0;background:linear-gradient(180deg,#fff,#f1e3cb);box-shadow:0 5px 0 #d2b07c;cursor:pointer;min-height:54px}
.opts button.ok{background:#bff0c8;box-shadow:0 5px 0 #2e8b57}.opts button.no{background:#ffd0d0;box-shadow:0 5px 0 #c0392b}
.big .opts button{font-size:1.35rem;min-height:72px}
.score{display:flex;gap:1rem;justify-content:space-between;font-weight:700;color:#5b2333;flex-wrap:wrap}
.fb{min-height:1.6rem;font-weight:700;margin:.6rem 0}.hint{background:#fff7d6;border-radius:10px;padding:.4rem .7rem;margin:.4rem 0}
.order li{display:flex;align-items:center;gap:.4rem;background:#fff;border:2px solid #ecdcc4;border-radius:12px;padding:.4rem .6rem;margin:.35rem 0}.order li span{flex:1}.order button{font:inherit;min-width:40px;min-height:40px;border-radius:10px;border:1px solid #c98a1b;background:#fff8ea;cursor:pointer}
.order{list-style:none;padding:0}.order li.good{border-color:#2e8b57;background:#effaf1}.order li.bad{border-color:#c0392b}
.match{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.match button{display:block;width:100%;font:inherit;text-align:right;padding:.55rem;margin:.3rem 0;border-radius:12px;border:2px solid #ecdcc4;background:#fff;cursor:pointer;min-height:48px}.match button.sel{border-color:#1a5fd0;background:#eaf1ff}.match button.done{background:#d9f5df;border-color:#2e8b57;color:#235c33}
.embedcode textarea{width:100%;direction:ltr;font-family:monospace;font-size:.8rem;min-height:70px}
body.embed header.top,body.embed nav.main,body.embed .crumbs,body.embed footer,body.embed .pn,body.embed .noembed{display:none}body.embed main{padding:.4rem}
.stars{font-size:1.6rem;letter-spacing:.2rem}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:700px){nav.main ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}nav.main li{flex:0 0 auto}.a11y button{padding:.25rem .55rem}h1{font-size:1.5rem}.tiles{grid-template-columns:auto repeat(3,1fr);gap:.3rem}.tile{min-height:76px;font-size:.85rem;padding:.2rem}.cols2,.match{grid-template-columns:1fr}.brand{font-size:.95rem}}
@media print{header.top,nav.main,.crumbs,.pn,.a11y,.tabs,.noprint{display:none}body{background:#fff}.panel[hidden]{display:block}}