:root{--bg:#fff8ee;--ink:#2b1d14;--pri:#b4462b;--pri2:#e07b39;--gold:#e8b234;--grn:#2e8b57;--blu:#2856a3;--card:#fff;--mut:#7a6656;--tA:#d9622b;--tB:#6a3fb5}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Rubik","Heebo","Noto Sans Hebrew",Arial,sans-serif;font-size:18px;line-height:1.45}
body{background-image:repeating-linear-gradient(45deg,rgba(180,70,43,.04) 0 12px,transparent 12px 24px)}
button{font:inherit;cursor:pointer}
a{color:var(--blu)}
.wrap{max-width:900px;margin:0 auto;padding:12px}
header.top{background:linear-gradient(135deg,#7a2e1a,#b4462b 55%,#e07b39);color:#fff;padding:14px 12px 16px;border-bottom:6px solid var(--gold);position:relative;overflow:hidden}
header.top::after{content:"";position:absolute;inset:auto 0 0 0;height:10px;background:repeating-linear-gradient(90deg,#e8b234 0 14px,#2e8b57 14px 28px,#b4462b 28px 42px,#fff8ee 42px 56px)}
header.top h1{margin:0 0 4px;font-size:1.7rem;line-height:1.2}
.date{display:inline-block;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 12px;font-size:.92rem;margin-top:4px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.tbtn{border:2px solid #fff;background:rgba(255,255,255,.15);color:#fff;border-radius:999px;padding:8px 14px;min-height:46px;font-weight:600}
.tbtn[aria-pressed=true]{background:#fff;color:var(--pri)}
.tiles{display:grid;grid-template-columns:1fr;gap:14px;margin:16px 0}
@media(min-width:620px){.tiles{grid-template-columns:1fr 1fr}}
.tile{display:flex;align-items:center;gap:14px;text-align:right;border:0;border-radius:22px;padding:18px;min-height:112px;color:#fff;box-shadow:0 6px 0 rgba(0,0,0,.18);transition:transform .12s}
.tile:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.18)}
.tile .ic{font-size:2.8rem;line-height:1;background:rgba(255,255,255,.22);border-radius:18px;width:74px;height:74px;display:flex;align-items:center;justify-content:center;flex:none}
.tile b{display:block;font-size:1.3rem}
.tile small{display:block;opacity:.95;font-size:.95rem}
.t1{background:linear-gradient(135deg,#2e8b57,#46a86f)}.t2{background:linear-gradient(135deg,#b4462b,#e07b39)}.t3{background:linear-gradient(135deg,#c48a10,#e8b234);color:#2b1d14}.t4{background:linear-gradient(135deg,#2856a3,#4a7fd1)}.t5{background:linear-gradient(135deg,#6a3fb5,#9a6ad9)}
.intro{background:var(--card);border-radius:18px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.intro p{margin:.3em 0}
.hidden{display:none!important}
.bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--card);border-radius:16px;padding:8px 10px;box-shadow:0 2px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:5}
.bar h2{margin:0;font-size:1.15rem;flex:1;min-width:140px}
.pill{background:#f3e6d6;border-radius:999px;padding:6px 12px;font-weight:700;white-space:nowrap}
.btn{border:0;border-radius:14px;padding:10px 16px;min-height:50px;font-weight:700;background:var(--pri);color:#fff;box-shadow:0 4px 0 #7a2e1a}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #7a2e1a}
.btn.sec{background:#f3e6d6;color:var(--ink);box-shadow:0 4px 0 #d6c3ad}
.btn.grn{background:var(--grn);box-shadow:0 4px 0 #1d5c39}
.btn.blu{background:var(--blu);box-shadow:0 4px 0 #173a73}
.btn.sm{min-height:44px;padding:8px 12px;font-size:.95rem}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.card{background:var(--card);border-radius:22px;padding:16px;margin:12px 0;box-shadow:0 4px 14px rgba(0,0,0,.08);border-top:8px solid var(--gold)}
.qnum{color:var(--mut);font-size:.9rem;font-weight:700}
.tag{display:inline-block;background:#ffe9b8;border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:700;margin-inline-start:6px}
.clue{white-space:pre-line;font-size:1.15rem;line-height:1.6;margin:8px 0;background:#fffaf2;border-radius:14px;padding:12px;border-inline-start:6px solid var(--pri2)}
.emo{font-size:2.6rem;letter-spacing:.08em;text-align:center;margin:10px 0;line-height:1.35;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;direction:ltr;unicode-bidi:isolate}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.opt{border:3px solid #ead9c4;background:#fff;border-radius:16px;padding:12px 8px;min-height:62px;font-size:1.1rem;font-weight:700;color:var(--ink)}
.opt.ok{background:#d9f5e3;border-color:var(--grn)}.opt.no{background:#fde0da;border-color:#c0392b;opacity:.75}
.typ{display:flex;gap:8px;margin:12px 0}
.typ input{flex:1;font:inherit;font-size:1.25rem;padding:10px 12px;border:3px solid #ead9c4;border-radius:14px;min-height:54px;min-width:0}
.fb{min-height:1.4em;font-weight:700;margin:6px 0;font-size:1.05rem}
.fb.ok{color:var(--grn)}.fb.no{color:#b03a2e}
.hint{background:#eef4ff;border-radius:14px;padding:10px 12px;margin:8px 0;border-inline-start:6px solid var(--blu)}
.exp{background:#eaf8ef;border-radius:14px;padding:12px;margin:10px 0;border-inline-start:6px solid var(--grn)}
.exp .big{font-size:1.5rem;font-weight:800}
.nq{font-family:"Noto Sans Hebrew","Rubik",Arial,sans-serif}
/* kafed cut */
.cutw{display:flex;gap:4px;justify-content:center;margin:8px 0;flex-wrap:wrap}
.cutw span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:52px;border-radius:10px;background:#fff;border:3px solid var(--grn);font-size:1.6rem;font-weight:800;transition:all .6s}
.cutw span.gone{background:#fde0da;border-color:#c0392b;text-decoration:line-through;opacity:.35;transform:translateY(14px) rotate(-12deg)}
/* hangman */
.hgrid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:700px){.hgrid{grid-template-columns:260px 1fr}}
.draw{background:linear-gradient(#dff1ff,#fff8ee);border-radius:18px;text-align:center;padding:6px}
.draw svg{width:100%;max-width:260px;height:auto}
.slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0;direction:rtl}
.slot{width:36px;height:46px;border-bottom:4px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800}
.slot.sp{border:0;width:18px}
.slot.rev{color:#b03a2e}
.kb{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;direction:rtl}
@media(min-width:520px){.kb{grid-template-columns:repeat(8,1fr)}}
.key{min-height:52px;border-radius:12px;border:0;background:#f3e6d6;font-size:1.45rem;font-weight:800;color:var(--ink);box-shadow:0 3px 0 #d6c3ad}
.key.ok{background:var(--grn);color:#fff;box-shadow:none}.key.no{background:#ddd;color:#999;box-shadow:none}
.lives{font-size:1.1rem;font-weight:700;text-align:center}
/* rebus */
.reb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:12px 0;direction:rtl;background:#fffaf2;border-radius:18px;padding:14px 8px;border:3px dashed #e8b234}
.rp{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:16px;padding:6px 8px;border:4px solid #b4462b;box-shadow:3px 3px 0 #e8b234;min-width:84px}
.rp .em{font-size:3.4rem;line-height:1.15;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.rp .lb{font-size:.95rem;font-weight:700;color:var(--grn);min-height:1.2em}
.rt{font-size:2.3rem;font-weight:900;color:var(--blu);background:#eef4ff;border-radius:12px;padding:2px 12px}
.ro{font-size:2.2rem;font-weight:900;color:var(--pri)}
.rsp{width:100%;height:0}
/* cipher */
.enc{font-size:1.8rem;font-weight:800;text-align:center;letter-spacing:.06em;background:#10233f;color:#ffe9b8;border-radius:16px;padding:14px 8px;margin:10px 0;word-break:break-word}
.enc.num{font-size:1.25rem;direction:ltr;letter-spacing:0}
.encsym{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;background:#10233f;border-radius:16px;padding:12px;direction:rtl}
.encsym .gap{width:22px}
.sym{width:42px;height:42px;background:#fff;border-radius:8px;padding:3px}
.keytbl{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;margin:8px 0;direction:rtl}
.keytbl div{background:#fff;border:2px solid #ead9c4;border-radius:10px;text-align:center;padding:3px 0;font-weight:700;font-size:1.05rem}
.keytbl div small{display:block;color:var(--pri);font-size:1.05rem}
.keytbl .sym{width:36px;height:36px;margin:0 auto;display:block;border:0}
details.ckey{background:#f8f1e6;border-radius:14px;padding:8px 12px;margin:8px 0}
details.ckey summary{font-weight:800;cursor:pointer;min-height:40px;display:flex;align-items:center}
.boxes{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:8px 0;direction:rtl}
.boxes span.bx{width:32px;height:40px;border:2px solid #9bb3d9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;background:#fff}
.boxes span.sp{width:14px}
.tool{background:#eef4ff;border-radius:18px;padding:14px;margin:12px 0}
.tool select,.tool textarea{font:inherit;width:100%;border:3px solid #9bb3d9;border-radius:12px;padding:8px;min-height:50px;margin:6px 0}
.out{background:#10233f;color:#ffe9b8;border-radius:12px;padding:10px;min-height:54px;font-size:1.3rem;font-weight:700;word-break:break-word}
/* team */
.teams{display:flex;gap:8px;margin:8px 0}
.team{flex:1;border-radius:16px;padding:8px;text-align:center;color:#fff;font-weight:800;font-size:1.1rem;opacity:.55;border:4px solid transparent}
.team.on{opacity:1;border-color:#2b1d14;transform:scale(1.03)}
.team .sc{font-size:1.8rem;display:block}
.tA{background:var(--tA)}.tB{background:var(--tB)}
.levels{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.lv{border:2px solid var(--pri);background:#fff;color:var(--pri);border-radius:999px;padding:6px 14px;min-height:44px;font-weight:700}
.lv[aria-pressed=true]{background:var(--pri);color:#fff}
.end{text-align:center}
.end .trophy{font-size:4rem}
footer{margin:28px 0 12px;text-align:center;color:var(--mut);font-size:.95rem}
footer img{width:64px;height:64px;border-radius:12px;display:block;margin:0 auto 6px}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:50}
body.proj{font-size:22px}
body.proj .wrap{max-width:1200px}
body.proj .emo{font-size:4rem}body.proj .rp .em{font-size:5rem}body.proj .enc{font-size:2.6rem}body.proj .clue{font-size:1.5rem}
.easybadge{display:none}
body.easy .easybadge{display:inline-block}
@media print{header.top .toolbar,.bar,#confetti{display:none}}

.sub{margin:0}
body.ingame .sub,body.ingame .date{display:none}
body.ingame header.top{padding:8px 12px 14px}
body.ingame header.top h1{font-size:1.25rem}
@media(max-width:520px){.tbtn{padding:6px 10px;min-height:44px;font-size:.88rem}.toolbar{gap:6px}}
.emo.long{font-size:2.05rem;letter-spacing:.02em}
@media(max-width:420px){.rp{min-width:64px;padding:4px 6px}.rp .em{font-size:2.7rem}.rt{font-size:1.8rem;padding:2px 8px}.ro{font-size:1.8rem}.reb{gap:5px;padding:10px 4px}}
.draw svg{max-width:220px}
.rp .em{position:relative}.pct{position:absolute;bottom:2px;left:-4px;background:#c0392b;color:#fff;font-family:Rubik,Arial,sans-serif;font-size:1rem;border-radius:8px;padding:0 5px;line-height:1.4}
.numt{min-width:42px;height:42px;background:#fff;color:#10233f;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;padding:0 4px}.out{direction:rtl}

.bar{padding:6px 8px;gap:6px}.bar h2{font-size:1rem;min-width:0}.pill{padding:4px 9px;font-size:.88rem}
.teams{margin:6px 0;gap:6px}.team{padding:4px 6px;font-size:.98rem;display:flex;align-items:center;justify-content:center;gap:8px}.team .sc{display:inline;font-size:1.35rem}.team.on{transform:none}
details.set{background:#fff;border-radius:14px;padding:4px 10px;margin:6px 0;box-shadow:0 2px 6px rgba(0,0,0,.05)}details.set summary{min-height:42px;display:flex;align-items:center;font-weight:700;cursor:pointer}
details.set .levels{margin:4px 0}
body.proj .team{font-size:1.4rem}body.proj .team .sc{font-size:2rem}
@media(max-width:520px){.draw svg{max-width:170px}}
.wgrp{display:inline-flex;gap:6px;flex-wrap:nowrap}