.ff-board,.ff-rail{width:min(100%, var(--stage-w), calc(max(0px, var(--stage-h) - 264px) * 1.2))}.ff-board{margin-inline:auto}@media (max-height:500px) and (orientation:landscape){.ff-board,.ff-rail{width:min(100%, var(--stage-w), calc(max(0px, var(--stage-h) - 196px) * 1.2))}.ff-keys{display:none}}.ff-tile{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ff-tile:focus-visible{outline-offset:1px;outline:3px solid #ffb020}@keyframes ff-hint-pulse{0%,to{box-shadow:0 0 0 2px #ffd23ff2}50%{box-shadow:0 0 0 5px #ffd23f59}}.ff-hint{border-color:#ffd23f;animation:.9s ease-in-out infinite ff-hint-pulse}@keyframes ff-flicker{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.12)rotate(2deg)}}.ff-flame{transform-origin:50% 85%;animation:.7s ease-in-out infinite ff-flicker}@keyframes ff-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.ff-pop{animation:.25s both ff-pop}@keyframes ff-spark{0%,to{opacity:1}50%{opacity:.35}}.ff-spark{animation:.4s linear infinite ff-spark}@media (prefers-reduced-motion:reduce){.ff-flame,.ff-pop,.ff-spark,.ff-hint{animation:none}}