@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#3d2c5c;--pink:#ffc8dd;--mint:#b9f3d0;--lilac:#dccbff;--sky:#bde0fe;--gold:#ffd966;--coral:#ff8a80;--coral-dark:#e8605a;--green:#5fd38d;--green-dark:#34a868;--header-h:96px;color:var(--ink);font-family:Fredoka Variable,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#bfe6ff 0%,#ffe6d6 60%,#ffcfb8 100%);overflow:hidden}.controls{height:var(--header-h);justify-content:center;align-items:center;gap:24px;display:flex}.control{font:inherit;letter-spacing:2px;color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:0 6px 0 var(--shade), 0 10px 20px #3d2c5c26;border:none;border-radius:999px;padding:10px 44px;font-size:32px;font-weight:700;transition:transform .1s,box-shadow .1s,opacity .2s}.control:active:not(:disabled){box-shadow:0 2px 0 var(--shade), 0 4px 10px #3d2c5c26;transform:translateY(4px)}.control:disabled{opacity:.4;cursor:default}.play{--shade:var(--green-dark);background:var(--green)}.reset{--shade:var(--coral-dark);background:var(--coral)}.replay{--shade:#4a9bd6;background:#7cc4ff;font-size:28px}.board{height:calc(100dvh - var(--header-h));padding:5vmin;container-type:size}.table{--gap:4vmin;--card-w:min(100cqw - var(--gap), (100cqh - var(--gap)) / 2 * .88);height:100%;position:relative}.spots{z-index:30;place-content:center;place-items:center;gap:var(--gap);pointer-events:none;grid-template-areas:"centre centre""deck pile";display:grid;position:absolute;inset:0}.spot{width:calc(var(--card-w) / 2);aspect-ratio:3/4;position:relative}.spot.deck{grid-area:deck}.spot.centre{width:var(--card-w);grid-area:centre}.spot.pile{grid-area:pile}@container (aspect-ratio>=1){.table{--card-w:min((100cqw - 2 * var(--gap)) / 2, 100cqh * .75 * .88)}.spots{grid-template-areas:"deck centre pile"}}.count{width:calc(var(--card-w) * .16);aspect-ratio:1;border:calc(var(--card-w) * .012) solid white;background:var(--ink);color:#fff;font-size:calc(var(--card-w) * .08);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-6%;right:-6%;box-shadow:0 2px 4px #3d2c5c33}.card{width:var(--card-w);height:calc(var(--card-w) * 4 / 3);font:inherit;color:inherit;opacity:1;perspective:800px;cursor:pointer;touch-action:manipulation;transition:transform var(--flight) cubic-bezier(.25, .9, .35, 1.15), scale .2s ease-out;background:0 0;border:none;padding:0;position:absolute;top:0;left:0}.card.in-deck:not(:disabled){animation:3s ease-in-out infinite breathe-soft}@media (hover:hover){.table:has(.card.in-deck:not(:disabled):hover) .card.in-deck{animation:1.8s ease-in-out infinite breathe}}@keyframes breathe-soft{50%{scale:1.015}}@keyframes breathe{50%{scale:1.06}}.card:disabled{cursor:default}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flip) ease-in-out;display:block;position:relative}.card-inner.flipped{transform:rotateY(180deg)}.face{border:calc(var(--card-w) * .04) solid white;border-radius:calc(var(--card-w) * .14);font-size:calc(var(--card-w) * .5);backface-visibility:hidden;justify-content:center;align-items:center;font-weight:650;line-height:1;display:flex;position:absolute;inset:0;box-shadow:0 4px 10px #3d2c5c1f}.back{background-color:var(--coral);background-image:radial-gradient(#ffffff59 15%,#0000 16%);background-size:calc(var(--card-w) * .2) calc(var(--card-w) * .2)}.front{transform:rotateY(180deg)}.card.lifted{scale:1.12}.card.lifted .front{box-shadow:0 0 0 calc(4px + var(--level,0) * 16px) #ffffffd9, 0 8px 20px #3d2c5c40;transition:box-shadow 80ms linear}.badge,.mic{width:calc(var(--card-w) * .36);aspect-ratio:1;border:calc(var(--card-w) * .025) solid white;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6%;right:6%;box-shadow:0 2px 4px #3d2c5c33}.badge{color:#fff;font-size:calc(var(--card-w) * .24);font-weight:700;animation:.4s cubic-bezier(.3,1.6,.5,1) backwards pop-in}.mic{font-size:calc(var(--card-w) * .2);background:#fff;animation:1.2s ease-in-out infinite breathe}.badge.right{background:var(--green)}.badge.wrong{background:var(--coral-dark)}.lower{margin-left:.04em;font-size:.8em}.overlay{z-index:50;-webkit-backdrop-filter:blur(10px);background:#ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:6vmin;animation:.4s ease-out fade-in;display:flex;position:fixed;inset:0}.stroke-text{text-align:center;color:var(--gold);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);margin:0;padding:0 4vw;font-size:clamp(56px,12vw,180px);font-weight:700;line-height:1.05;animation:.6s cubic-bezier(.3,1.6,.5,1) backwards pop-in}.stroke-text.small{font-size:clamp(36px,7vw,96px)}.choices{gap:32px;display:flex}.instructions{background:#fff;border-radius:32px;width:min(620px,100% - 32px);max-height:calc(100% - 32px);padding:32px 40px;animation:.5s cubic-bezier(.3,1.6,.5,1) backwards pop-in;position:relative;overflow-y:auto;box-shadow:0 10px 30px #3d2c5c33}.instructions h2{margin:0 0 20px;font-size:40px;font-weight:700}.instructions ol{gap:12px;margin:0;padding-left:1.3em;font-size:24px;line-height:1.35;display:grid}.round{--shade:var(--coral-dark);aspect-ratio:1;background:var(--coral);color:#fff;width:52px;font:inherit;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 0 var(--shade);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:26px;font-weight:700;display:flex}.round:active{box-shadow:0 1px 0 var(--shade);translate:0 3px}.close{position:absolute;top:16px;right:16px}.help{--shade:#4a9bd6;background:#7cc4ff;font-size:40px;position:fixed;top:22px;right:22px}.results{--chip:min(6vw, 9vh);--cols:13;--gap:1.2vmin;width:calc(var(--cols) * var(--chip) + (var(--cols) - 1) * var(--gap));justify-content:center;gap:var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;animation:.6s cubic-bezier(.3,1.6,.5,1) .15s backwards pop-in;display:flex}@media (orientation:portrait){.results{--chip:min(11vw, 7vh);--cols:7}}.result{width:var(--chip);aspect-ratio:3/4;font:inherit;cursor:pointer;touch-action:manipulation;border:calc(var(--chip) * .05) solid white;border-radius:calc(var(--chip) * .16);color:#fff;font-size:calc(var(--chip) * .4);justify-content:center;align-items:center;padding:0;font-weight:650;line-height:1;transition:scale .1s;display:flex;position:relative;box-shadow:0 2px 6px #3d2c5c26}.result:active{scale:.9}.result.right{background:var(--green)}.result.wrong{background:var(--coral-dark)}.result .mark{aspect-ratio:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.1em;font-size:.6em;font-weight:700;display:flex;position:absolute;top:-.35em;right:-.35em}.result.right .mark{color:var(--green-dark)}.result.wrong .mark{color:var(--coral-dark)}.big{padding:14px 56px;font-size:40px;animation:.6s cubic-bezier(.3,1.6,.5,1) .3s backwards pop-in}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}}.version{opacity:.45;pointer-events:none;font-size:12px;position:fixed;bottom:8px;right:10px}.debug{z-index:200;white-space:pre-wrap;pointer-events:none;background:#ffffffe6;border-radius:8px;max-width:calc(100vw - 16px);margin:0;padding:8px 10px;font:11px/1.4 ui-monospace,monospace;position:fixed;top:8px;left:8px}