@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+0307-0308,U+0590-05FF,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky-1: #191138;--sky-2: #2b1660;--sky-3: #120c2b;--ink: #241c4e;--paper: #fff9ef;--sub: #b9aee6;--pink: #ff5d8f;--yellow: #ffc233;--green: #3ddc97;--blue: #4cc9f0;--purple: #b388ff;--orange: #ff7a45;--red: #ff4d6d;--card: rgba(30, 21, 66, .92)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;overflow:hidden;font-family:Fredoka Variable,Fredoka,ui-rounded,Comic Sans MS,system-ui,sans-serif;color:var(--paper);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;background:radial-gradient(1200px 700px at 50% 118%,#4b2a86 0%,transparent 60%),radial-gradient(900px 500px at 85% -10%,#251550 0%,transparent 55%),linear-gradient(180deg,var(--sky-3) 0%,var(--sky-1) 45%,var(--sky-2) 100%);background-color:var(--sky-1)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 25px 35px,#fff9,transparent 100%),radial-gradient(1px 1px at 110px 90px,#fff7,transparent 100%),radial-gradient(2px 2px at 190px 150px,#ffe06688,transparent 100%),radial-gradient(1px 1px at 260px 60px,#fff6,transparent 100%),radial-gradient(1.5px 1.5px at 330px 190px,#a5f3fc77,transparent 100%);background-size:380px 240px;animation:twinkle 5s ease-in-out infinite}body:after{background-position:190px 120px;animation-delay:-2.5s}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.35}}button{font-family:inherit;-webkit-user-select:none;user-select:none}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;touch-action:none}.cap-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.corner{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:60;display:flex;gap:10px}.keycap{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));padding:.28em .5em;min-width:1.7em;text-align:center;font-size:clamp(26px,4.5vw,44px);font-weight:700;color:var(--ink);background:linear-gradient(180deg,#fff,#efe7ff);border:3px solid var(--ink);border-radius:.42em;box-shadow:0 .18em 0 var(--ink);animation:cap-pop 1.25s cubic-bezier(.22,1.2,.36,1) forwards;will-change:transform,opacity}.keycap.wide{font-size:clamp(18px,3vw,30px)}.keycap.c0{background:linear-gradient(180deg,#ffd9e6,#ff9ebd)}.keycap.c1{background:linear-gradient(180deg,#ffefc2,#ffd166)}.keycap.c2{background:linear-gradient(180deg,#c9f7e4,#8beec4)}.keycap.c3{background:linear-gradient(180deg,#d3f1ff,#93dcf8)}.keycap.c4{background:linear-gradient(180deg,#e9dcff,#c9aaff)}@keyframes cap-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot)) scale(.2)}18%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot)) scale(1.18)}32%{transform:translate(-50%,-50%) rotate(var(--rot)) scale(1)}72%{opacity:1;transform:translate(-50%,-56%) rotate(var(--rot)) scale(1)}to{opacity:0;transform:translate(-50%,-95%) rotate(var(--rot)) scale(.85)}}.btn,.chip,.round-btn,.mode-btn{border:3px solid var(--ink);border-radius:16px;background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:transform .06s ease,box-shadow .06s ease,background .15s ease}.btn:active,.chip:active,.round-btn:active,.mode-btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.btn:focus-visible,.chip:focus-visible,.round-btn:focus-visible,.mode-btn:focus-visible,.name-input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn{font-size:clamp(15px,2vw,18px);padding:10px 18px}.round-btn{width:46px;height:46px;border-radius:50%;font-size:19px;display:grid;place-items:center;padding:0}.menu-screen{gap:clamp(10px,2.4vh,22px)}.title{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center}.title-gap{width:.5em}.title-ch{display:inline-block;font-size:clamp(46px,10vw,104px);font-weight:700;line-height:1;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);animation:bob 2.6s ease-in-out infinite}.t0{color:var(--pink)}.t1{color:var(--yellow)}.t2{color:var(--green)}.t3{color:var(--blue)}.t4{color:var(--purple)}.t5{color:var(--orange)}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}.tagline{margin:0;color:var(--sub);font-size:clamp(15px,2.2vw,20px);font-weight:500}.menu-buttons{display:flex;flex-direction:column;gap:18px;margin-top:clamp(6px,2vh,18px);width:min(440px,94vw)}.mode-btn{display:flex;align-items:center;gap:16px;padding:14px 22px;border-radius:22px;border-width:4px;box-shadow:0 8px 0 var(--ink);text-align:left}.mode-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(6px)}.mode-btn.smash{background:linear-gradient(180deg,#ffd166,var(--yellow))}.mode-btn.pics{background:linear-gradient(180deg,#ffb3cb,var(--pink))}.mode-btn.quest{background:linear-gradient(180deg,#7ceeb8,var(--green))}.mode-btn.scores{background:linear-gradient(180deg,#8fdcf8,var(--blue))}.mode-emoji{font-size:clamp(34px,5vw,46px)}.mode-text{display:flex;flex-direction:column;gap:2px}.mode-text b{font-size:clamp(21px,3vw,27px);font-weight:700}.mode-text small{font-size:clamp(13px,1.8vw,15px);font-weight:500;opacity:.75}.grown-btn{margin-top:clamp(4px,2vh,14px);padding:7px 12px;border:0;border-radius:10px;background:none;color:var(--sub);opacity:.85;font-size:14px;font-weight:600;cursor:pointer}.grown-btn:hover,.grown-btn:focus-visible{opacity:1;background:#ffffff14}.grown-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.play-screen{justify-content:space-between;pointer-events:none}.play-screen .bar,.play-screen button{pointer-events:auto}.bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;background:var(--card);border:3px solid var(--ink);border-radius:20px;box-shadow:0 5px 0 var(--ink);padding:10px 14px;max-width:calc(100vw - 24px)}.top-bar{margin-right:110px;align-self:flex-start;margin-left:12px;margin-top:2px}.bottom-bar{margin-bottom:4px}@media(max-width:760px){.top-bar{margin-right:0;align-self:center;margin-left:0;margin-top:60px}}.chip-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.chip-caption{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);margin-right:2px}.chip{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:14px;font-size:15px;background:#efe9ff;box-shadow:0 4px 0 var(--ink)}.chip:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.chip.active{background:linear-gradient(180deg,#ffd166,var(--yellow));transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.chip:disabled{opacity:.55;cursor:default}.chip-emoji{font-size:19px}@media(max-width:900px){.chip-label{display:none}.chip{padding:7px 10px}}.smash-count{font-size:17px;font-weight:700;color:var(--paper);background:#ffffff14;border-radius:12px;padding:6px 12px;min-width:74px;text-align:center}.hint{text-align:center;animation:hint-bounce 1.6s ease-in-out infinite;pointer-events:none}.hint-big{font-size:clamp(34px,6.5vw,64px);font-weight:700;color:var(--yellow);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.hint-small{margin-top:8px;font-size:clamp(16px,2.4vw,22px);color:var(--sub);font-weight:500}@keyframes hint-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04)}}.picture-screen{justify-content:center;pointer-events:none}.picture-screen .bar,.picture-screen button{pointer-events:auto}.pic-bar{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);margin:0;align-self:auto;flex-wrap:nowrap;white-space:nowrap}.pic-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.6vh,16px);background:linear-gradient(180deg,#fff,#f4edff);border:6px solid var(--ink);border-radius:40px;box-shadow:0 14px 0 var(--ink);padding:clamp(28px,5vw,52px) clamp(36px,7vw,80px);max-width:min(680px,92vw);animation:pic-pop .32s cubic-bezier(.22,1.5,.36,1)}@keyframes pic-pop{0%{opacity:0;transform:scale(.4) rotate(-5deg)}60%{opacity:1;transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(0)}}.pic-letter{position:absolute;top:-26px;left:-22px;transform:rotate(-10deg);font-size:clamp(30px,5vw,44px);font-weight:700;color:var(--ink);background:linear-gradient(180deg,#ffefc2,#ffd166);border:4px solid var(--ink);border-radius:16px;box-shadow:0 6px 0 var(--ink);padding:6px 16px;min-width:1.6em;text-align:center}.pic-emoji{font-size:clamp(90px,24vmin,210px);line-height:1.1;display:flex;flex-wrap:wrap;justify-content:center;gap:.06em;animation:bob 2.4s ease-in-out infinite}.pic-emoji.many{font-size:clamp(52px,13vmin,110px)}.pic-emoji.lots{font-size:clamp(36px,9vmin,78px)}.pic-word{font-size:clamp(30px,7vmin,64px);font-weight:700;color:var(--ink);letter-spacing:.04em;text-align:center}.pic-accent{color:var(--pink);font-size:1.18em}@media(prefers-reduced-motion:reduce){.pic-emoji{animation:none}}.card{position:relative;background:var(--card);border:4px solid var(--ink);border-radius:26px;box-shadow:0 9px 0 var(--ink);padding:clamp(20px,4vw,36px);width:min(560px,94vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;animation:pop-in .3s cubic-bezier(.22,1.4,.36,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-back{position:absolute;top:14px;left:14px;font-size:14px;padding:7px 13px}@media(max-width:520px){.card{padding-top:58px}}.card-title{margin:6px 0 0;font-size:clamp(26px,4vw,34px);font-weight:700}.card-sub{margin:0;color:var(--sub);font-weight:500;text-align:center}.setup-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.setup-label{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);min-width:44px;text-align:right}.chip-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.start-btn{font-size:clamp(20px,3vw,26px);font-weight:700;padding:14px 34px;border-radius:20px;background:linear-gradient(180deg,#7ceeb8,var(--green));box-shadow:0 7px 0 var(--ink);margin-top:4px}.start-btn:active{transform:translateY(6px);box-shadow:0 1px 0 var(--ink)}.countdown{display:grid;place-items:center}.count-num{font-size:clamp(110px,26vw,240px);font-weight:700;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink);animation:count-pop .65s cubic-bezier(.22,1.4,.36,1)}@keyframes count-pop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}55%{opacity:1;transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0)}}.challenge-screen{justify-content:center}.hud{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20}.hud-pill{background:var(--card);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);padding:8px 18px;font-size:clamp(17px,2.6vw,24px);font-weight:700;min-width:92px;text-align:center}.hud-pill.timer.low{color:var(--red);animation:pulse .5s ease-in-out infinite}.hud-pill.streak{opacity:.75}.hud-pill.streak.hot{opacity:1;color:var(--orange)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.target-zone{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,3vh,26px)}.target-prompt{margin:0;font-size:clamp(20px,3.4vw,30px);font-weight:600;color:var(--sub)}.target-wrap{position:relative}.target-key{font-size:clamp(120px,24vw,230px);font-weight:700;line-height:1;color:var(--ink);background:linear-gradient(180deg,#fff,#efe7ff);border:6px solid var(--ink);border-radius:36px;box-shadow:0 16px 0 var(--ink);padding:.14em .34em;min-width:1.05em;text-align:center;animation:target-in .22s cubic-bezier(.22,1.4,.36,1)}@keyframes target-in{0%{transform:scale(.55) rotate(-4deg);opacity:.4}to{transform:scale(1) rotate(0);opacity:1}}.target-key.shake{animation:shake .32s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-14px) rotate(-2deg)}40%{transform:translate(12px) rotate(2deg)}60%{transform:translate(-8px)}80%{transform:translate(6px)}}.score-pop{position:absolute;left:50%;top:-10px;transform:translate(calc(-50% + var(--dx, 0px)));font-size:clamp(26px,4vw,40px);font-weight:700;color:var(--green);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);animation:float-up .9s ease-out forwards;pointer-events:none}@keyframes float-up{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -90px}}.praise{font-size:clamp(24px,4.4vw,44px);font-weight:700;color:var(--pink);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);animation:praise-pop 1s cubic-bezier(.22,1.4,.36,1)}@keyframes praise-pop{0%{opacity:0;transform:scale(.4) rotate(-5deg)}25%{opacity:1;transform:scale(1.2) rotate(2deg)}45%{transform:scale(1)}80%{opacity:1}to{opacity:.9}}.done-btn{position:fixed;bottom:44px;left:50%;transform:translate(-50%);font-size:clamp(17px,2.4vw,21px);font-weight:700;padding:12px 28px;border-radius:18px;background:linear-gradient(180deg,#7ceeb8,var(--green))}.done-btn:active{transform:translate(-50%) translateY(5px)}.reward{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#fff,#f4edff);border:4px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink);padding:10px 22px;max-width:92vw;animation:pic-pop .3s cubic-bezier(.22,1.5,.36,1)}.reward-letter{font-size:clamp(22px,3.4vw,32px);font-weight:700;color:var(--ink);background:linear-gradient(180deg,#ffefc2,#ffd166);border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);padding:2px 12px;min-width:1.5em;text-align:center}.reward-isfor{font-size:clamp(13px,1.8vw,16px);font-weight:600;color:#8d82b8}.reward-emoji{font-size:clamp(40px,7vw,64px);line-height:1.1}.reward-word{font-size:clamp(22px,4vw,38px);font-weight:700;color:var(--ink);letter-spacing:.03em;white-space:nowrap}@media(max-width:560px){.reward{gap:10px;padding:8px 14px}.reward-isfor{display:none}}.quit-hint{position:fixed;bottom:12px;left:50%;transform:translate(-50%);margin:0;color:var(--sub);opacity:.6;font-size:13px;font-weight:500}.final-score{font-size:clamp(70px,14vw,120px);font-weight:700;line-height:1;color:var(--yellow);-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink)}.stat-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.stat{color:var(--sub);font-weight:500;font-size:15px}.stat b{color:var(--paper);font-size:17px}.name-entry{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.entry-msg{margin:0;font-weight:600;color:var(--yellow);text-align:center}.entry-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.name-input{font-family:inherit;font-size:22px;font-weight:700;text-transform:uppercase;text-align:center;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:0 5px 0 var(--ink);padding:10px 14px;width:min(260px,60vw)}.name-input::placeholder{color:#b0a8cc}.save-btn{background:linear-gradient(180deg,#ffd166,var(--yellow));font-weight:700;font-size:18px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.board-card{width:min(600px,94vw)}.board-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:10px}.board-row{display:flex;align-items:center;gap:14px;background:#ffffff12;border:2.5px solid rgba(255,255,255,.14);border-radius:16px;padding:10px 16px}.board-row.me{background:linear-gradient(180deg,#ffd16633,#ffc23322);border-color:var(--yellow);animation:pop-in .4s cubic-bezier(.22,1.4,.36,1)}.board-rank{font-size:24px;font-weight:700;min-width:40px;text-align:center}.board-name{flex:1;display:flex;flex-direction:column;font-weight:700;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board-name small{font-weight:500;font-size:12px;color:var(--sub)}.board-score{font-size:24px;font-weight:700;color:var(--yellow)}.board-list.compact{gap:6px;max-height:34vh;overflow-y:auto}.board-list.compact .board-row{padding:6px 12px}.board-list.compact .board-rank{font-size:18px;min-width:32px}.board-list.compact .board-name{font-size:15px}.board-list.compact .board-score{font-size:18px}.board-empty{text-align:center;color:var(--sub);font-weight:500}.board-empty p{margin:4px 0;font-size:20px;color:var(--paper);font-weight:600}.board-empty .board-empty-sub{font-size:15px;color:var(--sub);font-weight:500}.board-empty-emoji{font-size:64px}.reset-btn{font-size:13px;padding:7px 14px;opacity:.85}.reset-btn.confirming{background:var(--red);color:var(--paper)}@media(prefers-reduced-motion:reduce){.title-ch,.hint,body:before,body:after{animation:none}.keycap{animation-duration:.6s}}.touch-keys{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:30;width:min(96vw,640px);display:flex;flex-direction:column;gap:6px;pointer-events:auto;touch-action:none}.tk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:6px}.tk{height:clamp(40px,6.5vh,56px);padding:0;border:3px solid var(--ink);border-radius:12px;background:linear-gradient(180deg,#fff,#efe7ff);color:var(--ink);font-weight:700;font-size:clamp(18px,3.2vh,26px);box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .05s ease,box-shadow .05s ease}.tk-digits .tk{background:linear-gradient(180deg,#d3f1ff,#93dcf8)}.tk:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink);background:linear-gradient(180deg,#ffd166,var(--yellow))}.screen.with-keys{padding-bottom:clamp(240px,40vh,400px)}.with-keys .pic-card{padding:clamp(16px,3vw,28px) clamp(24px,5vw,56px);border-width:5px}.with-keys .pic-emoji{font-size:clamp(80px,16vw,150px)}.with-keys .pic-emoji.many{font-size:clamp(50px,10vw,90px)}.with-keys .pic-emoji.lots{font-size:clamp(38px,7vw,64px)}.with-keys .pic-word{font-size:clamp(28px,5vw,48px)}.with-keys .target-key{font-size:clamp(90px,18vw,170px);box-shadow:0 12px 0 var(--ink)}.with-keys .target-zone{gap:clamp(6px,2vh,18px)}.with-keys .hint-big{font-size:clamp(28px,5.5vw,48px)}.round-ctl{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));z-index:20;display:flex;gap:8px}.quit-btn{font-size:14px;padding:7px 13px}.done-small{background:linear-gradient(180deg,#7ceeb8,var(--green));font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#0c081e9e}.grown-card{width:min(640px,94vw);align-items:stretch;gap:10px}.grown-card .card-title,.grown-card .card-sub{text-align:center}.grown-h{margin:10px 0 0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}.grown-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--paper);font-weight:500;font-size:15px;line-height:1.45}.grown-list b{font-weight:700}.grown-foot{margin:10px 0 0;color:var(--sub);font-size:13px;font-weight:500;text-align:center}.oops-screen{z-index:80}.oops-card{text-align:center}.oops-emoji{font-size:72px;line-height:1}@media(max-width:760px){.pic-bar{top:calc(70px + env(safe-area-inset-top,0px))}.pic-bar .chip-caption{display:none}.hud{top:calc(70px + env(safe-area-inset-top,0px))}.hud-pill{min-width:0;padding:7px 14px}}.spell-word{--sk: clamp(36px, 7.5vmin, 64px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(5px,1vmin,10px);padding-bottom:1.3em;font-size:calc(var(--sk) * .58);font-weight:700;color:var(--ink)}.spell-key{position:relative;display:grid;place-items:center;width:var(--sk);height:var(--sk);border:3px solid var(--ink);border-radius:.32em;background:linear-gradient(180deg,#fff,#efe7ff);box-shadow:0 5px 0 var(--ink);line-height:1}.spell-key.todo{opacity:.45;border-style:dashed;background:#fff;box-shadow:none;transform:translateY(3px)}.spell-key.done{background:linear-gradient(180deg,#c9f7e4,#8beec4);box-shadow:0 1px 0 var(--ink);transform:translateY(4px);animation:spell-pop .3s cubic-bezier(.22,1.5,.36,1)}.spell-key.next{z-index:1;background:linear-gradient(180deg,#ffefc2,#ffd166);box-shadow:0 5px 0 var(--ink),0 0 0 5px #ffc23373;animation:spell-nudge .45s ease,spell-bounce 1.1s .45s ease-in-out infinite}.spell-pointer{position:absolute;left:50%;top:100%;margin-top:7px;font-size:.8em;line-height:1;transform:translate(-50%);animation:pointer-bob .8s ease-in-out infinite}.spell-gap{min-width:.4em;text-align:center;opacity:.6}.spell-word.spelled .spell-key{animation:spell-wave .6s ease-in-out;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes spell-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px) scale(1.06)}}@keyframes spell-nudge{0%,to{transform:translate(0)}25%{transform:translate(-7px) rotate(-5deg)}75%{transform:translate(7px) rotate(5deg)}}@keyframes spell-pop{0%{transform:translateY(4px) scale(.6)}60%{transform:translateY(4px) scale(1.2)}to{transform:translateY(4px) scale(1)}}@keyframes pointer-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}@keyframes spell-wave{0%,to{transform:translateY(4px)}50%{transform:translateY(-10px)}}.tk.hint{background:linear-gradient(180deg,#ffefc2,#ffd166);box-shadow:0 4px 0 var(--ink),0 0 0 4px #ffc23373;animation:spell-bounce 1.1s ease-in-out infinite}.with-keys .spell-word{--sk: clamp(30px, 6vmin, 52px)}@media(prefers-reduced-motion:reduce){.spell-key.next,.spell-pointer,.tk.hint,.spell-word.spelled .spell-key,.spell-key.done{animation:none}}