.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)}.lb{display:flex;flex-direction:column;gap:.75rem}.lb-sub{margin:0;font-size:.85rem;color:var(--color-text-muted, #6b6b6b)}.lb-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.lb-status{margin:1.5rem 0;text-align:center;color:var(--color-text-muted, #6b6b6b)}.lb-status--error{color:var(--color-danger, #b23b3b)}.lb-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--color-surface-2, rgba(0, 0, 0, .05));border-radius:var(--radius-md, 12px)}.lb-tab{flex:1 1 0;min-height:40px;padding:.4rem .5rem;font:inherit;font-size:.88rem;font-weight:600;color:var(--color-text-muted, #6b6b6b);background:transparent;border:none;border-radius:var(--radius-sm, 8px);cursor:pointer;transition:color var(--duration-fast, .15s) ease,background-color var(--duration-fast, .15s) ease}.lb-tab:not(.lb-tab--active):hover{color:var(--color-text, #1a1a1a)}.lb-tab--active{color:var(--color-on-accent, #fff);background:var(--color-accent, #444)}.lb-tab:focus-visible{outline:2px solid var(--color-accent, #444);outline-offset:2px}.lb-panel:focus-visible{outline:2px solid var(--color-accent, #444);outline-offset:2px;border-radius:var(--radius-sm, 8px)}.lb-table{width:100%;border-collapse:collapse;font-size:.95rem}.lb-table thead th{padding:.4rem .5rem;font-size:.72rem;font-weight:600;color:var(--color-text-muted, #6b6b6b);text-align:start;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .12))}.lb-table tbody td{padding:.55rem .5rem;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}.lb-table tbody tr:last-child td{border-bottom:none}.lb-col-rank{width:2.4rem;text-align:center;font-variant-numeric:tabular-nums}.lb-col-name{font-weight:600;color:var(--color-text, #1a1a1a);overflow-wrap:anywhere}.lb-col-num{width:3.6rem;text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text, #1a1a1a)}.lb-table tbody td.lb-col-num:first-of-type{font-weight:700;color:var(--color-accent, #444)}.lb-top .lb-col-name{color:var(--color-accent, #444)}.lb-hub-link{margin-top:.25rem;align-self:center;font-size:.9rem;font-weight:600;color:var(--color-accent, #444);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-sm, 8px);transition:background-color var(--duration-fast, .15s) ease}.lb-hub-link:hover,.lb-hub-link:focus-visible{background:var(--color-surface-2, rgba(0, 0, 0, .05))}.lb-optin{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--color-border, rgba(0, 0, 0, .1));display:flex;flex-direction:column;gap:.6rem}.lb-optin-toggle{display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;min-height:44px}.lb-optin-toggle input{width:1.15rem;height:1.15rem;accent-color:var(--color-accent, #444);flex:none}.lb-optin-handle{display:flex;flex-direction:column;gap:.3rem}.lb-optin-handle label{font-size:.82rem;color:var(--color-text-muted, #6b6b6b)}.lb-optin-input{padding:.5rem .65rem;font:inherit;min-height:44px;color:var(--color-text, #1a1a1a);background:var(--color-surface, #fff);border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:var(--radius-sm, 8px)}.lb-optin-input:focus-visible{outline:2px solid var(--color-accent, #444);outline-offset:1px}.lb-optin-note{margin:0;font-size:.78rem;color:var(--color-text-muted, #6b6b6b)}.lb-prompt{position:relative;margin:1rem auto 0;max-width:30rem;padding:1rem 1.1rem;background:var(--color-surface-2, rgba(0, 0, 0, .04));border:1px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 14px);text-align:center;animation:lb-prompt-in var(--duration-normal, .3s) var(--ease-out-expo, ease)}@keyframes lb-prompt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lb-prompt-close{position:absolute;inset-inline-start:.4rem;inset-block-start:.4rem;width:32px;height:32px;display:grid;place-items:center;border:none;background:transparent;color:var(--color-text-muted, #6b6b6b);font-size:.9rem;cursor:pointer;border-radius:50%}.lb-prompt-close:hover,.lb-prompt-close:focus-visible{background:var(--color-surface, rgba(0, 0, 0, .06))}.lb-prompt-title{margin:0 0 .3rem;font-weight:700;color:var(--color-text, #1a1a1a)}.lb-prompt-text{margin:0 0 .8rem;font-size:.9rem;color:var(--color-text-muted, #555)}.lb-prompt-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.lb-prompt-cta{padding:.55rem 1.1rem;min-height:44px;font:inherit;font-weight:600;color:var(--color-on-accent, #fff);background:var(--color-accent, #444);border:none;border-radius:var(--radius-sm, 999px);cursor:pointer;transition:transform var(--duration-fast, .15s) ease,opacity var(--duration-fast, .15s) ease}.lb-prompt-cta:hover,.lb-prompt-cta:focus-visible{transform:translateY(-1px);opacity:.94}.lb-prompt-ghost{padding:.55rem 1rem;min-height:44px;font:inherit;color:var(--color-text-muted, #555);background:transparent;border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:var(--radius-sm, 999px);cursor:pointer}.lb-prompt-ghost:hover,.lb-prompt-ghost:focus-visible{background:var(--color-surface, rgba(0, 0, 0, .05))}*,*: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(/mila/assets/secular-one-hebrew-400-normal-BGED0j6b.woff2) format("woff2"),url(/mila/assets/secular-one-hebrew-400-normal-64rITXLy.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/mila/assets/rubik-hebrew-400-normal-Dp0lvSRB.woff2) format("woff2"),url(/mila/assets/rubik-hebrew-400-normal-BQDoxs6C.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/mila/assets/rubik-hebrew-500-normal-B_5jqoVI.woff2) format("woff2"),url(/mila/assets/rubik-hebrew-500-normal--anb7y8_.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/mila/assets/rubik-hebrew-700-normal-Da14F88e.woff2) format("woff2"),url(/mila/assets/rubik-hebrew-700-normal-B2Hm7hpE.woff) format("woff")}.board{display:grid;gap:var(--space-1);margin-block:var(--space-3) var(--space-4);width:min(92vw,20rem)}.board-row{display:grid;grid-template-columns:repeat(var(--word-length, 5),1fr);gap:var(--space-1)}.tile{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:400;font-size:var(--text-tile);line-height:1;color:var(--color-text);background:var(--color-tile);border:2px solid var(--color-line);-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.tile-filled.tile-has-letter{border-color:var(--color-accent);animation:tile-pop var(--duration-fast) var(--ease-out-expo)}.tile-correct,.tile-present,.tile-absent{color:#fff;border-color:transparent;transform-origin:center;animation:tile-flip .5s var(--ease-out-expo) both}.tile-correct{background:var(--color-correct)}.tile-present{background:var(--color-present);color:var(--color-text)}.tile-absent{background:var(--color-absent)}@keyframes tile-pop{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes tile-flip{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.board-row-shake{animation:row-shake .4s ease-in-out}@keyframes row-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.keyboard{display:flex;flex-direction:column;gap:var(--space-1);width:min(96vw,30rem);margin-top:var(--space-2);direction:ltr}.key-row{display:flex;justify-content:center;gap:5px}.key{flex:1 1 auto;min-width:0;height:3.4rem;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-key);color:var(--color-text);font-family:var(--font-ui);font-weight:600;font-size:var(--text-lg);box-shadow:0 2px 0 var(--color-key-shadow);transition:transform var(--duration-fast) var(--ease-out-expo),background var(--duration-fast),color var(--duration-fast)}.key:hover{transform:translateY(-1px)}.key:active{transform:translateY(1px);box-shadow:0 1px 0 var(--color-key-shadow)}.key:disabled{opacity:.55;transform:none}.key-action{flex:1.6 1 auto;font-size:var(--text-base);font-weight:700;background:var(--color-key-action);color:var(--color-on-accent);box-shadow:0 2px 0 var(--color-accent-deep)}.key-back{color:var(--color-on-accent)}.key-correct{background:var(--color-correct);color:#fff;box-shadow:0 2px color-mix(in oklab,var(--color-correct),black 18%)}.key-present{background:var(--color-present);color:var(--color-text);box-shadow:0 2px color-mix(in oklab,var(--color-present),black 18%)}.key-absent{background:var(--color-absent);color:#fff;box-shadow:0 2px color-mix(in oklab,var(--color-absent),black 18%)}@media(max-width:360px){.key{height:3rem;font-size:var(--text-base)}}:root{--color-bg: #fbf3f6;--color-surface: #ffffff;--color-tile: #fffafb;--color-text: #2b1622;--color-text-soft: #7c5f6b;--color-accent: #e11d48;--color-accent-deep: #9f1239;--color-line: #f0dce3;--color-correct: #2e7d3a;--color-present: #e0af3a;--color-absent: #6b5d66;--color-whatsapp: #25d366;--color-key: #f3e4ea;--color-key-shadow: #e0c3ce;--color-key-action: linear-gradient(180deg, #f43f5e, var(--color-accent) 60%, var(--color-accent-deep));--color-border: var(--color-line);--color-surface-2: #fbe7ee;--color-accent-soft: rgb(225 29 72 / .08);--color-on-accent: #ffffff;--font-display: "Secular One", system-ui, sans-serif;--font-ui: "Rubik", system-ui, sans-serif;--text-sm: .85rem;--text-base: clamp(.95rem, .9rem + .3vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.3rem);--text-tile: clamp(1.5rem, 1.1rem + 2.4vw, 2.1rem);--text-answer: clamp(1.8rem, 1.3rem + 2.6vw, 2.6rem);--text-logo: clamp(1.6rem, 1.3rem + 1.8vw, 2.1rem);--space-1: .375rem;--space-2: .625rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--duration-fast: .15s;--duration-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--shadow-card: 0 2px 6px rgb(33 29 51 / .06), 0 14px 34px rgb(76 29 149 / .12);--word-length: 5}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(130% 80% at 50% -10%,rgb(225 29 72 / .08),transparent 60%),radial-gradient(80% 50% at 100% 0%,rgb(224 175 58 / .06),transparent 55%);background-attachment:fixed;line-height:1.55}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;max-width:32rem;margin-inline:auto;padding-inline:var(--space-3)}.site-header{align-self:stretch;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);padding-block:var(--space-3) var(--space-2);border-bottom:2px solid var(--color-line)}.site-header>.icon-btn:first-of-type{justify-self:start}.site-header .header-btns{justify-self:end}.logo{font-family:var(--font-display);font-weight:400;font-size:var(--text-logo);color:var(--color-accent);letter-spacing:.02em;text-align:center;white-space:nowrap}.header-btns{display:flex;align-items:center;gap:var(--space-1)}.icon-btn{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--color-line);background:var(--color-surface);color:var(--color-text-soft);text-decoration:none;font-weight:700;font-size:1.2rem;transition:transform var(--duration-fast) var(--ease-out-expo),color var(--duration-fast),border-color var(--duration-fast)}.icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0) scale(.95)}@media(max-width:360px){.icon-btn{width:36px;height:36px}.account-btn{min-width:36px;min-height:36px}.header-btns{gap:4px}}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding-block:var(--space-3) var(--space-5);width:100%}.puzzle-meta{margin-top:var(--space-3)}.puzzle-num{font-size:var(--text-sm);font-weight:600;color:var(--color-text-soft);letter-spacing:.03em}.tagline{color:var(--color-text-soft);font-size:var(--text-sm);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.6em 2em;border-radius:999px;font-family:var(--font-ui);font-weight:600;font-size:var(--text-lg);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast)}.btn-primary{background:linear-gradient(180deg,#f43f5e,var(--color-accent) 55%,var(--color-accent-deep));color:#fff;box-shadow:0 3px 0 var(--color-accent-deep),0 6px 16px #e11d4852}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--color-accent-deep),0 9px 20px #e11d485c}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 0 var(--color-accent-deep),0 3px 8px #e11d484d}.btn-whatsapp{background:var(--color-whatsapp);color:#fff;font-size:var(--text-base);box-shadow:0 3px #1a9c4b,0 6px 14px #25d3664d}.btn-whatsapp:hover{transform:translateY(-2px)}.btn-whatsapp:active{transform:translateY(1px)}.result-card{width:min(94vw,26rem);margin-top:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;animation:card-rise var(--duration-normal) var(--ease-out-expo)}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}}.result-verdict{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2)}.result-verdict.is-win{color:var(--color-correct)}.result-verdict.is-loss{color:var(--color-text-soft)}.result-answer-label{font-size:var(--text-sm);color:var(--color-text-soft)}.result-answer{font-family:var(--font-display);font-size:var(--text-answer);color:var(--color-accent);letter-spacing:.04em;margin-bottom:var(--space-3)}.share-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.share-preview{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:1.05rem;line-height:1.15}.share-preview-head{font-family:var(--font-ui);font-weight:700;color:var(--color-text-soft);margin-bottom:2px}.share-line{letter-spacing:2px}.share-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.next-puzzle{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-soft)}.stats-panel{margin-top:var(--space-4)}.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:2px}.stat-value{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text)}.stat-label{font-size:.68rem;color:var(--color-text-soft);text-align:center}.dist-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-soft);margin-bottom:var(--space-1)}.dist-bars{display:flex;flex-direction:column;gap:4px}.dist-row{display:flex;align-items:center;gap:var(--space-2)}.dist-num{width:1ch;font-size:var(--text-sm);font-weight:600;color:var(--color-text-soft)}.dist-track{flex:1;display:flex;justify-content:flex-start}.dist-bar{min-width:1.5rem;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-absent);color:#fff;font-size:.8rem;font-weight:600;text-align:start}.dist-bar-today{background:var(--color-correct)}.help-body{display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-text)}.help-example{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1);width:min(80%,15rem);margin-inline:auto}.help-tile{aspect-ratio:1;animation:none}.help-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.help-chip{display:inline-block;min-width:3.2em;padding:.1em .5em;border-radius:var(--radius-sm);font-weight:700;font-size:.85em;color:#fff;text-align:center;margin-inline-end:.4em}.help-chip-correct{background:var(--color-correct)}.help-chip-present{background:var(--color-present);color:var(--color-text)}.help-chip-absent{background:var(--color-absent)}.help-footnote{font-size:var(--text-sm);color:var(--color-text-soft)}.site-footer{align-self:stretch;padding-block:var(--space-3) var(--space-4);border-top:1px solid var(--color-line);text-align:center;font-size:var(--text-sm);color:var(--color-text-soft)}.footer-games a,.footer-links a{color:var(--color-accent-deep);font-weight:600}.footer-links{margin-top:var(--space-1)}
