*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#1b1b2f;color:#f3f3f7;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem}.progress{width:min(420px,100%);height:10px;border-radius:999px;background:#2e2e4a;overflow:hidden}.progress-bar{height:100%;background:#4ade80;transition:width .3s ease}.count{margin:-1rem 0 0;font-size:.9rem;color:#9a9ab8}.card{width:min(420px,90vw);aspect-ratio:3 / 4;max-height:55vh;border-radius:28px;background:#fff;color:#1b1b2f;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 50px #00000073;touch-action:pan-y;transition:box-shadow .2s ease}.card.yes{box-shadow:0 0 0 8px #4ade80,0 20px 50px #00000073}.card.no{box-shadow:0 0 0 8px #f87171,0 20px 50px #00000073}.glyph{font-size:min(42vw,12rem);font-weight:800;line-height:1}.sub{font-size:min(18vw,5rem);font-weight:600;color:#6b6b8f;line-height:1}.actions{display:flex;gap:1rem}.btn{font:inherit;font-size:1.15rem;font-weight:700;padding:.9rem 1.8rem;border:none;border-radius:999px;cursor:pointer;color:#1b1b2f}.btn.yes{background:#4ade80}.btn.no{background:#f87171}.btn:active{transform:scale(.96)}.tip{margin:0;font-size:.85rem;color:#6b6b8f}.win{font-size:6rem;margin:0}.win-text{font-size:1.6rem;font-weight:700;margin:0}.again{font:inherit;font-size:1.1rem;font-weight:700;padding:.9rem 2rem;border:none;border-radius:999px;background:#4ade80;color:#1b1b2f;cursor:pointer}