.pd-tile{perspective:600px;position:relative}.pd-flip{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(180deg)}.pd-face{backface-visibility:hidden;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.pd-back{transform:rotateX(180deg)}.pd-hit{color:#fff;background:#16a34a}.pd-near{color:#2e260f;background:#eab308}.pd-miss{color:#ececf1;background:#2a2a34}.pd-front{background:#16161d;border:1px solid #2e2e38}.pd-slot{background:#ffffff04;border:1px solid #ffffff12;border-radius:8px}.pd-slot-next{background:#ffffff0a;border-color:#fff3}.pd-arrow{opacity:.17;pointer-events:none;width:auto;height:84%;margin:auto;position:absolute;inset:8% 0}.pd-clue{text-align:center;color:#b4b4bf;background:#ffffff05;border:1px dashed #ffffff30;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.pd-clue-range{color:#b4d6e4;background:#243d44;border-style:solid;border-color:#3f6b7a}.pd-clue-known{color:#a7f3d0;background:#0f2b1d;border-style:solid;border-color:#1f8a5b}.pd-clue-family{color:#fde68a;background:#2a2410;border-style:solid;border-color:#8a6d1f}.pd-q{background:#16a34a}.pd-pop{background:#14141b;border:1px solid #33333e;box-shadow:0 16px 36px #00000040}.pd-opt[aria-selected=true]{background:#3a1626}.pd-input{background:#14141b;border:1px solid #3a3a46}.pd-input:focus-within{outline-offset:2px;border-color:#ff5b93;outline:2px solid #f015658c;box-shadow:0 0 30px -8px #f0156599}.pd-input input:focus-visible{outline:none}@media (prefers-reduced-motion:no-preference){.pd-flip.pd-animate{animation:.34s ease-out both pd-flip;animation-delay:var(--d,0s)}.pd-row-in,.pd-clue-pop,.pd-reveal-img{animation:.22s ease-out both pd-in}}@keyframes pd-flip{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes pd-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pd-flip{transform:rotateX(180deg)!important}}