.warmup-on{align-items:center}.warmup-screen{text-align:center;display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:18px}.warmup-kicker{margin:0;font:600 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.warmup-title{margin:0;font-family:var(--serif);font-size:20px;color:var(--ink)}.warmup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;width:100%;max-width:360px;align-items:start;touch-action:manipulation}.warmup-col{display:flex;flex-direction:column;gap:10px;min-width:0}.warmup-card{position:relative;width:100%;min-height:64px;min-width:0;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--raise);box-shadow:var(--shadow);--rest-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.warmup-card.picked,.warmup-card.queued{border-color:var(--accent)}.warmup-card{--warmup-press-depth:3px;--warmup-press-edge:color-mix(in srgb,var(--ground) 78%,#000);box-shadow:var(--shadow),0 var(--warmup-press-depth) 0 var(--warmup-press-edge);transition:transform 200ms var(--ease-spring),box-shadow 200ms var(--ease-out)}.warmup-card:not(.matched):not(.wrong):active,.warmup-card.pressing:not(.matched):not(.wrong){transform:translateY(var(--warmup-press-depth));box-shadow:0 0 0 0 transparent}.warmup-card:active,.warmup-card.pressing{transition:transform 60ms ease-out,box-shadow 60ms ease-out}.warmup-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.warmup-card-inner{position:relative;display:block;width:100%;height:100%;transition:transform 420ms cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d}.warmup-card.flipped .warmup-card-inner,.warmup-card.matched .warmup-card-inner{transform:rotateY(180deg);animation:flipLift 420ms cubic-bezier(.2,.7,.3,1) 1}@keyframes flipLift{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.06)}100%{transform:rotateY(180deg) scale(1)}}.warmup-card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:var(--fs-option);line-height:1.3;overflow-wrap:anywhere;backface-visibility:hidden;overflow:hidden}.warmup-card-back{color:transparent}.warmup-card-back::before{content:"מ";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 calc(52px * var(--milim-text-scale))/1 var(--heb);color:var(--line);direction:rtl}.warmup-card-face{font-family:var(--serif)}.warmup-card[data-side="he"] .warmup-card-face{font-family:var(--sans-he);font-size:calc(var(--fs-option-he) * var(--milim-text-scale));font-weight:600;overflow-wrap:normal;white-space:nowrap;overflow:visible}.warmup-grid-pics .warmup-card{min-height:80px;min-height:clamp(80px,calc((100dvh - 347px) / 4),96px)}.warmup-card-pic .warmup-card-face{padding:8px;color:var(--ink)}.warmup-card-pic .warmup-card-face svg{width:100%;height:100%;display:block;max-width:80px;max-height:80px}.warmup-card.matched .warmup-card-face{background:var(--ok-soft);border-color:var(--ok-soft);box-shadow:0 0 0 1px var(--ok-halo);animation:verdictBloom 420ms var(--ease-out) 1}.warmup-card.wrong .warmup-card-face{border-color:var(--no);background:var(--no-soft);color:var(--ink)}.warmup-skip{align-self:center}.warmup-card.fading{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity 380ms var(--ease-out),transform 380ms var(--ease-out)}.warmup-card.dealing{animation:warmupDealIn 560ms ease-in-out both}.warmup-card.slot-empty{visibility:hidden;pointer-events:none;box-shadow:none}@keyframes warmupDealIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.warmup-card.fading{transition:none;opacity:0;transform:none}.warmup-card.dealing{animation:none}}@media (prefers-reduced-motion:reduce){.warmup-card{transition:none}.warmup-card:active,.warmup-card.pressing{transition:none}.warmup-card-inner{transition:none}.warmup-card.flipped .warmup-card-inner,.warmup-card.matched .warmup-card-inner{animation:none}.warmup-card.matched .warmup-card-face{animation:none}}.warmup-progress{width:100%;display:flex;flex-direction:column;gap:4px}.warmup-progress-track{width:100%;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.warmup-progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width 300ms ease-out}.warmup-progress-count{margin:0;text-align:center;font:600 12px/1 var(--mono);letter-spacing:.04em;color:var(--muted)}@media (prefers-reduced-motion:reduce){.warmup-progress-fill{transition:none}}.flipmatch{gap:14px}.flip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:360px;touch-action:manipulation}.flipmatch .flip-card{display:block;padding:0;border:0;background:transparent;box-shadow:none;min-height:0;width:100%;aspect-ratio:5 / 7;perspective:800px}.flipmatch .flip-card:not(.matched):not(.wrong):active,.flipmatch .flip-card.pressing:not(.matched):not(.wrong){box-shadow:none}.flipmatch .flip-card .warmup-card-inner{position:absolute;inset:0;width:auto;height:auto}.flipmatch .flip-card .warmup-card-front{transform:rotateY(180deg)}.flipmatch .warmup-card-pic .warmup-card-front{padding:6px}.flipmatch .warmup-card-pic .warmup-card-back{color:transparent;padding:0}.flipmatch .warmup-card-pic .warmup-card-front svg{max-width:100%;max-height:100%}.flipmatch .flip-card.queued .warmup-card-back{border-color:var(--accent)}.flipmatch .flip-card[data-side="he"] .warmup-card-face{font-size:calc(15px * var(--milim-text-scale))}.warmup-on .warmup-screen:not(.flipmatch){flex:1 1 auto;min-height:0;gap:8px}.warmup-on .warmup-screen:not(.flipmatch) .warmup-grid{flex:0 1 auto;min-height:0;gap:8px 14px;align-items:stretch;grid-template-rows:minmax(0,1fr)}.warmup-on .warmup-screen:not(.flipmatch) .warmup-col{gap:8px;min-height:0}.warmup-on .warmup-screen:not(.flipmatch) .warmup-col>.warmup-card{flex:0 1 64px;min-height:48px}.warmup-on .warmup-screen:not(.flipmatch) .warmup-grid-pics .warmup-col>.warmup-card{flex:0 1 96px;min-height:56px}.warmup-on .warmup-screen:not(.flipmatch) .warmup-grid-pics .warmup-card-pic .warmup-card-face{padding:5px}.warmup-on .warmup-screen:not(.flipmatch) .warmup-skip{flex:0 0 auto}.warmup-on .warmup-screen:not(.flipmatch) .warmup-skip[hidden]{display:block;visibility:hidden}.warmup-clock{display:flex;align-items:center;gap:10px;width:100%;max-width:19rem;flex:0 0 auto;margin:0}.warmup-clock-seconds{font:600 13px/1 var(--mono);color:var(--muted);min-width:2.2ch;text-align:right;font-variant-numeric:tabular-nums}.warmup-clock-bar{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.warmup-clock-fill{display:block;height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(var(--wc-left,1))}.warmup-clock.low .warmup-clock-fill{background:var(--no)}.warmup-clock.low .warmup-clock-seconds{color:var(--no)}.warmup-clock-note{display:none;font:600 12px/1 var(--mono);letter-spacing:.04em;color:var(--no)}.warmup-clock.up .warmup-clock-seconds{color:var(--no)}.warmup-clock.up .warmup-clock-note{display:inline}.warmup-clock.calm{justify-content:center}.warmup-clock.calm .warmup-clock-bar{display:none}.warmup-clock.calm .warmup-clock-seconds{font-size:16px;text-align:center}@media (prefers-reduced-motion:reduce){.warmup-clock{justify-content:center}.warmup-clock-bar{display:none}.warmup-clock-seconds{font-size:16px;text-align:center}}