@font-face{font-family:Fredoka;src:url(./fredoka-latin-DM6njrJ3.woff2)format("woff2");font-weight:500 700;font-display:swap}:root{--night-900:#0b1230;--night-700:#22305a;--night-500:#3a4a80;--lime-400:#7cf05a;--lime-600:#4fc93a;--coral-400:#ff5a8a;--coral-600:#e03a6e;--sun-400:#ffc83d;--white:#fff;--mist:#a9b4dc;--space-1:4px;--space-2:8px;--space-4:16px;--space-6:24px;--radius-sm:12px;--radius-md:20px;--radius-pill:999px;--outline-ui:3px;--outline-logo:6px;--shadow-pop:0 5px 0 #0b1230;--shadow-press:0 2px 0 #0b1230;--font-display:"Fredoka", "Baloo 2", system-ui, sans-serif;--type-logo-size:64px;--type-logo-line-height:.95;--type-logo-weight:700;--type-title-size:36px;--type-title-line-height:40px;--type-title-weight:700;--type-heading-size:24px;--type-heading-line-height:28px;--type-heading-weight:700;--type-button-size:20px;--type-button-line-height:24px;--type-button-weight:700;--type-body-size:16px;--type-body-line-height:24px;--type-body-weight:500;--type-caption-size:13px;--type-caption-line-height:18px;--type-caption-weight:500}.end__score{font-size:96px;line-height:1;font-weight:var(--type-title-weight);color:var(--sun-400);-webkit-text-stroke:var(--outline-logo) var(--night-900);paint-order:stroke fill;text-shadow:var(--shadow-pop)}.end__badge{padding:var(--space-1) var(--space-4);background:var(--sun-400);color:var(--night-900);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-pill);font-weight:var(--type-title-weight);display:inline-block;transform:rotate(-3deg)}.end__best{box-sizing:border-box;gap:var(--space-2);width:100%}.end__caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.end__none{color:var(--mist)}.end__grow{flex:1}.end__copied{min-height:var(--type-caption-line-height);margin:calc(-1 * var(--space-4)) 0;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);color:var(--mist)}@media (height<=700px){.end{gap:var(--space-2)}.end__score{font-size:64px}}.game{box-sizing:border-box;max-width:430px;height:100dvh;padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-4));gap:var(--space-2);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.game__hud{align-items:center;gap:var(--space-4);display:flex}.game__time{box-sizing:border-box;background:var(--night-900);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-pill);flex:1;height:32px;position:relative;overflow:hidden}.game__time i{width:calc(var(--fill) * 100%);background:var(--lime-400);border-radius:var(--radius-pill);position:absolute;inset:0}.game__time[data-low=true] i{background:var(--hot-3)}.game__time b{font-size:var(--type-body-size);-webkit-text-stroke:var(--outline-ui) var(--night-900);paint-order:stroke fill;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.game__score{text-align:right;min-width:56px;font-size:28px;line-height:32px;font-weight:var(--type-title-weight);color:var(--sun-400)}.game__play{justify-content:space-evenly;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-height:0;display:flex}.game__sequence{justify-content:center;align-items:center;gap:2px;display:flex}.game__order-mark{width:8px;height:12px;fill:var(--mist);stroke:var(--mist);stroke-width:1.5px;stroke-linejoin:round;flex:none}.game__tile{box-sizing:border-box;background:var(--night-500);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-sm);width:min(56px,15.5vw);height:min(56px,15.5vw);box-shadow:var(--shadow-pop);font-size:28px;line-height:1;font-weight:var(--type-title-weight);place-items:center;display:grid}.game__tile[data-lit=true]{background:var(--lime-400);color:var(--night-900)}.game__tile[data-hidden=true]{color:var(--mist)}.game__chilis{justify-content:center;gap:var(--space-1);height:36px;display:flex}.game__chili{fill:none;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px}.game__chili-stem-ink{stroke:var(--night-900);stroke-width:6px}.game__chili-stem{stroke:var(--night-500);stroke-width:2.5px}.game__chili-body{fill:var(--night-500);stroke:var(--night-900);stroke-width:3px}.game__chili[data-lit=true] .game__chili-stem{stroke:var(--lime-600)}.game__chili[data-lit=true] .game__chili-body{fill:var(--hot-3)}.game__word{text-align:center;width:100%;font-size:min(36px, calc((min(100vw, 430px) - 2 * var(--space-4)) / (var(--letter-count) * .72)));min-height:40px;line-height:40px;font-weight:var(--type-title-weight);white-space:nowrap;margin:0}.game__feedback{min-height:var(--type-body-line-height);color:var(--white);text-align:center;margin:0}.game__feedback--points{color:var(--sun-400);font-size:28px;font-weight:var(--type-title-weight)}.game__skip{justify-content:center;display:flex}.game__skip .joobo-button{width:auto;min-height:44px;padding:0 var(--space-6);font-size:var(--type-body-size);line-height:1}.keyboard{--gap:2px;gap:var(--space-2);margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:0 var(--space-1) var(--space-4);touch-action:none;flex-direction:column;display:flex}.keyboard__row{justify-content:center;gap:var(--gap);display:flex}.keyboard__key{box-sizing:border-box;flex:0 0 calc((100% - 9 * var(--gap)) / 10);background:var(--night-500);height:60px;color:var(--white);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);font:inherit;font-size:24px;line-height:1;font-weight:var(--type-title-weight);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}@media (height<=700px){.keyboard__key{height:52px}}.keyboard__key[data-pressed=true]{box-shadow:var(--shadow-press);transform:translateY(3px)}.keyboard__key[data-kind=erase],.keyboard__key[data-kind=enter]{flex:0 0 calc(2 * (100% - 9 * var(--gap)) / 10 + var(--gap));font-size:15px}.keyboard__key[data-kind=enter]{background:var(--coral-400);color:var(--night-900)}.keyboard__key[data-kind=enter][data-pressed=true]{background:var(--coral-600)}.game__pop,.game__bump{display:inline-block}@media (prefers-reduced-motion:no-preference){.game__pop{animation:.35s cubic-bezier(.34,1.56,.64,1) game-pop}.game__bump{animation:.4s ease-out game-bump}}@keyframes game-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes game-bump{30%{scale:1.35}to{scale:1}}.home__spacer{width:48px}.home__title{flex-direction:column;flex:1;justify-content:center;display:flex}.home__panel{gap:var(--space-2)}.home__panel .joobo-button{margin-top:var(--space-2)}.home__row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.home__panel-title{align-items:center;gap:var(--space-2);display:flex}.home__panel-title svg{flex:none;width:44px;height:44px}@media (height<=700px){.home__panel-title svg{width:34px;height:34px}}.home__reward{color:var(--sun-400);font-weight:var(--type-title-weight)}.home__caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.settings__spacer{width:48px}.joobo-tutorial em{font-style:normal;font-weight:var(--type-title-weight);color:var(--lime-400)}.joobo-tutorial em[data-cost=true]{color:var(--hot-2)}.joobo-tutorial .game__tile{width:52px;height:52px;font-size:26px}.tutorial__word{font-size:28px;line-height:32px;font-weight:var(--type-title-weight)}.tutorial__word mark{color:var(--lime-400);background:0 0}.tutorial__reward{color:var(--sun-400);font-size:var(--type-heading-size);line-height:var(--type-heading-line-height);font-weight:var(--type-heading-weight)}.tutorial__caption{color:var(--mist);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.tutorial__message{min-height:24px}.tutorial__score-rows{gap:var(--space-2);flex-direction:column;width:100%;max-width:320px;display:flex}.tutorial__score-row{align-items:baseline;gap:var(--space-2);grid-template-columns:1fr auto 52px;display:grid}.tutorial__score-row .tutorial__word{text-align:left}.tutorial__score-row .tutorial__reward{text-align:right}.tutorial__gauge{width:260px;display:flex}.tutorial__levels{justify-content:center;gap:var(--space-6);display:flex}.tutorial__levels>span{align-items:baseline;gap:var(--space-2);display:flex}