:root{--g:#1f7a5a;--g2:#e7f5ee;--b:#1d5fa8;--b2:#e6f0fb;--o:#d9772b;--o2:#fdf0e4;--y:#f2b705;--r:#c94040;--ink:#1d2a2a;--mut:#5b6b6b;--card:#fff;--bg:#f4f8f5;--rad:16px}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;font-family:"Rubik","Heebo","Noto Sans Hebrew","Assistant",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--b)}
.top{background:linear-gradient(135deg,#1f7a5a,#1d5fa8);color:#fff;padding:12px 14px;position:sticky;top:0;z-index:5;box-shadow:0 2px 8px #0002}
.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none}
.brand .globe{font-size:2rem}
.brand b{display:block;font-size:1.15rem}.brand small{opacity:.9}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;background:#fff;border-bottom:1px solid #dde7e2;position:sticky;top:64px;z-index:4;scrollbar-width:thin}
.tabs a{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:var(--g2);color:var(--g);text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap}
.tabs a.on{background:var(--g);color:#fff}
main{max-width:980px;margin:0 auto;padding:14px 12px 30px}
h1{font-size:1.5rem;margin:.3em 0 .4em}h2{font-size:1.25rem;margin:1.1em 0 .5em}h3{font-size:1.08rem;margin:.9em 0 .4em}
.lead{color:var(--mut);margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:118px;padding:12px;border-radius:var(--rad);background:var(--card);box-shadow:0 2px 6px #0001;text-decoration:none;color:var(--ink);font-weight:700;text-align:center;border:2px solid transparent}
.tile span{font-size:2.2rem}.tile small{font-weight:400;color:var(--mut);font-size:.85rem}
.tile:active{border-color:var(--g)}
.box{background:var(--card);border-radius:var(--rad);padding:14px;box-shadow:0 2px 6px #0001;margin:12px 0}
.note{background:#fff8e1;border:2px dashed var(--y);border-radius:var(--rad);padding:12px 14px;margin:12px 0;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 18px;border-radius:12px;border:0;background:var(--g);color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin:4px 0 4px 6px}
.btn.alt{background:var(--b)}.btn.ghost{background:#fff;color:var(--g);border:2px solid var(--g)}.btn.warn{background:var(--o)}.btn.sm{min-height:40px;padding:6px 12px;font-size:.92rem}
.btn:disabled{opacity:.45}
input[type=text],input[type=url],textarea,select{width:100%;font:inherit;padding:10px 12px;border:2px solid #cfdcd6;border-radius:12px;background:#fff}
textarea{min-height:110px;resize:vertical}
.q{background:#fff;border-radius:var(--rad);padding:12px 14px;margin:10px 0;box-shadow:0 1px 4px #0001;border-right:6px solid var(--g)}
.q .tag{display:inline-block;font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:999px;margin-bottom:4px}
.lvl-גלוי{border-color:#2e9d6b}.tag.lvl-גלוי{background:#dff3e8;color:#1b6b47}
.lvl-משתמע{border-color:#1d5fa8}.tag.lvl-משתמע{background:#e2ecfa;color:#164a85}
.lvl-פרשנות{border-color:#8a4fc2}.tag.lvl-פרשנות{background:#efe5f9;color:#6a3699}
.lvl-הערכה{border-color:#d9772b}.tag.lvl-הערכה{background:#fdebdc;color:#9b4e12}
.tag.cat{background:#eef2f1;color:#334}
.q p.qt{font-weight:700;margin:.2em 0 .5em}
.opts{display:grid;gap:8px}
.opt{text-align:right;min-height:48px;padding:10px 12px;border-radius:12px;border:2px solid #cfdcd6;background:#fbfdfc;font:inherit;cursor:pointer;color:var(--ink)}
.opt.ok{background:#dff3e8;border-color:#2e9d6b;font-weight:700}.opt.no{background:#fbe3e3;border-color:var(--r)}
.fb{margin-top:8px;padding:8px 12px;border-radius:10px;display:none}.fb.show{display:block}.fb.ok{background:#e9f7ef}.fb.no{background:#fdeeee}
.model{display:none;margin-top:8px;background:var(--b2);border-radius:10px;padding:8px 12px}.model.show{display:block}
.score{margin:8px 0;background:#fff;border:2px solid var(--g);border-radius:999px;padding:6px 14px;display:inline-block;font-weight:700;box-shadow:0 2px 8px #0002}
.text p{margin:.6em 0;font-size:1.05rem;line-height:1.85}
.text .pn{display:inline-flex;align-items:center;justify-content:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--g);color:#fff;font-weight:700;margin-left:6px;font-size:.85rem}
.narr li{margin:.25em 0}
.video-wrap{position:relative;padding-top:56.25%;border-radius:var(--rad);overflow:hidden;background:#000}
.video-wrap iframe,.video-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0}
/* game */
.game{display:grid;gap:12px}
.wheel-area{display:flex;flex-direction:column;align-items:center;gap:10px}
.wheel{width:230px;height:230px;border-radius:50%;background:conic-gradient(#1d5fa8 0 120deg,#d9772b 120deg 240deg,#2e9d6b 240deg 360deg);position:relative;transition:transform 2.6s cubic-bezier(.17,.67,.2,1);box-shadow:0 4px 14px #0003;border:6px solid #fff}
.wheel span{position:absolute;color:#fff;font-weight:800;font-size:1rem;width:90px;text-align:center}
.pointer{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid var(--ink);margin-bottom:-14px;z-index:2}
.card{border-radius:20px;padding:22px 18px;min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:1.35rem;font-weight:700;box-shadow:0 6px 16px #0003;animation:pop .35s ease}
.card small{display:block;font-size:.95rem;font-weight:600;opacity:.95;margin-bottom:8px}
.c-deot{background:linear-gradient(135deg,#1d5fa8,#3b82c9)}.c-dilemot{background:linear-gradient(135deg,#c8641d,#e89540)}.c-ma{background:linear-gradient(135deg,#1f7a5a,#38a77c)}
.card.blank{background:#e9efec;color:var(--mut)}
@keyframes pop{from{transform:scale(.85) rotateY(70deg);opacity:.3}to{transform:none;opacity:1}}
.timer{font-size:2.6rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.timer.low{color:var(--r)}
.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.team{background:#fff;border-radius:14px;padding:10px;border:3px solid #dfe7e3;text-align:center}
.team.cur{border-color:var(--y);background:#fffbea}
.team input{text-align:center;font-weight:700;padding:6px}
.team .pts{font-size:2rem;font-weight:800}
.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{min-height:44px;padding:6px 14px;border-radius:999px;border:2px solid #cfdcd6;background:#fff;font:inherit;font-weight:600;cursor:pointer}
.seg button.on{background:var(--g);color:#fff;border-color:var(--g)}
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.deck .card{min-height:130px;font-size:1.05rem;padding:14px;animation:none}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cell{background:#fff;border-radius:14px;padding:10px 8px;min-height:150px;border:3px solid #dfe7e3;cursor:pointer;font:inherit;text-align:center;color:var(--ink);display:flex;flex-direction:column;gap:4px;align-items:center}
.cell b{font-size:.98rem}.cell small{font-size:.82rem;color:var(--mut);line-height:1.4}
.cell .e{font-size:1.5rem}
.cell.center{background:#fff6d6;border-color:var(--y)}
.cell.sel{border-color:var(--g);background:#e5f5ec}
.cell.sel::after{content:"✔ בחרתי";font-weight:700;color:var(--g);font-size:.85rem}
table{border-collapse:collapse;width:100%;background:#fff;font-size:.95rem}
th,td{border:1px solid #d6e1dc;padding:7px 8px;vertical-align:top;text-align:right}
th{background:var(--g2)}
.conn{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.conn div{background:#fff;border-radius:12px;padding:8px 10px;border-top:4px solid var(--b)}
.conn b{display:block;color:var(--b)}
.chip{display:inline-block;padding:4px 10px;margin:3px;border-radius:999px;background:var(--b2);cursor:pointer;border:0;font:inherit;font-size:.92rem}
.wc{font-weight:700;color:var(--g)}
.check label{display:flex;gap:8px;align-items:flex-start;padding:4px 0}
.check input{width:22px;height:22px;flex:0 0 auto;margin-top:3px}
details{background:#fff;border-radius:12px;padding:8px 12px;margin:8px 0;box-shadow:0 1px 4px #0001}
summary{font-weight:700;cursor:pointer;min-height:36px;display:flex;align-items:center}
.ans li{margin:.2em 0}
.foot{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-top:1px solid #dde7e2;background:#fff;color:var(--mut);font-weight:600}
.foot img{border-radius:8px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#1d2a2a;color:#fff;padding:10px 18px;border-radius:999px;z-index:20;font-weight:600}
@media(min-width:760px){html{font-size:18px}.game{grid-template-columns:1fr 1fr}.tabs{justify-content:center;flex-wrap:wrap}}
@media(max-width:420px){.cell{min-height:170px}.cell small{font-size:.75rem}.board{gap:5px}.tile{min-height:104px}}
body.proj{font-size:120%}

.big-slides{display:flex;width:100%;min-height:64px;font-size:1.3rem;background:linear-gradient(135deg,#d9772b,#f2b705);margin:0 0 14px;box-shadow:0 3px 10px #0002}