.pfllpq_wrap{min-height:var(--fit-h,calc(100dvh - var(--header-h) - 64px));flex-direction:column;justify-content:space-between;align-items:center;gap:18px;padding:8px 0 18px;display:flex}.pfllpq_board{--gap:7px;--tile:min(64px, calc((100vw - 40px) / 5 - var(--gap)), calc((var(--fit-h,100dvh - var(--header-h) - 64px) - 250px) / 6 - var(--gap)));gap:var(--gap);margin:auto 0;display:grid}@media (max-height:600px){.pfllpq_wrap{gap:10px;padding:4px 0 8px}.pfllpq_board{--tile:min(64px, calc((100vw - 40px) / 5 - var(--gap)), calc((var(--fit-h,100svh) - 182px) / 6 - var(--gap)))}}.pfllpq_row{gap:var(--gap);display:flex}.pfllpq_tile{--tile-bg:var(--card);width:var(--tile);height:var(--tile);border:2px solid var(--hair);background:var(--tile-bg);color:var(--ink);font-family:var(--font-display);font-size:calc(var(--tile) * .5);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:10px;place-items:center;font-weight:800;line-height:1;display:grid}.pfllpq_tile[data-state=typed]{border-color:var(--line);animation:.12s ease-out pfllpq_pop}.pfllpq_tile[data-state=hit],.pfllpq_tile[data-state=near],.pfllpq_tile[data-state=miss]{border-color:var(--line);box-shadow:0 3px 0 var(--shadow-color)}.pfllpq_tile[data-state=hit]{--tile-bg:var(--hit);color:var(--hit-ink)}.pfllpq_tile[data-state=near]{--tile-bg:var(--near);color:var(--near-ink)}.pfllpq_tile[data-state=miss]{--tile-bg:var(--miss);color:var(--miss-ink);border-color:var(--miss);box-shadow:none}.pfllpq_tile[data-flip=true]{animation:.64s ease-in-out backwards pfllpq_flip}@keyframes pfllpq_flip{0%{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:none;transform:rotateX(0)}49%{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:none;transform:rotateX(-90deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes pfllpq_pop{50%{transform:scale(1.1)}}.pfllpq_shake{animation:.5s pfllpq_shake}@keyframes pfllpq_shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.pfllpq_bounce .pfllpq_tile{animation:pfllpq_hop .5s var(--ease-pop) backwards}@keyframes pfllpq_hop{0%,to{transform:translateY(0)}40%{transform:translateY(-26px)}70%{transform:translateY(4px)}}.pfllpq_after{margin-top:-6px}.pfllpq_answer{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink)}.pfllpq_exampleRow{gap:5px;margin-bottom:8px;display:flex}.pfllpq_exampleText{color:var(--ink-2);font-size:14.5px}
