@keyframes fall{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}body{background-color:#0f172a;color:#e5e7eb;min-height:100vh}.row{display:flex;gap:8px}.tile{width:60px;height:60px;background:#121213;border:2px solid #3a3a3c;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;color:#fff;transform-style:preserve-3d;animation:flip .6s ease forwards}.tile span{backface-visibility:hidden}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg);background:#121213}to{transform:rotateX(0)}}.tile.correct{background:#538d4e;border-color:#538d4e}.tile.present{background:#b59f3b;border-color:#b59f3b}.tile.absent{background:#3a3a3c;border-color:#3a3a3c}