.account-wrap{position:relative;display:inline-flex}.account-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:transform var(--duration-fast, .15s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),opacity var(--duration-fast, .15s) ease-out}.account-btn:hover{opacity:.8}.account-btn:active{transform:scale(.94)}.account-avatar{width:28px;height:28px;border-radius:50%}.account-initial{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-accent, #0a5c8f);color:var(--color-on-accent, #fff);font-size:.85rem;font-weight:700;line-height:1}.account-popover{position:absolute;top:calc(100% + .5rem);inset-inline-end:0;z-index:40;min-width:11rem;max-width:min(80vw,16rem);padding:.85rem;background:var(--color-surface, #fff);color:var(--color-text, #222);border:1px solid var(--color-border, rgb(0 0 0 / .12));border-radius:var(--radius-md, 12px);box-shadow:0 10px 30px #00000029;text-align:start;animation:fade-in var(--duration-fast, .15s) ease-out}.account-name{font-weight:700;font-size:.95rem;overflow-wrap:anywhere}.account-email{margin-top:.15rem;font-size:.8rem;opacity:.7;overflow-wrap:anywhere}.account-signout{margin-top:.75rem;width:100%;min-height:44px;border:1px solid var(--color-border, rgb(0 0 0 / .15));border-radius:var(--radius-sm, 8px);font-weight:600;font-size:.9rem;transition:opacity var(--duration-fast, .15s) ease-out}.account-signout:hover{background:var(--color-surface-2, rgb(0 0 0 / .05))}.account-signout:active{opacity:.7}.cloud-nudge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem .9rem;margin-block:.75rem;padding:.85rem 1rem;background:var(--color-accent-soft, rgb(10 92 143 / .07));border:1px dashed var(--color-accent, #0a5c8f);border-radius:var(--radius-md, 12px)}.cloud-nudge-text{font-size:.9rem;text-align:center}.cloud-nudge-btn{min-height:44px;padding:0 1.15rem;border-radius:999px;background:var(--color-accent, #0a5c8f);color:var(--color-on-accent, #fff);font-weight:600;font-size:.9rem;transition:transform var(--duration-fast, .15s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),opacity var(--duration-fast, .15s) ease-out}.cloud-nudge-btn:hover{opacity:.88}.cloud-nudge-btn:active{transform:scale(.97)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;direction:rtl;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}:focus-visible{outline:2px solid var(--color-accent, #0a5c8f);outline-offset:2px}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:1rem;z-index:50;animation:fade-in var(--duration-fast, .15s) ease-out}.modal-panel{background:var(--color-surface, #fff);color:var(--color-text, #222);border-radius:var(--radius-lg, 16px);width:min(30rem,100%);max-height:min(85dvh,44rem);overflow-y:auto;padding:1.25rem 1.25rem 1.5rem;box-shadow:0 20px 60px #0000004d;animation:pop-in var(--duration-normal, .3s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.modal-close{font-size:1rem;line-height:1;padding:.5rem;border-radius:50%;opacity:.6}.modal-close:hover{opacity:1}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.toast{position:fixed;bottom:max(1.25rem,env(safe-area-inset-bottom));inset-inline:0;margin-inline:auto;width:fit-content;max-width:90vw;background:var(--color-text, #222);color:var(--color-surface, #fff);padding:.6rem 1.1rem;border-radius:999px;font-size:.9rem;z-index:60;animation:fade-in .15s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:Secular One;font-style:normal;font-display:swap;font-weight:400;src:url(/mechane/assets/secular-one-hebrew-400-normal-BGED0j6b.woff2) format("woff2"),url(/mechane/assets/secular-one-hebrew-400-normal-64rITXLy.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:400;src:url(/mechane/assets/heebo-hebrew-400-normal-CVTJgQVK.woff2) format("woff2"),url(/mechane/assets/heebo-hebrew-400-normal-DoqplqF9.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(/mechane/assets/heebo-hebrew-700-normal-BmueYKsA.woff2) format("woff2"),url(/mechane/assets/heebo-hebrew-700-normal-C-m02vPD.woff) format("woff")}:root{--color-ink: #16161d;--color-paper: #faf7f2;--color-card: #fffdf9;--color-accent: #e94f37;--color-accent-dark: #c93a24;--color-mustard: #f0b429;--color-mustard-soft: #fbe8b8;--color-muted: #6d6a63;--color-line: #16161d;--color-win: #2a9d5c;--color-surface: var(--color-card);--color-text: var(--color-ink);--color-on-accent: #fff;--color-border: var(--color-line);--color-surface-2: rgb(22 22 29 / .05);--color-accent-soft: rgb(233 79 55 / .08);--font-display: "Secular One", "Heebo", sans-serif;--font-ui: "Heebo", system-ui, sans-serif;--text-sm: .85rem;--text-base: 1rem;--text-lg: clamp(1.1rem, 1rem + .6vw, 1.3rem);--text-xl: clamp(1.4rem, 1.2rem + 1vw, 1.8rem);--text-logo: clamp(1.7rem, 1.4rem + 1.6vw, 2.3rem);--space-1: .35rem;--space-2: .65rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--border-card: 2px solid var(--color-line);--shadow-card: 4px 4px 0 var(--color-line);--shadow-card-sm: 3px 3px 0 var(--color-line);--duration-fast: .15s;--duration-normal: .3s;--duration-reveal: .48s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}body{background:radial-gradient(circle at 85% -10%,rgb(240 180 41 / .14),transparent 42%),radial-gradient(circle at 5% 110%,rgb(233 79 55 / .09),transparent 45%),var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55}.app{max-width:34rem;margin-inline:auto;padding:var(--space-3) var(--space-3) var(--space-5);display:flex;flex-direction:column;min-height:100dvh}.site-header{border-bottom:3px solid var(--color-line);padding-bottom:var(--space-2);margin-bottom:var(--space-3)}.site-header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.logo{font-family:var(--font-display);font-weight:400;font-size:var(--text-logo);line-height:1.1;letter-spacing:-.01em;display:flex;align-items:baseline;gap:var(--space-1)}.logo-pin{color:var(--color-accent);transform:rotate(12deg);align-self:center}.tagline{font-size:var(--text-sm);color:var(--color-muted);margin-top:2px}.header-actions{display:flex;gap:var(--space-1)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);border:2px solid transparent;color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) ease}.icon-btn:hover{background:var(--color-mustard-soft);border-color:var(--color-line);transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.progress-dots{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-line);background:transparent;transition:transform var(--duration-fast) var(--ease-out-expo)}.dot-current{background:var(--color-accent);border-color:var(--color-accent-dark);transform:scale(1.25)}.dot-wrong{background:var(--color-ink)}.dot-skip{background:var(--color-mustard)}.dot-win{background:var(--color-win);border-color:var(--color-win);transform:scale(1.25)}.board{flex:1}.clue-board{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2);perspective:900px;margin-bottom:var(--space-4)}.clue-card{min-height:3.4rem;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-card);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-card)}.clue-card.open{animation:card-reveal var(--duration-reveal) var(--ease-out-expo) backwards}@keyframes card-reveal{0%{opacity:0;transform:rotateX(-65deg) translateY(-6px)}60%{transform:rotateX(8deg)}to{opacity:1;transform:rotateX(0)}}.clue-num{font-family:var(--font-display);font-size:1.1rem;width:2rem;height:2rem;flex-shrink:0;display:grid;place-items:center;background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-sm)}.clue-text{font-size:var(--text-lg);font-weight:700}.clue-card.closed{justify-content:center;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgb(22 22 29 / .05) 10px 20px),var(--color-paper);box-shadow:var(--shadow-card-sm);border-style:dashed;color:transparent}.clue-facedown-num{font-family:var(--font-display);font-size:1.7rem;color:transparent;-webkit-text-stroke:1.5px rgb(22 22 29 / .4)}.guess-area{display:flex;flex-direction:column;gap:var(--space-2)}.guess-form{display:flex;gap:var(--space-2)}.guess-form.shake{animation:shake .5s var(--ease-out-expo)}@keyframes shake{15%{transform:translate(-8px)}35%{transform:translate(7px)}55%{transform:translate(-5px)}75%{transform:translate(3px)}}.guess-input{flex:1;min-width:0;min-height:48px;padding:var(--space-2) var(--space-3);border:var(--border-card);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-card-sm);font-size:var(--text-lg);font-weight:700}.guess-input::placeholder{color:var(--color-muted);font-weight:400}.guess-input:focus{outline:none;border-color:var(--color-accent);box-shadow:3px 3px 0 var(--color-accent)}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:var(--border-card);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.01em;background:var(--color-card);color:var(--color-ink);box-shadow:var(--shadow-card-sm);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo);text-decoration:none}.btn:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--color-line)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-line)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--shadow-card-sm)}.btn-primary{background:var(--color-accent);color:var(--color-paper)}.btn-primary:hover{background:var(--color-accent-dark)}.btn-skip{align-self:center;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);background:var(--color-mustard-soft)}.tries{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-1)}.tries-label{font-size:var(--text-sm);font-weight:700;color:var(--color-muted)}.tries-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.try-item{font-size:var(--text-sm);text-decoration:line-through;color:var(--color-muted);background:#16161d0f;border-radius:999px;padding:2px 10px}.choice-panel{display:flex;flex-direction:column;gap:var(--space-2)}.choice-title{font-weight:700;text-align:center;color:var(--color-accent-dark)}.choice-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(min-width:480px){.choice-grid{grid-template-columns:1fr 1fr}}.btn-choice{font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);min-height:56px;text-align:center}.btn-choice:hover{background:var(--color-mustard-soft)}.result-card{border:var(--border-card);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-3);text-align:center;animation:card-reveal var(--duration-reveal) var(--ease-out-expo) backwards}.result-kicker{font-weight:700;color:var(--color-muted)}.result-card.won .result-kicker{color:var(--color-win)}.result-category{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);margin:var(--space-1) 0 var(--space-2);color:var(--color-accent)}.result-card.lost .result-category{color:var(--color-ink)}.result-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-3)}.chip{font-size:var(--text-sm);font-weight:700;border:2px solid var(--color-line);border-radius:999px;padding:1px 12px}.chip-theme{background:var(--color-mustard-soft)}.chip-diff.diff-1{background:#d9efe2}.chip-diff.diff-2{background:var(--color-mustard-soft)}.chip-diff.diff-3{background:#f9d4cc}.result-clues{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1);text-align:right;margin-bottom:var(--space-3)}.result-clue{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1.5px solid rgb(22 22 29 / .25);border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-sm);background:var(--color-paper)}.result-clue.solved{border:2px solid var(--color-accent);background:#fdeae6}.result-clue-num{font-family:var(--font-display);flex-shrink:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.8rem;background:var(--color-ink);color:var(--color-paper);border-radius:4px}.share-preview{font-size:1.4rem;letter-spacing:.1em;margin-bottom:var(--space-2)}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.btn-share{min-width:9rem}.btn-whatsapp{background:#25d366;color:#fff;font-family:var(--font-ui);font-weight:700}.btn-whatsapp:hover{background:#1fb457}.result-stats,.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);margin-bottom:var(--space-3)}.stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--space-1);border-radius:var(--radius-sm);background:#16161d0a}.stat strong{font-family:var(--font-display);font-weight:400;font-size:1.3rem}.stat span{font-size:.72rem;color:var(--color-muted)}.next-puzzle{font-weight:700;color:var(--color-muted);font-size:var(--text-sm)}.countdown{font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem}.dist-title{font-size:var(--text-base);margin-bottom:var(--space-2)}.dist-bars{display:flex;flex-direction:column;gap:var(--space-1)}.dist-row{display:flex;align-items:center;gap:var(--space-2)}.dist-label{font-size:var(--text-sm);font-weight:700;width:3.4rem;flex-shrink:0}.dist-track{flex:1}.dist-bar{background:var(--color-accent);color:var(--color-paper);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);padding:1px 8px;min-width:1.6rem;text-align:left}.modal-panel h2{font-family:var(--font-display);font-weight:400}.help-body{display:flex;flex-direction:column;gap:var(--space-2)}.help-steps{padding-inline-start:1.2rem;display:flex;flex-direction:column;gap:var(--space-1)}.help-example{border:var(--border-card);border-radius:var(--radius-md);background:var(--color-paper);box-shadow:var(--shadow-card-sm);padding:var(--space-2) var(--space-3)}.help-example-title{font-size:var(--text-sm);font-weight:700;color:var(--color-muted)}.help-example-cards{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-1) 0}.help-mini-card{border:1.5px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-card);box-shadow:2px 2px 0 var(--color-line);padding:2px 10px;font-weight:700;font-size:var(--text-sm)}.help-example-answer{font-size:var(--text-sm)}.help-example-answer strong{color:var(--color-accent)}.help-note{font-size:var(--text-sm);color:var(--color-muted)}.site-footer{margin-top:var(--space-5);border-top:3px solid var(--color-line);padding-top:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--color-muted);display:flex;flex-direction:column;gap:var(--space-1)}.site-footer a{color:var(--color-accent-dark);font-weight:700;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-credit{font-size:.75rem}.cloud-nudge .cloud-nudge-btn{background:var(--color-accent-dark)}