.pl-screen{min-height:100vh;justify-content:center;background:#0a0e27}.pl-screen,.pl-stack{display:flex;align-items:center}.pl-stack{flex-direction:column;gap:18px;animation:pl-reveal .35s ease-out .35s both}.pl-tiles{display:flex;gap:7px;perspective:300px}.pl-tile{--pl-fill:#123d29;--pl-edge:#22c55e;width:24px;height:24px;border:1.5px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.05);animation:pl-flip 2.6s cubic-bezier(.45,0,.2,1) infinite;animation-delay:calc(var(--i) * .13s + .35s)}.pl-tile--close{--pl-fill:#574614;--pl-edge:#f59e0b}.pl-tile--miss{--pl-fill:#54131c;--pl-edge:#ef4444}@keyframes pl-flip{0%,6%{transform:rotateX(0deg);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);box-shadow:none}16%{transform:rotateX(90deg);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}16.01%,62%{border-color:var(--pl-edge);background:var(--pl-fill);box-shadow:0 0 18px -6px var(--pl-edge)}26%,62%{transform:rotateX(0deg)}72%{transform:rotateX(90deg);border-color:var(--pl-edge);background:var(--pl-fill);box-shadow:0 0 18px -6px var(--pl-edge)}72.01%,to{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);box-shadow:none}82%,to{transform:rotateX(0deg)}}.pl-caption{display:grid;margin:0;color:rgba(255,255,255,.45);font-size:11px;font-weight:700;letter-spacing:.16em;text-align:center;text-transform:uppercase}.pl-caption>span{grid-area:1/1}.pl-caption-now{animation:pl-hide .25s ease 6s both}.pl-caption-late:before{content:"Taking longer than usual\2026"}.pl-caption-late{letter-spacing:.06em;text-transform:none;font-size:12px;font-weight:600;animation:pl-show .35s ease 6.25s both}@keyframes pl-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pl-hide{to{opacity:0}}@keyframes pl-show{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pl-tile{animation:none;border-color:var(--pl-edge);background:var(--pl-fill)}}