html,body,#root{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f5f5f5;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 20px) calc(env(safe-area-inset-right,0px) + 20px) calc(env(safe-area-inset-bottom,0px) + 20px) calc(env(safe-area-inset-left,0px) + 20px);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.card{background:#fff;border-radius:24px;width:100%;max-width:800px;height:100%;max-height:640px;position:relative;overflow:hidden}@media (width<=640px){.card{max-height:360px}}.stage{position:absolute;inset:0}.stage canvas{display:block}.caption{pointer-events:none;flex-direction:column;align-items:center;gap:14px;font-family:Arial,Helvetica,sans-serif;display:flex;position:absolute;bottom:24px;left:0;right:0}@keyframes place-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes place-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.place-slot{align-self:stretch;height:20px;position:relative}.place{color:#000;letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;will-change:transform, opacity;pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text;width:fit-content;max-width:100%;margin:0 auto;font-size:15px;font-weight:600;line-height:20px;position:absolute;top:0;left:0;right:0;overflow:hidden}.place-in{animation:.46s cubic-bezier(.33,1,.68,1) backwards place-in}.place-out{animation:.24s cubic-bezier(.32,0,.67,0) forwards place-out}.locate{backface-visibility:hidden;pointer-events:auto;appearance:none;color:#fff;cursor:pointer;background:#000;border:0;border-radius:999px;min-height:44px;padding:12px 18px;font:14px/1 Arial,Helvetica,sans-serif;animation:.56s cubic-bezier(.33,1,.68,1) .14s backwards place-in}.locate:hover{background:#222}.locate-shuffle{color:#000;background:#ebebeb}.locate-shuffle:hover{background:#e2e2e2}.locate:focus-visible{outline-offset:3px;outline:3px solid #2b7fff}.locate:disabled{opacity:.5;cursor:default}.footer{text-align:center;color:#8c8c8c;-webkit-user-select:text;user-select:text;max-width:420px;margin:0;font:12px/1.5 Arial,Helvetica,sans-serif}@media (prefers-reduced-motion:reduce){.card-opening,.place-in,.place-out,.locate{animation:none}}.card-loading{clip-path:inset(50% round 24px)}.card-opening{animation:1.8s cubic-bezier(.33,1,.68,1) both reveal-grow}@keyframes reveal-grow{0%{clip-path:inset(50% round 24px)}to{clip-path:inset(0 round 24px)}}