
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Heebo,'Noto Sans Hebrew',Arial,sans-serif;background:#f1f5f9;color:#1e293b;direction:rtl;min-height:100vh;display:flex;flex-direction:column}
header{background:linear-gradient(135deg,#1e3a8a,#6d28d9 60%,#db2777);color:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px}
header .logo{border-radius:12px;background:#fff;padding:3px}
h1{font-family:'Secular One',Heebo,sans-serif;margin:0;font-size:1.5rem;line-height:1.1}
header p{margin:2px 0 0;opacity:.9;font-size:.92rem}
nav{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
nav button{border:0;background:none;padding:8px 2px 7px;font-size:1.35rem;display:flex;flex-direction:column;align-items:center;gap:2px;color:#475569;font-family:inherit;cursor:pointer;min-height:56px;border-bottom:3px solid transparent}
nav button span{font-size:.74rem;font-weight:700}
nav button.on{color:#6d28d9;border-bottom-color:#6d28d9;background:#f5f3ff}
main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:14px}
.tab{display:none}.tab.on{display:block}
button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.big{border:0;border-radius:16px;padding:16px 8px;min-height:64px;font-size:1.15rem;font-weight:800;color:#fff;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.big small{display:block;font-weight:400;font-size:.78rem;opacity:.9}
.big:active,.mid:active{transform:translateY(2px);box-shadow:none}
.b-prop{background:linear-gradient(135deg,#2563eb,#7c3aed)}.b-ev{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.b-up{background:#16a34a}.b-down{background:#dc2626}.b-gray{background:#475569}
.mid{border:2px solid #cbd5e1;background:#fff;border-radius:14px;padding:12px;min-height:52px;font-size:1rem;font-weight:700;color:#1e293b;width:100%}
.stage{min-height:300px;display:flex;align-items:center;justify-content:center}
.empty{color:#64748b;text-align:center;padding:30px 10px;border:2px dashed #cbd5e1;border-radius:18px;width:100%}
.card{width:100%;max-width:640px;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.14);animation:pop .35s ease}
@keyframes pop{from{transform:scale(.92) rotate(-1deg);opacity:0}to{transform:none;opacity:1}}
.card .band{color:#fff;font-weight:800;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:1.05rem}
.card .band .sh{background:#fef3c7;color:#92400e;border-radius:10px;padding:2px 8px;font-size:.85rem}
.card .tt{font-family:'Secular One',Heebo;font-size:clamp(1.6rem,5vw,2.6rem);text-align:center;padding:12px 14px 6px;line-height:1.15}
.ver{margin:10px 14px;border-radius:14px;padding:12px 14px;background:#fff;font-size:clamp(1.05rem,2.6vw,1.45rem);line-height:1.45;border:3px solid;cursor:pointer;transition:.2s}
.ver.comp{border-style:dashed}
.ver.dim{opacity:.35}
.ver .lab{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.9em;margin-bottom:4px}
.mt{border-radius:10px;padding:1px 9px;color:#fff;font-size:.85em;white-space:nowrap}
.mt.pos{background:#16a34a}.mt.neg{background:#dc2626}.mt.zer{background:#64748b}
.need{text-align:center;color:#92400e;font-weight:800;padding:0 10px 12px}
.card.ev{background:linear-gradient(160deg,#fef9c3,#fde68a);border:4px solid #f59e0b;text-align:center;padding-bottom:20px}
.card.ev .top{background:#f59e0b;color:#fff;font-weight:800;padding:8px}
.card.ev .em{font-size:4rem;margin-top:10px}
.card.ev .tx{font-size:clamp(1.15rem,3vw,1.6rem);line-height:1.5;padding:4px 20px}
.tip{font-size:.85rem;color:#64748b;text-align:center;margin:6px 0 0}
.all{margin-top:14px;background:#fff;border-radius:14px;padding:4px 12px}
.all summary{font-weight:800;padding:12px 0;cursor:pointer;min-height:44px}
.allp{display:grid;gap:8px;padding-bottom:12px}
.allp button{text-align:right;border:0;border-radius:12px;padding:12px;font-size:1rem;font-weight:700;min-height:48px}
.vrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vbox{border-radius:18px;padding:12px;text-align:center;color:#fff}
.vbox.yes{background:#16a34a}.vbox.no{background:#dc2626}
.vl{font-weight:800;font-size:1.2rem}
.vn{font-family:'Secular One',Heebo;font-size:clamp(3.5rem,14vw,6rem);line-height:1.1}
.vb{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vb button{border:0;border-radius:12px;background:rgba(255,255,255,.25);color:#fff;font-size:2rem;font-weight:800;min-height:60px}
.chk{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px;margin:10px 0 0;font-weight:700;min-height:52px}
.chk input{width:24px;height:24px;flex:none}
.verdict{margin:12px 0;border-radius:16px;padding:16px;text-align:center;font-size:1.4rem;font-weight:800;background:#e2e8f0}
.verdict.pass{background:#dcfce7;color:#166534}.verdict.fail{background:#fee2e2;color:#991b1b}
.hint{color:#64748b;text-align:center;font-size:.92rem}
.mwrap{text-align:center;background:#fff;border-radius:18px;padding:12px}
.mface{font-size:3.4rem}.mnum{font-family:'Secular One',Heebo;font-size:5rem;line-height:1}
.mbonus{font-weight:800;margin-top:4px;min-height:1.5em}
.mbar{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin:12px 0;direction:ltr}
.mbar div{height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem;opacity:.35}
.mbar div.cur{opacity:1;outline:3px solid #1e293b;outline-offset:1px}
.turn{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;padding:10px;margin-bottom:10px;text-align:center}
.sq{width:60px;height:60px;border-radius:14px;border:2px solid #cbd5e1;background:#f8fafc;font-size:1.8rem;font-weight:800}
.tl{font-weight:700;color:#64748b}.tn{font-family:'Secular One',Heebo;font-size:2rem}.tev{font-weight:800;color:#b45309;min-height:1.3em}
.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.presets button{border:2px solid #cbd5e1;background:#fff;border-radius:12px;padding:8px 2px;font-size:.78rem;font-weight:700;min-height:64px;line-height:1.3}
.presets button b{font-size:1.2rem}
.presets button.on{border-color:#6d28d9;background:#f5f3ff;color:#6d28d9}
.clock{font-family:'Secular One',Heebo;font-size:clamp(5rem,26vw,11rem);text-align:center;line-height:1.1;margin:14px 0 4px;direction:ltr;color:#1e293b;transition:color .3s}
.clock.warn{color:#ea580c}.clock.end{color:#dc2626;animation:blink .5s 6}
@keyframes blink{50%{opacity:.2}}
.rules details{background:#fff;border-radius:14px;margin-bottom:10px;padding:2px 14px;line-height:1.6}
.rules summary{font-weight:800;font-size:1.1rem;padding:12px 0;cursor:pointer;min-height:48px}
.rules ol,.rules ul{padding-right:20px;margin:0 0 12px}.rules li{margin-bottom:5px}
.n{direction:ltr;unicode-bidi:isolate;display:inline-block}
.files{display:grid;gap:10px}
.file{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px;text-decoration:none;color:#1e293b;box-shadow:0 2px 0 #e2e8f0;min-height:70px;border:2px solid #e2e8f0}
.file:active{background:#f5f3ff}
.fe{font-size:2rem}.ft{flex:1;display:flex;flex-direction:column}.ft small{color:#64748b;margin-top:2px}
.fk{background:#6d28d9;color:#fff;border-radius:10px;padding:4px 10px;font-weight:800;font-size:.85rem}
footer{text-align:center;padding:16px;color:#475569;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}
footer img{border-radius:6px}
@media(min-width:760px){.row2{max-width:640px;margin-left:auto;margin-right:auto}.presets{max-width:640px;margin:0 auto}.vrow,.verdict,.chk,#vote .mid,#meter>*{max-width:640px;margin-left:auto;margin-right:auto}}
:fullscreen main{max-width:none}
